.lx-board{--lx-size:min(calc(100vw - 48px), calc(100dvh - 380px), var(--sp-board-max));width:var(--lx-size);aspect-ratio:1;touch-action:none;position:relative;container-type:inline-size}@media (orientation:landscape) and (max-height:500px){.lx-board{--lx-size:300px}}@media (min-width:1120px){.lx-board{--lx-size:460px}}.lx-grid{table-layout:fixed;border-collapse:collapse;width:100%;position:relative}.lx-grid td{height:calc(100cqi / var(--lx-n));text-align:center;vertical-align:middle;padding:0}.lx-board--blank{grid-template-columns:repeat(var(--lx-n), minmax(0, 1fr));display:grid}.lx-cell{aspect-ratio:1;justify-content:center;align-items:center;display:flex}.lx-star{vertical-align:middle;aspect-ratio:1;border-radius:var(--sp-radius-circle);width:80%;color:var(--sp-text);font-family:var(--sp-font-display);font-size:calc(38.4cqi / var(--lx-n));cursor:pointer;transition:transform var(--sp-dur-tap) ease-out;background:radial-gradient(circle at 50% 30%,#222c58 0%,#141b3d 62%,#0f1531 100%);border:1px solid #f4ede01f;justify-content:center;align-items:center;padding:0;font-weight:600;line-height:1;display:inline-flex;position:relative;box-shadow:inset 0 1px #ffffff0f}.lx-star:after{content:"";border-radius:inherit;opacity:0;transition:opacity var(--sp-dur-tap) ease-out;pointer-events:none;position:absolute;inset:0;box-shadow:0 0 0 5px #ffd27a24,0 0 24px 2px #ffbe5a80}.lx-star--on{background:radial-gradient(circle at 50% 35%, #fff8e6 0%, var(--sp-gold-2) 45%, #f5b04e 100%);color:var(--sp-ink-2);border-color:#0000;font-weight:700}.lx-star--on:after{opacity:1}.lx-star--last{transform:scale(1.07)}.lx-board__line{pointer-events:none;fill:none;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%;position:absolute;inset:0}.lx-board__glow{stroke:#ffb85c;stroke-opacity:.6}.lx-board__stroke{stroke:#ffe3a3}