.fiar-board{--fiar-strip:50fr;--fiar-top:.64;isolation:isolate;grid-template-columns:minmax(0,14fr) repeat(7,minmax(0,100fr)) minmax(0,14fr);grid-template-rows:minmax(0, var(--fiar-strip)) minmax(0, 14fr) repeat(6, minmax(0, 100fr)) minmax(0, 14fr);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;width:100%;height:100%;display:grid;position:relative}.fiar-back{background:var(--g-hole);box-shadow:var(--shadow-2);border-radius:3.02%/3.5%;grid-area:2/1/10/10}.fiar-panel{z-index:2;pointer-events:none;width:100%;height:100%;filter:drop-shadow(0 1.5px 0 var(--g-frame-edge));grid-area:2/1/10/10;overflow:visible}.fiar-panel__face{fill:var(--g-frame);stroke:var(--g-frame-edge);stroke-width:2.5px}.fiar-row{grid-area:1/2/9/9;grid-template-columns:repeat(7,minmax(0,1fr));min-width:0;min-height:0;display:grid}.fiar-gridcell{min-width:0;min-height:0;display:grid}.fiar-col{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0, var(--fiar-strip)) minmax(0, 14fr) repeat(6, minmax(0, 100fr));width:100%;height:100%;color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:0;margin:0;padding:0;display:grid;overflow:hidden}.fiar-col[aria-disabled=true]{cursor:default}.fiar-col:focus-visible{outline:none}.fiar-col:before,.fiar-col:after{content:"";z-index:3;pointer-events:none;border-radius:var(--r-sm);grid-area:2/1/9}.fiar-col:before{background:var(--g-col-hover);opacity:0;transition:opacity var(--dur-1) var(--ease)}.fiar-col:focus-visible:after{outline:var(--focus-w) solid var(--g-focus);outline-offset:calc(-1 * var(--focus-w))}.fiar-board[data-interactive] .fiar-col:not([data-full]):focus-visible:before{opacity:1}.fiar-slot{grid-column:1;min-width:0;min-height:0;display:grid;position:relative}.fiar-disc,.fiar-ghost{z-index:1;grid-area:1/1;place-items:center;width:100%;height:100%;display:grid;position:relative}.fiar-mark{z-index:3;pointer-events:none;position:absolute;inset:0}.fiar-disc-svg{width:80%;height:80%;display:block;overflow:visible}.fiar-disc-svg__body{stroke-width:5px}.fiar-disc-svg[data-seat="0"] .fiar-disc-svg__body{fill:var(--g-player-red);stroke:var(--g-red-rim)}.fiar-disc-svg[data-seat="1"] .fiar-disc-svg__body{fill:var(--g-player-yellow);stroke:var(--g-yellow-rim)}.fiar-disc-svg__ring{fill:none;stroke:var(--g-red-mark);stroke-width:6.5px}.fiar-disc-svg__star{fill:var(--g-yellow-mark)}.fiar-preview{z-index:1;aspect-ratio:1;opacity:0;width:68%;transition:opacity var(--dur-1) var(--ease), transform var(--dur-2) var(--ease-out);grid-area:1/1/4;place-self:start center;margin-top:4%;transform:translateY(-12%)}.fiar-preview .fiar-disc-svg{width:100%;height:100%}.fiar-ghost{opacity:0;transition:opacity var(--dur-1) var(--ease)}.fiar-ghost .fiar-disc-svg__body{fill-opacity:.2;stroke-width:4px;stroke-dasharray:9 7}.fiar-ghost .fiar-disc-svg[data-seat="0"] .fiar-disc-svg__body{stroke:var(--g-player-red)}.fiar-ghost .fiar-disc-svg[data-seat="1"] .fiar-disc-svg__body{stroke:var(--g-player-yellow)}.fiar-ghost .fiar-disc-svg__ring,.fiar-ghost .fiar-disc-svg__star{display:none}.fiar-col:focus-visible .fiar-preview{opacity:1;transform:none}.fiar-col:focus-visible .fiar-ghost{opacity:1}@media (hover:hover) and (pointer:fine){.fiar-board[data-interactive] .fiar-col:not([data-full]):hover:before{opacity:1}.fiar-col:hover .fiar-preview{opacity:1;transform:none}.fiar-col:hover .fiar-ghost{opacity:1}}.fiar-disc[data-drop]{--fall:calc(var(--fiar-row,0) + var(--fiar-top));animation:fiar-drop calc(.15s + var(--fall,1) * 40ms) linear both}@keyframes fiar-drop{0%{transform:translateY(calc(var(--fall,1) * -100%));animation-timing-function:cubic-bezier(.5,0,1,1)}74%{animation-timing-function:cubic-bezier(0,0,.4,1);transform:translateY(0)}87%{animation-timing-function:cubic-bezier(.6,0,1,1);transform:translateY(-6%)}to{transform:translateY(0)}}.fiar-board[data-result=won] .fiar-slot:not([data-win]) .fiar-disc{opacity:.42;transition:opacity var(--dur-3) var(--ease) .12s}.fiar-slot[data-win] .fiar-disc-svg{animation:fiar-pop var(--dur-3) var(--ease-out) .12s}.fiar-winline{z-index:4;pointer-events:none;grid-area:3/2/9/9;width:100%;height:100%;overflow:visible}.fiar-winline line{fill:none;stroke-linecap:round;stroke-dasharray:1;animation:fiar-draw var(--dur-3) var(--ease-out) .2s both}.fiar-winline__edge{stroke:var(--g-frame-edge);stroke-width:24px}.fiar-winline__core{stroke:var(--g-win);stroke-width:13px}@keyframes fiar-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes fiar-pop{0%{transform:scale(1)}45%{transform:scale(1.1)}to{transform:scale(1)}}@media (aspect-ratio>=5/4) and (height<=520px){[data-game=four-in-a-row] .kit-board-frame{--aspect:calc(728 / 628)}[data-game=four-in-a-row] .fiar-board{--fiar-strip:0fr;--fiar-top:.14}[data-game=four-in-a-row] .fiar-preview{display:none}}@media (prefers-reduced-motion:reduce){:root:not([data-motion=full]) .fiar-disc[data-drop],:root:not([data-motion=full]) .fiar-slot[data-win] .fiar-disc-svg{animation:none}:root:not([data-motion=full]) .fiar-preview{transform:none}}:root[data-motion=reduce] .fiar-disc[data-drop],:root[data-motion=reduce] .fiar-slot[data-win] .fiar-disc-svg{animation:none}:root[data-motion=reduce] .fiar-preview{transform:none}.kit-badge__chip .fiar-disc-svg{width:100%;height:100%}