.l98-board-wrap{aspect-ratio:1;touch-action:manipulation;user-select:none;-webkit-tap-highlight-color:transparent;width:100%;position:relative;container-type:inline-size}.l98-board{background:var(--l98-board-bg);border-radius:var(--l98-board-radius);--l98-frame:4px;width:100%;height:100%;box-shadow:0 0 0 var(--l98-frame) var(--l98-board-frame), 0 0 0 calc(var(--l98-frame) + 1px) var(--l98-cell-edge), 0 8px 24px calc(var(--l98-frame) - 2px) #0f1f451a;grid-template-rows:repeat(9,1fr);display:grid;overflow:hidden}@media (width>=401px){.l98-board{--l98-frame:12px}}.l98-board--static{grid-template-rows:minmax(0,1fr)}.l98-board--static>div{grid-template-rows:repeat(9,1fr);height:100%;display:grid}.l98-row{grid-template-columns:repeat(9,1fr);min-height:0;display:grid}.l98-gridcell{min-width:0;min-height:0;display:flex}.l98-cell{width:100%;height:100%;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;place-items:center;margin:0;padding:0;display:grid;position:relative}.l98-cell:before{content:"";inset:calc(var(--l98-cell-gap) / 2);background:linear-gradient(to bottom, #f6f7f9, var(--l98-cell-bg));background-color:var(--l98-cell-bg);box-shadow:inset 1.5px 1.5px 0 #fffffff2, inset -1.5px -1.5px 0 var(--l98-cell-edge), 0 1px 2px #0f1f451f;border-radius:4px;position:absolute}.l98-cell:focus-visible{outline:var(--l98-focus-width) solid var(--l98-cell-focus-ring);outline-offset:calc(-1 * var(--l98-focus-width));z-index:1}.l98-ball{--c:var(--l98-ball-1);width:var(--l98-ball-size-ratio);height:var(--l98-ball-size-ratio);background:var(--c);background:radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--c) 35%, white) 0%, var(--c) 45%, color-mix(in srgb, var(--c) 55%, black) 100%);box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--c) var(--l98-ball-rim-mix), black);border-radius:50%;place-items:center;display:grid;position:relative}.l98-ball:not(.l98-ball--preview):after{content:"";pointer-events:none;background:#ffffff8c;border-radius:50%;width:28%;height:18%;position:absolute;top:14%;left:22%;rotate:-30deg}.l98-ball--preview{width:var(--l98-preview-size-ratio);height:var(--l98-preview-size-ratio);background:var(--c);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--c) var(--l98-ball-rim-mix), black)}.l98-ball[data-color="1"]{--c:var(--l98-ball-1)}.l98-ball[data-color="2"]{--c:var(--l98-ball-2)}.l98-ball[data-color="3"]{--c:var(--l98-ball-3)}.l98-ball[data-color="4"]{--c:var(--l98-ball-4)}.l98-ball[data-color="5"]{--c:var(--l98-ball-5)}.l98-ball[data-color="6"]{--c:var(--l98-ball-6)}.l98-ball[data-color="7"]{--c:var(--l98-ball-7)}.l98-symbol{width:62%;height:62%;fill:var(--l98-symbol-fill);stroke:var(--l98-symbol-stroke);stroke-width:1.5px;paint-order:stroke}.l98-cell--selected:before{background:var(--l98-cell-selected-bg);box-shadow:inset 0 0 0 3px var(--l98-cell-selected-ring), 0 0 0 1px var(--l98-cell-selected-ring), 0 0 8px color-mix(in srgb, var(--l98-cell-selected-ring) 55%, transparent);z-index:0}.l98-cell--selected .l98-ball{animation:.6s ease-in-out infinite l98-bounce}@keyframes l98-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10%)}}.l98-cell--reachable:empty:after{content:"";border:2px solid var(--l98-cell-reachable);box-sizing:border-box;border-radius:50%;width:26%;height:26%;position:relative}.l98-cell--invalid:before{box-shadow:inset 0 0 0 3px var(--l98-cell-invalid)}.l98-cell--mark-target:before{box-shadow:inset 0 0 0 3px var(--l98-cell-selected-ring)}.l98-cell--mark-path:before{box-shadow:inset 0 0 0 2px var(--l98-cell-reachable)}.l98-cell--mark-line:before{box-shadow:inset 0 0 0 3px var(--l98-cell-reachable);outline:2px dashed var(--l98-cell-selected-ring);outline-offset:-6px}.l98-fx{pointer-events:none;position:absolute;inset:0}.l98-fx-cell{top:calc(var(--row) * 100% / 9);left:calc(var(--col) * 100% / 9);will-change:transform;place-items:center;width:11.1111%;height:11.1111%;display:grid;position:absolute}.l98-points{top:calc(var(--row) * 100% / 9);left:calc((var(--col) + .5) * 100% / 9);color:#fff;text-shadow:0 1px 2px #000;font-variant-numeric:tabular-nums;font-size:clamp(14px,4cqw,28px);font-weight:700;position:absolute;translate:-50%}.l98-reduced .l98-cell--selected .l98-ball{animation:none}@media (prefers-reduced-motion:reduce){.l98-cell--selected .l98-ball{animation:none}}.l98-hud{justify-content:space-between;align-items:center;gap:var(--l98-space-2);color:var(--l98-color-text);display:flex}.l98-hud__item{min-width:0;line-height:var(--l98-line-height-tight);flex-direction:column;display:flex}.l98-hud__label{color:var(--l98-color-text);font-size:.8125rem;font-weight:700}.l98-led{background:var(--l98-led-bg);border-radius:6px;align-self:flex-start;align-items:center;height:1.75rem;margin-top:2px;padding:4px 6px;display:inline-flex;box-shadow:inset 0 2px 4px #0009,0 0 0 1px #0f1f4540}.l98-led__svg{width:auto;height:100%;overflow:visible}.l98-led__on{fill:var(--l98-led-fg);filter:drop-shadow(0 0 1.5px color-mix(in srgb, var(--l98-led-fg) 70%, transparent))}.l98-led__off{fill:color-mix(in srgb, var(--l98-led-fg) 9%, transparent)}.l98-hud__next{gap:var(--l98-space-1);padding:var(--l98-space-1);border-radius:var(--l98-radius-pill);background:var(--l98-cell-bg);display:flex;box-shadow:inset 0 1px 2px #0f1f4533}.l98-hud__upcoming{flex:none;order:-1}.l98-hud__score{order:-2}.l98-hud__upcoming>.l98-hud__label{display:none}.l98-hud__next .l98-ball{width:1.75rem;height:1.75rem}