.game{align-items:center;gap:var(--space-3);flex-direction:column;flex:1;display:flex}.kbar{width:100%;max-width:360px;color:var(--ink-muted);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;font-size:14px;display:flex}.clock{color:var(--ink);font-weight:700}.kboard{--n:8;--bw:min(360px, calc(100vw - 2 * var(--space-4)));--cell:calc(var(--bw) / var(--n));width:var(--bw);aspect-ratio:1;grid-template-rows:repeat(var(--n), 1fr);border-radius:var(--radius-sm);box-shadow:0 0 0 2px var(--line-strong);-webkit-user-select:none;user-select:none;display:grid;overflow:hidden}.krow{grid-template-columns:repeat(var(--n), 1fr);min-height:0;display:grid}.kcell,.kclue,.kblock{min-width:0;min-height:0;box-shadow:inset 0 0 0 .5px var(--line-strong);position:relative}.kboard{--k-cell:color-mix(in srgb, var(--ink) 11%, var(--surface-raised));--k-clue:var(--surface)}@media (prefers-color-scheme:light){:root:not([data-theme=dark]) .kboard{--k-cell:var(--surface-raised);--k-clue:var(--tile-absent)}}:root[data-theme=light] .kboard{--k-cell:var(--surface-raised);--k-clue:var(--tile-absent)}.kblock,.kclue{background-color:var(--k-clue);color:var(--on-tile-absent)}.kclue{background-image:linear-gradient(to top right, transparent calc(50% - .75px), color-mix(in srgb, var(--on-tile-absent) 45%, transparent) 50%, transparent calc(50% + .75px));cursor:pointer}.kclue span{font-family:var(--font-sans);font-weight:800;font-size:max(9px, calc(var(--cell) * .33));font-variant-numeric:tabular-nums;border-radius:3px;padding:1px 2px;line-height:1;position:absolute}.kclue .ka{top:6%;right:4%}.kclue .kd{bottom:6%;left:4%}.kclue span.cur{background-color:var(--kobalt);color:var(--on-kobalt)}.kclue span.done{opacity:.4}.kclue span.over{text-underline-offset:2px;-webkit-text-decoration:underline wavy;text-decoration:underline wavy;text-decoration-thickness:1.5px}.kcell{background-color:var(--k-cell);color:var(--kobalt);font-family:var(--font-display);font-weight:700;font-size:calc(var(--cell) * .52);cursor:pointer;border:0;border-radius:0;place-items:center;padding:0;line-height:1;display:grid}.kcell:disabled{cursor:default}.kcell.peer{background-color:color-mix(in srgb, var(--kobalt) 18%, var(--k-cell))}.kcell.sel{background-color:var(--kobalt);color:var(--on-kobalt)}.kcell.bad{text-underline-offset:3px;-webkit-text-decoration:underline wavy;text-decoration:underline wavy;text-decoration-thickness:2px}.kcell:focus-visible{box-shadow:inset 0 0 0 3px var(--ink);z-index:1;outline:none}.kcell.sel:focus-visible{box-shadow:inset 0 0 0 2px var(--on-kobalt), inset 0 0 0 4px var(--ink)}.notes{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);width:100%;height:100%;padding:1px;display:grid}.notes i{font-family:var(--font-sans);font-style:normal;font-weight:700;font-size:max(7px, calc(var(--cell) * .24));color:var(--ink-muted);place-items:center;display:grid}.kcell.sel .notes i{color:var(--on-kobalt)}.kinfo{flex-direction:column;gap:2px;width:100%;max-width:360px;min-height:52px;font-size:14px;line-height:20px;display:flex}.kinfo p{margin:0}.kinfo .kdir{min-width:6.4em;color:var(--ink-muted);font-size:13px;display:inline-block}.kinfo b{margin-right:var(--space-1);font-variant-numeric:tabular-nums}.kinfo b:after{content:":"}.kinfo em{margin-left:var(--space-1);font-style:normal;font-weight:700}.kinfo p.done .kcombos,.kinfo .kempty{color:var(--ink-muted)}.kpad{gap:var(--space-1);grid-template-columns:repeat(9,1fr);width:100%;max-width:500px;margin-top:auto;display:grid}.kpad .sg-key{font-family:var(--font-display);font-size:22px}.ktools{gap:var(--space-2);grid-template-columns:repeat(3,1fr);width:100%;max-width:500px;display:grid}.ktools .sg-btn{padding:0 var(--space-2);gap:var(--space-1)}.ktools .sg-btn svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.after{align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.after p{margin:0}.kcell.hop{animation:.42s ease-out both k-hop}@keyframes k-hop{40%{background-color:var(--mango);color:var(--on-mango);transform:translateY(-4px)}}@media (prefers-reduced-motion:reduce){.kcell.hop{animation:none}}