.x3Mjzq_frame{width:min(92vw, 34rem, max(16rem, calc((100dvh - 16rem) * var(--cols) / var(--rows))));padding:var(--board-padding);background:var(--board-bg);border:var(--board-frame-width) solid var(--board-frame);border-radius:var(--board-radius);box-shadow:var(--board-shadow);touch-action:none;-webkit-user-select:none;user-select:none}.x3Mjzq_area{aspect-ratio:var(--cols) / var(--rows);position:relative}.x3Mjzq_tile{width:calc((100% - (var(--cols) - 1) * var(--board-gap)) / var(--cols));height:calc((100% - (var(--rows) - 1) * var(--board-gap)) / var(--rows));transform:translate(calc(var(--col) * (100% + var(--board-gap))), calc(var(--row) * (100% + var(--board-gap))));transition:transform var(--slide-duration) var(--slide-easing);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0;position:absolute;top:0;left:0;container-type:size}.x3Mjzq_face{background:var(--tile-bg);background-size:var(--tile-bg-size);background-position:var(--tile-bg-position);border-radius:var(--tile-radius);width:100%;height:100%;box-shadow:var(--tile-shadow);color:var(--tile-text);text-shadow:var(--tile-text-shadow);font-family:var(--tile-font);font-weight:var(--tile-font-weight);place-items:center;font-size:44cqmin;line-height:1;transition:box-shadow 80ms ease-out,translate 80ms ease-out;display:grid}.x3Mjzq_tile:active .x3Mjzq_face{box-shadow:var(--tile-pressed-shadow);translate:0 2px}.x3Mjzq_tile:focus-visible{outline:none}.x3Mjzq_tile:focus-visible .x3Mjzq_face{outline:3px solid var(--focus-ring);outline-offset:2px}@media (prefers-reduced-motion:reduce){.x3Mjzq_tile,.x3Mjzq_face{transition:none}}