.group-card.xcard{border-radius:var(--xclues-border-radius);border:none;overflow:hidden}@keyframes groupCardAppear{0%{opacity:0;transform:scaleY(.3)translateY(-20px)}60%{transform:scaleY(1.05)translateY(0)}to{opacity:1;transform:scaleY(1)translateY(0)}}@media (min-width:1025px){.group-card.xcard{padding:var(--xclues-spacing-2) var(--xclues-spacing-3)}}@media (prefers-reduced-motion:reduce){.group-card{animation:none}}.group-card.yellow{background:var(--xclues-yellow-bg);color:var(--xclues-group-text)}.group-card.green{background:var(--xclues-green-bg);color:var(--xclues-group-text)}.group-card.blue{background:var(--xclues-blue-bg);color:var(--xclues-group-text)}.group-card.purple{background:var(--xclues-purple-bg);color:var(--xclues-group-text)}.group-card .group-card-connection{font-weight:var(--xclues-font-weight-extrabold);letter-spacing:var(--xclues-tracking-normal);font-size:var(--xclues-font-size-base);line-height:1.3;display:inline-block}.group-card-content{flex-direction:column;justify-content:center;align-items:center;height:100%;padding-left:.5rem;padding-right:.5rem;display:flex;overflow:hidden}.group-card .group-card-items{justify-content:center;gap:var(--xclues-spacing-1);flex-wrap:wrap;row-gap:1px;display:flex}@media (max-width:639px){.group-card .group-card-connection{font-size:calc(.9375rem * var(--gc-scale,1));line-height:1.2}.group-card .group-card-items .xtext{font-size:calc(.75rem * var(--gc-scale,1));line-height:1.25}}
.game-board{padding-top:var(--xclues-spacing-4);flex-direction:column;display:flex}.game-board__empty{justify-content:center;align-items:center;gap:var(--xclues-spacing-6);padding:var(--xclues-spacing-xl) 0;flex-direction:column;display:flex}.game-board,.game-grid{--grid-gap:var(--xclues-spacing-2);--grid-row-height:calc((100vw - 5 * var(--xclues-spacing-2)) / 4);--grid-total-height:calc(4 * var(--grid-row-height) + 3 * var(--grid-gap))}.game-grid{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4, var(--grid-row-height));gap:var(--grid-gap);padding:0 var(--xclues-spacing-2);max-width:100%;display:grid}.game-grid>.group-card{grid-column:1/-1;min-height:0}.game-grid>.item-tile.xcard{aspect-ratio:unset}@media (min-width:640px){.game-board,.game-grid{--grid-gap:.625rem;--grid-row-height:calc((var(--xclues-board-width-tablet) - 3 * .625rem) / 4)}.game-grid{max-width:var(--xclues-board-width-tablet);margin:0 auto}}@media (min-width:1025px){.game-board,.game-grid{--grid-gap:.75rem;--grid-row-height:calc((var(--xclues-board-width-desktop) - 3 * .75rem) / 4)}.game-grid{max-width:var(--xclues-board-width-desktop)}}