.lg{--cell:30px;--lab:72px;--head:58px;--lg-tick:#2e9e5b;flex-direction:column;gap:10px;width:100%;height:100%;min-height:0;display:flex}.lg.wide{flex-direction:row-reverse;align-items:stretch;gap:18px}.lg-clues{overscroll-behavior:contain;background:var(--card);border:var(--line-width) solid var(--border);border-radius:var(--radius);flex:auto;min-height:72px;padding:8px 10px;overflow:auto}.lg.wide .lg-clues{flex:1 1 0;align-self:flex-start;min-width:0;max-height:100%}.lg-list{gap:2px;margin:0;padding:0 0 0 1.6em;display:grid}.lg-list li{padding-left:2px}.lg-list li::marker{color:var(--muted-foreground);font-size:14px;font-weight:800}.lg-clue{text-align:left;width:100%;font:500 15px/1.35 var(--font-body);color:var(--foreground);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:4px;transition:color .16s,background .16s;display:block}.lg-clue.struck{color:var(--muted-foreground);text-decoration:line-through 1.5px}@media (hover:hover){.lg-clue:hover{background:color-mix(in srgb, var(--foreground) 5%, transparent)}}.lg-clue:focus-visible{outline:2px solid var(--primary);outline-offset:1px}.lg-gridwrap{flex:none;justify-content:center;display:flex}.lg.wide .lg-gridwrap{align-items:center}.lg-grid{grid-template-columns:var(--lab) calc(var(--cell) * var(--n) * 2);grid-template-rows:var(--head) calc(var(--cell) * var(--n) * 2);display:grid;position:relative}.lg-colheads{grid-area:1/2;grid-template-columns:repeat(calc(var(--n) * 2), var(--cell));display:grid}.lg-rowheads{grid-area:2/1;grid-template-rows:repeat(calc(var(--n) * 2), var(--cell));display:grid}.lg-head{color:var(--foreground);font:700 clamp(11px, calc(var(--cell) * .42), 15px) / 1.05 var(--font-body);align-items:center;display:flex;overflow:hidden}.lg-head.row{text-align:right;white-space:nowrap;text-overflow:ellipsis;justify-content:flex-end;padding-right:6px}.lg-head.col{justify-content:center;align-items:flex-end;padding-bottom:5px}.lg-head.col span{writing-mode:vertical-rl;white-space:nowrap;text-overflow:ellipsis;max-height:calc(var(--head) - 8px);overflow:hidden;transform:rotate(180deg)}.lg-head.c2{color:color-mix(in srgb, var(--foreground) 72%, var(--c))}.lg-cells{touch-action:none;grid-area:2/2;grid-template-columns:repeat(calc(var(--n) * 2), var(--cell));grid-template-rows:repeat(calc(var(--n) * 2), var(--cell));outline:none;display:grid}.lg-cell{background:var(--card);cursor:pointer;border-right:1px solid color-mix(in srgb, var(--foreground) 18%, var(--card));border-bottom:1px solid color-mix(in srgb, var(--foreground) 18%, var(--card));position:relative}.lg-cell.edge-r{border-right:2.5px solid var(--board-line,var(--foreground))}.lg-cell.edge-b{border-bottom:2.5px solid var(--board-line,var(--foreground))}.lg-cells:before{content:"";pointer-events:none;z-index:2;border:2.5px solid var(--board-line,var(--foreground));clip-path:polygon(0 0,100% 0,100% 50%,50% 50%,50% 100%,0 100%);border-radius:4px;position:absolute;inset:0}.lg-cells{position:relative}.lg-cell.x:before,.lg-cell.x:after{content:"";background:var(--foreground);border-radius:2px;width:52%;height:2.5px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.lg-cell.x:after{transform:translate(-50%,-50%)rotate(-45deg)}.lg-cell.x.auto:before,.lg-cell.x.auto:after{background:color-mix(in srgb, var(--foreground) 28%, var(--card))}.lg-cell.tick{background:color-mix(in srgb, var(--c) 40%, var(--card))}.lg-cell.tick:before{content:"";border:solid var(--foreground);border-width:0 3px 3px 0;width:24%;height:46%;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.lg-cell.bad{background:color-mix(in srgb, var(--danger) 26%, var(--card))}.lg-cell.cursor{box-shadow:inset 0 0 0 3px var(--primary);z-index:1}@media (hover:hover){.lg-cell:not(.tick):hover{background:color-mix(in srgb, var(--foreground) 6%, var(--card))}}.is-done .lg-cell,.is-done .lg-clue{cursor:default}.lg-case{z-index:1;width:calc(var(--cell) * var(--n) - 10px);height:calc(var(--cell) * var(--n) - 10px);text-align:center;border-radius:var(--radius);background:color-mix(in srgb, var(--c) 18%, var(--card));flex-direction:column;grid-area:2/2;justify-content:center;place-self:end;gap:4px;margin:5px;padding:6px;display:flex}.lg-case b{font:800 clamp(13px, calc(var(--cell) * .5), 18px) / 1.15 var(--font-title)}.lg-case span{font-size:clamp(11px, calc(var(--cell) * .38), 14px);color:var(--muted-foreground);line-height:1.25}.lg-grid.celebrate .lg-cell.tick{animation:lg-bounce .52s var(--ease-out,ease) both;animation-delay:calc(var(--wave,0) * 40ms)}@keyframes lg-bounce{40%{transform:scale(1.18)}}@media (prefers-reduced-motion:reduce){.lg-grid.celebrate .lg-cell.tick{animation:none}}.lg-tut{justify-items:center;gap:10px;display:grid}.lg-tclue{font:600 14px/1.3 var(--font-body);background:color-mix(in srgb, var(--c) 22%, var(--card));border-radius:99px;margin:0;padding:6px 12px}.lg-tgrid{grid-template-columns:auto repeat(3,40px);grid-auto-rows:40px;align-items:center;display:grid}.lg-tgrid>span:first-child{height:30px}.lg-thead{font:700 13px/1 var(--font-body);text-align:center;align-self:end;padding-bottom:6px}.lg-thead.row{text-align:right;align-self:center;padding:0 8px 0 0}.lg-tcell{background:var(--card);border:1px solid color-mix(in srgb, var(--foreground) 22%, var(--card));width:40px;height:40px;margin:0 -1px -1px 0;position:relative}.lg-mark{position:absolute;inset:0}.lg-mark.tick{background:color-mix(in srgb, var(--c) 40%, var(--card))}.lg-mark.tick:before{content:"";border:solid var(--foreground);border-width:0 3px 3px 0;width:24%;height:46%;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.lg-mark.x:before,.lg-mark.x:after{content:"";background:var(--foreground);border-radius:2px;width:52%;height:2.5px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.lg-mark.x:after{transform:translate(-50%,-50%)rotate(-45deg)}.lg-mark.x.auto:before,.lg-mark.x.auto:after{background:color-mix(in srgb, var(--foreground) 28%, var(--card))}.board-wrap>#board.board-fill.lg-host{width:min(100cqw, calc(1040px * var(--board-scale)))}