.game{align-items:center;gap:var(--space-3);flex-direction:column;flex:1;display:flex}.rbar{width:100%;max-width:400px;color:var(--ink-muted);font-variant-numeric:tabular-nums;justify-content:space-between;font-size:14px;display:flex}.rbar b{color:var(--ink)}.rstatus{text-align:center;max-width:400px;min-height:20px;color:var(--ink-muted);margin:0;font-size:14px;line-height:20px}.rstatus.warn{color:var(--ink);font-weight:700}.rtools{gap:var(--space-2);display:flex}.rtools .tool{min-width:128px}.after{align-items:center;gap:var(--space-2);text-align:center;flex-direction:column;display:flex}.after[hidden]{display:none}.after p{margin:0}.rr-board.cheer .rr-rect{animation:.5s ease-out rr-cheer}@keyframes rr-cheer{40%{transform:scale(.94)}}@media (prefers-reduced-motion:reduce){.rr-board.cheer .rr-rect{animation:none}}.rr-board{--n:5;--rr-ink:var(--ink,#161a2e);--rr-free:var(--surface-raised,#fff);--rr-line:color-mix(in srgb, var(--rr-ink) 16%, transparent);--rr-a:var(--kobalt,#3f63e0);--rr-b:var(--mango,#f5a524);--rr-c:var(--minze,#1fb89e);--rr-bad:var(--koralle,#e5484d);--rr-on-bad:var(--on-koralle,#12152a);--rr-on-ink:var(--surface,#fff);width:min(400px, calc(100vw - 2 * var(--space-4,16px)));aspect-ratio:1;box-sizing:border-box;border:3px solid var(--rr-ink);border-radius:var(--radius-sm,6px);background-color:var(--rr-free);touch-action:none;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.rr-layer,.rr-grid{grid-template-rows:repeat(var(--n), 1fr);grid-template-columns:repeat(var(--n), 1fr);display:grid;position:absolute;inset:0}.rr-grid{z-index:1;grid-template-columns:none}.rr-labels{z-index:2;pointer-events:none}.rr-row{grid-template-columns:repeat(var(--n), 1fr);min-height:0;display:grid}.rr-cell{min-width:0;min-height:0;box-shadow:inset 0 0 0 .5px var(--rr-line);color:var(--rr-ink);font-family:var(--font-display,system-ui, sans-serif);cursor:pointer;background:0 0;border:0;border-radius:0;padding:0;font-size:clamp(14px,5.2vw,24px);font-weight:700;line-height:1}.big .rr-cell{font-size:clamp(12px,3.6vw,17px)}.rr-cell:focus-visible{box-shadow:inset 0 0 0 3px var(--rr-ink);outline:none}.rr-cell.anchor{box-shadow:inset 0 0 0 3px var(--rr-ink), inset 0 0 0 6px var(--rr-free);text-underline-offset:3px;text-decoration:underline}.rr-cell:disabled{cursor:default}.rr-rect{border:2.5px solid var(--rr-ink);border-radius:5px;min-width:0;min-height:0;margin:1px}.c0{background-color:color-mix(in srgb, var(--rr-a) 60%, var(--rr-free))}.c1{background-color:color-mix(in srgb, var(--rr-b) 66%, var(--rr-free))}.c2{background-color:color-mix(in srgb, var(--rr-c) 60%, var(--rr-free))}.c3,.c4,.c5{background-image:repeating-linear-gradient(135deg, transparent 0 6px, color-mix(in srgb, var(--rr-ink) 10%, transparent) 6px 8px)}.c3{background-color:color-mix(in srgb, var(--rr-a) 28%, var(--rr-free))}.c4{background-color:color-mix(in srgb, var(--rr-b) 32%, var(--rr-free))}.c5{background-color:color-mix(in srgb, var(--rr-c) 28%, var(--rr-free))}.rr-rect.bad{border:3px dashed var(--rr-bad)}.rr-rect.preview{border-style:dashed}.rr-rect.covered{opacity:.3}.rr-chip{font-family:var(--font-sans,system-ui, sans-serif);white-space:nowrap;border-radius:9999px;place-self:end center;margin-bottom:4px;padding:1px 6px;font-size:11px;font-weight:700;line-height:16px}.rr-chip.bad{background-color:var(--rr-bad);color:var(--rr-on-bad)}.rr-chip.live{background-color:var(--rr-ink);color:var(--rr-on-ink);align-self:center;padding:1px 10px;font-size:14px;line-height:22px}.rr-board.solved .rr-rect{border-color:var(--rr-ink)}
