html[data-track-game] body{display:flex;flex-direction:column;height:100dvh;overflow:hidden}@media (height < 32rem),(width < 48rem){html[data-track-game] .site-nav{display:none}}.track-board{grid-template-areas:var(--areas-base)}@media (width >= 48rem){.track-board{grid-template-areas:var(--areas-md)}}@media (width >= 80rem){.track-board{grid-template-areas:var(--areas-xl)}}@media (height < 32rem){.track-board{grid-template-areas:var(--areas-short)}.track-hub{top:.75rem;translate:-50% 0;flex-direction:column}.track-hub-spacer{display:none}}.track-seat{touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;border-color:color-mix(in srgb,var(--seat) 32%,var(--border));background:radial-gradient(110% 80% at 50% 48%,color-mix(in srgb,var(--seat) 15%,var(--surface)) 0,var(--surface) 72%);transition:opacity .5s,filter .5s,box-shadow .1s}.track-seat-art{opacity:.35;--fade-toward:to left;mask-image:linear-gradient(var(--fade-toward),#000 55.6%,rgb(0 0 0/.92) 60.9%,rgb(0 0 0/.78) 66.7%,rgb(0 0 0/.6) 72.5%,rgb(0 0 0/.42) 77.8%,rgb(0 0 0/.26) 83.1%,rgb(0 0 0/.13) 88.9%,rgb(0 0 0/.05) 94.7%,transparent 100%)}.track-seat-art[data-side=left]{--fade-toward:to right}.track-mate,.track-player-card{border-color:color-mix(in srgb,var(--seat) 32%,var(--border))}.track-player-card{background:linear-gradient(135deg,color-mix(in srgb,var(--seat) 11%,var(--surface)),var(--surface) 62%)}.track-thumb{background:color-mix(in srgb,var(--background) 60%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--seat) 70%,transparent)}.track-first-badge{color:var(--seat);border:1px solid color-mix(in srgb,var(--seat) 55%,transparent);background:color-mix(in srgb,var(--background) 50%,transparent)}.track-adjust{position:absolute;top:0;bottom:0;display:flex;align-items:center;justify-content:flex-start;width:50%;padding-inline:5cqw;font-size:clamp(22px,20cqmin,60px);line-height:1;color:color-mix(in srgb,var(--seat) 55%,var(--text-muted));transition:background-color .15s,color .15s}.track-adjust[data-step=down]{left:0}.track-adjust[data-step=up]{right:0;justify-content:flex-end}@container (aspect-ratio < 1.2){.track-adjust,.track-adjust[data-step]{left:0;right:0;width:auto;height:50%;justify-content:center;padding-inline:0}.track-adjust[data-step=up]{bottom:auto;align-items:flex-start;padding-top:clamp(2.25rem,10cqmin,3.5rem)}.track-adjust[data-step=down]{top:auto;align-items:flex-end;padding-bottom:clamp(2.25rem,10cqmin,3.5rem)}}.track-adjust:hover{color:var(--seat);background:color-mix(in srgb,var(--seat) 7%,transparent)}.track-adjust:active{background:color-mix(in srgb,var(--seat) 16%,transparent)}.track-pip{width:clamp(7px,2.4cqw,12px);aspect-ratio:1;rotate:45deg;border-radius:2px;border:1px solid color-mix(in srgb,var(--seat) 45%,var(--border));transition:background-color .2s}.track-pip[data-on=true]{background:var(--seat);border-color:var(--seat)}.track-hub-button{background:var(--surface);border:1px solid var(--border);box-shadow:0 0 0 6px var(--background),0 8px 24px rgb(0 0 0/.55)}@keyframes track-glow-0{0%,to{box-shadow:0 0 0 1px color-mix(in srgb,var(--seat) 40%,transparent)}45%{box-shadow:0 0 0 2px var(--seat),0 0 34px 4px color-mix(in srgb,var(--seat) 45%,transparent),inset 0 0 44px color-mix(in srgb,var(--seat) 16%,transparent)}}@keyframes track-glow-1{0%,to{box-shadow:0 0 0 1px color-mix(in srgb,var(--seat) 40%,transparent)}45%{box-shadow:0 0 0 2px var(--seat),0 0 34px 4px color-mix(in srgb,var(--seat) 45%,transparent),inset 0 0 44px color-mix(in srgb,var(--seat) 16%,transparent)}}.track-pulse-0{animation:track-glow-0 .8s ease-in-out 3}.track-pulse-1{animation:track-glow-1 .8s ease-in-out 3}@keyframes track-pip-glow-0{0%,to{box-shadow:0 0 0 0 transparent}45%{box-shadow:0 0 12px 3px color-mix(in srgb,var(--seat) 70%,transparent)}}@keyframes track-pip-glow-1{0%,to{box-shadow:0 0 0 0 transparent}45%{box-shadow:0 0 12px 3px color-mix(in srgb,var(--seat) 70%,transparent)}}.track-pip-glow-0{animation:track-pip-glow-0 .8s ease-in-out 3}.track-pip-glow-1{animation:track-pip-glow-1 .8s ease-in-out 3}@keyframes track-pop{0%{transform:scale(1)}30%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes track-tint{0%,35%{color:var(--seat)}to{color:var(--text)}}.track-pop{animation:track-pop .56s ease-out,track-tint 2.4s ease-out}@keyframes track-float{0%{opacity:0;transform:translate(-50%,-60%) scale(.7)}18%{opacity:1;transform:translate(-50%,-235%) scale(1.06)}75%{opacity:1;transform:translate(-50%,-255%) scale(1)}to{opacity:0;transform:translate(-50%,-310%) scale(.95)}}@keyframes track-float-small{0%{opacity:0;transform:translate(-50%,2px) scale(.8)}22%{opacity:1;transform:translate(-50%,-16px) scale(1)}78%{opacity:1;transform:translate(-50%,-19px) scale(1)}to{opacity:0;transform:translate(-50%,-30px) scale(.95)}}.track-float,.track-float-small{position:absolute;left:50%;z-index:5;pointer-events:none;font-weight:700;line-height:1;white-space:nowrap;color:var(--seat);text-shadow:0 2px 14px rgb(0 0 0/.95);animation:track-float 2.4s ease-out forwards}.track-float{top:50%}.track-float-small{top:-4px;font-size:1.1875rem;animation-name:track-float-small}.track-roll-hit{box-shadow:inset 0 0 0 3px var(--seat),0 0 28px 2px color-mix(in srgb,var(--seat) 50%,transparent)!important}@keyframes track-stamp{0%{transform:scale(2.4) rotate(-8deg);opacity:0}to{transform:none;opacity:1}}.track-stamp{animation:track-stamp .7s cubic-bezier(.2,1.6,.4,1)}@keyframes track-win-glow{0%,to{box-shadow:0 0 0 2px var(--seat),0 0 30px 2px color-mix(in srgb,var(--seat) 35%,transparent)}50%{box-shadow:0 0 0 3px var(--seat),0 0 64px 10px color-mix(in srgb,var(--seat) 55%,transparent)}}@keyframes track-burst{0%{opacity:1;transform:scale(.3)}to{opacity:0;transform:scale(1.6)}}@keyframes track-shine{to{background-position:-160% 0}}.track-won{border-color:var(--seat);animation:track-win-glow 1.8s ease-in-out infinite}.track-won:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--seat) 45%,transparent),transparent 60%);animation:track-burst 1.2s ease-out forwards}.track-victory-band{background:linear-gradient(100deg,var(--seat) 35%,#fff 50%,var(--seat) 65%);background-size:260% 100%;background-clip:text;color:transparent;animation:track-shine 2.6s linear infinite}@keyframes track-card-in{0%{opacity:0;transform:scale(.85) translateY(12px)}to{opacity:1;transform:none}}.track-victory-card{box-shadow:0 24px 70px rgb(0 0 0/.65),0 0 70px -12px var(--seat);animation:track-card-in .55s cubic-bezier(.2,1.4,.4,1) .45s both}@keyframes track-toast-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}.track-toast{animation:track-toast-in .3s ease-out both}@media (prefers-reduced-motion:reduce){.track-pulse-0,.track-pulse-1,.track-won{animation:none!important;box-shadow:0 0 0 2px var(--seat)}.track-pop{color:var(--seat)}.track-float,.track-pop{animation:none!important}.track-float{transform:translate(-50%,-240%)}.track-float-small{animation:none!important;transform:translate(-50%,-18px)}.track-victory-band{animation:none!important;color:var(--seat)}}html[data-track-dragging],html[data-track-dragging] *{cursor:grabbing!important}.track-swap-chip{color:var(--text-muted);background:var(--surface);border:1px solid var(--border);box-shadow:0 10px 28px rgb(0 0 0/.55);opacity:.9}.track-swap-chip[data-armed=true]{color:var(--accent);border-color:var(--accent);opacity:1}.track-swap-target{box-shadow:inset 0 0 0 3px var(--accent),0 0 28px 2px color-mix(in srgb,var(--accent) 45%,transparent);background:color-mix(in srgb,var(--accent) 10%,transparent)}