.board[data-v-c83fd287]{--c:21px}@media (width>=640px){.board[data-v-c83fd287]{--c:26px}}@media (width>=1024px){.board[data-v-c83fd287]{--c:33px}}.cell[data-v-c83fd287]{width:var(--c);height:calc(var(--c) * 1.42);background:var(--color-red);color:#fff;font:700 calc(var(--c) * .78)/1 var(--font-head);perspective:120px;border-radius:3px;place-items:center;display:grid;position:relative;overflow:hidden}.cell[data-v-c83fd287]:after{content:"";background:#ffffffb3;height:1px;position:absolute;inset:50% 0 auto}.group:hover .cell[data-v-c83fd287]{background:var(--color-red-deep)}.cell.is-blank[data-v-c83fd287],.group:hover .cell.is-blank[data-v-c83fd287]{background:color-mix(in srgb,var(--color-red) 12%,transparent)}.cell.is-blank[data-v-c83fd287]:after{background:#fff}.flip[data-v-c83fd287]{transform-origin:50%;animation:70ms ease-out flip-c83fd287;display:block}@keyframes flip-c83fd287{0%{opacity:.4;transform:rotateX(80deg)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.flip[data-v-c83fd287]{animation:none}}@media (prefers-reduced-motion:no-preference){.fcard[data-v-f81023cc]:not(.is-in){opacity:0;translate:0 24px}.fcard.is-in[data-v-f81023cc]{animation:card-in-f81023cc .5s cubic-bezier(.2,.8,.3,1) var(--delay) backwards}}@keyframes card-in-f81023cc{0%{opacity:0;translate:0 24px}}.fcard[data-v-f81023cc]{transition:translate .25s,box-shadow .25s}.fcard[data-v-f81023cc]:hover{box-shadow:7px 7px 0 var(--color-red);translate:-3px -3px}.demo-chip[data-v-f81023cc]{transition:background-color .2s,color .2s,border-color .2s}:is(.fcard:hover,.fcard.is-play) .demo-chip[data-v-f81023cc]{border-color:var(--color-red);background:var(--color-red);color:#fff}.demo-after[data-v-f81023cc],.demo-before[data-v-f81023cc]{transition:opacity .2s,scale .2s}.demo-after[data-v-f81023cc],:is(.fcard:hover,.fcard.is-play) .demo-before[data-v-f81023cc]{opacity:0;scale:.9}:is(.fcard:hover,.fcard.is-play) .demo-after[data-v-f81023cc]{opacity:1;scale:1}.demo-reply[data-v-f81023cc]{opacity:0;transition:opacity .25s .15s,translate .25s .15s;translate:0 6px}:is(.fcard:hover,.fcard.is-play) .demo-reply[data-v-f81023cc]{opacity:1;translate:0}@media (prefers-reduced-motion:no-preference){:is(.fcard:hover,.fcard.is-play) .demo-pop[data-v-f81023cc]{animation:.4s ease-out pop-f81023cc}:is(.fcard:hover,.fcard.is-play) .demo-toast[data-v-f81023cc]{animation:.4s cubic-bezier(.34,1.4,.64,1) toast-in-f81023cc}:is(.fcard:hover,.fcard.is-play) .demo-ring[data-v-f81023cc]{transform-origin:50% 10%;animation:.7s ease-in-out ring-f81023cc}.fcard:hover .demo-pulse[data-v-f81023cc]{animation:1.2s ease-out infinite pulse-f81023cc}.fcard.is-play .demo-pulse[data-v-f81023cc]{animation:1.2s ease-out 3 pulse-f81023cc}:is(.fcard:hover,.fcard.is-play) .demo-spin[data-v-f81023cc]{animation:.6s ease-in-out spin-f81023cc}}@keyframes pop-f81023cc{40%{scale:1.12}}@keyframes toast-in-f81023cc{0%{opacity:0;translate:0 -14px}}@keyframes ring-f81023cc{15%,45%{rotate:14deg}30%,60%{rotate:-14deg}75%{rotate:6deg}}@keyframes pulse-f81023cc{0%{box-shadow:0 0 #e6413873}to{box-shadow:0 0 0 12px #e6413800}}@keyframes spin-f81023cc{to{rotate:1turn}}.club[data-v-1aa56c88]:before{content:"";background:var(--color-red);width:3px;transition:scale .2s;position:absolute;top:1rem;bottom:1rem;left:0;scale:1 0}.club[data-v-1aa56c88]:focus-visible:before,.club[data-v-1aa56c88]:hover:before{scale:1}.h2h[data-v-1aa56c88]{transition:rotate .35s cubic-bezier(.34,1.4,.64,1),translate .35s cubic-bezier(.34,1.4,.64,1),box-shadow .35s}.h2h[data-v-1aa56c88]:hover{box-shadow:11px 11px 0 var(--color-red);translate:-3px -3px;rotate:0deg}.flip-in[data-v-1aa56c88]{display:inline-block}@media (prefers-reduced-motion:no-preference){.h2h-row[data-v-1aa56c88]{opacity:0;transform:translateY(10px)}.h2h.is-in .h2h-row[data-v-1aa56c88]{animation:.4s ease-out both row-in-1aa56c88}.h2h.is-in .h2h-row[data-v-1aa56c88]:nth-child(2){animation-delay:.25s}.h2h.is-in .h2h-row[data-v-1aa56c88]:nth-child(3){animation-delay:.5s}.flip-in[data-v-1aa56c88]{animation:.2s ease-out flip-in-1aa56c88}}@keyframes row-in-1aa56c88{to{opacity:1;transform:none}}@keyframes flip-in-1aa56c88{0%{opacity:.2;transform:rotateX(80deg)}}@media (prefers-reduced-motion:no-preference){.drop[data-v-1aa56c88]{opacity:0}.drop.is-in[data-v-1aa56c88]{animation:.75s both drop-1aa56c88}}@keyframes drop-1aa56c88{0%{opacity:0;animation-timing-function:cubic-bezier(.55,.085,.68,.53);transform:translateY(-160px)}8%{opacity:1}55%{animation-timing-function:cubic-bezier(.25,.46,.45,.94);transform:translateY(0)scale(1.25,.75)}75%{animation-timing-function:cubic-bezier(.55,.085,.68,.53);transform:translateY(-14px)scale(.95,1.05)}90%{transform:translateY(0)scale(1.1,.9)}to{opacity:1;transform:none}}
