.game{align-items:center;gap:var(--space-3);flex-direction:column;flex:1;display:flex}.bbar{width:100%;max-width:360px;color:var(--ink-muted);font-variant-numeric:tabular-nums;justify-content:space-between;font-size:14px;display:flex}.bbar b{color:var(--ink)}.bboard{--n:7;--w:min(360px, calc(100vw - 2 * var(--space-4)));width:var(--w);aspect-ratio:1;border-radius:var(--radius-md);background-color:var(--surface-raised);box-shadow:0 0 0 2px var(--line);touch-action:none;-webkit-user-select:none;user-select:none;position:relative}.bsvg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.bdot{fill:var(--line-strong);opacity:.6}.bline{stroke:var(--ink);stroke-width:.09px;pointer-events:none}.bhit{stroke:#0000;stroke-width:.6px;pointer-events:stroke;cursor:pointer}.bprev{stroke:var(--kobalt);stroke-width:.06px;stroke-dasharray:.12 .12;pointer-events:none}.bisles{grid-template-rows:repeat(var(--n), 1fr);grid-template-columns:repeat(var(--n), 1fr);pointer-events:none;display:grid;position:absolute;inset:0}.bisle{isolation:isolate;min-width:0;min-height:0;color:var(--ink);font-family:var(--font-display);font-weight:700;font-size:calc(var(--w) / var(--n) * .44);cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent;background:0 0;border:0;place-items:center;padding:0;line-height:1;display:grid;position:relative}.bisle:before{content:"";z-index:-1;border:2px solid var(--ink);background-color:var(--surface-raised);border-radius:50%;position:absolute;inset:7%}.bisle:focus-visible{outline:none}.bisle:focus-visible:before{box-shadow:var(--focus-ring)}.bisle.target:before{border-color:var(--kobalt);border-width:3px}.bisle.sel:before{border-width:3px;border-color:var(--kobalt);box-shadow:0 0 0 3px color-mix(in srgb, var(--kobalt) 35%, transparent)}.bisle.done:before{background-color:var(--tile-correct);border-color:var(--tile-correct)}.bisle.done{color:var(--on-kobalt)}.bisle.done.sel:before{border-color:var(--ink)}.bisle.over:before{border:3px dashed var(--koralle)}.bisle:disabled{cursor:default}.bboard.solved{box-shadow:0 0 0 3px var(--minze)}.btools{gap:var(--space-2);grid-template-columns:repeat(2,1fr);width:100%;max-width:360px;display:grid}.after{align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.after p{margin:0}.bisle.hop{animation:.48s ease-out both b-hop}@keyframes b-hop{40%{transform:translateY(-4px)scale(1.12)}}@media (prefers-reduced-motion:reduce){.bisle.hop{animation:none}}