.cb-root{--arcade-hud-height:440px}@media (width<=699px){.cb-root:has(.cb-board){--arcade-hud-height:700px}}@media (width>=700px){.cb-root:has(.cb-board){max-width:clamp(640px,145svh - 348px,880px)}}@media (width>=1000px){.cb-root:has(.cb-board){max-width:min(clamp(640px,145svh - 348px,880px),100vw - 320px)}}.cb-stage{container-type:inline-size;aspect-ratio:auto!important}.cb-message{min-height:2.9em}.cb-board{font-family:var(--arcade-font);color:var(--arcade-text);background:var(--arcade-bg);touch-action:manipulation;align-items:start;gap:10px;padding:2.6%;display:grid}@container (width>=600px){.cb-board{grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:14px}}.cb-case,.cb-field{min-width:0;container-type:inline-size}.cb-failed{font-weight:var(--arcade-weight-strong);text-align:center;color:var(--arcade-muted);margin:0;padding:20% 6%}.cb-notes{border-radius:calc(var(--arcade-radius) * .9);background:var(--arcade-surface);padding:3cqw 3.4cqw}.cb-notes-title{font-size:max(11px,2.8cqw);font-weight:var(--arcade-weight-strong);letter-spacing:.1em;color:var(--arcade-accent);margin:0 0 2cqw}.cb-notes-list{gap:1.5cqw;margin:0;padding:0;list-style:none;display:grid}.cb-clue{align-items:center;gap:2.4cqw;min-height:max(24px,6.4cqw);font-size:max(13px,3.7cqw);font-weight:700;line-height:1.3;display:flex}.cb-clue-no{width:max(26px,6.6cqw);height:max(26px,6.6cqw);font:var(--arcade-weight-strong) max(12px, 3.2cqw) / 1 var(--arcade-font);font-variant-numeric:tabular-nums;color:var(--arcade-accent);background:var(--arcade-bg);cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:inline-grid}.cb-clue-no:disabled{cursor:default}.cb-clue[data-used] .cb-clue-no{color:var(--arcade-on-accent);background:var(--arcade-accent)}.cb-clue[data-used] .cb-clue-text{color:var(--arcade-muted)}.cb-clue[data-lit]{border-radius:calc(var(--arcade-radius) * .5);background:color-mix(in srgb, var(--arcade-accent) 22%, var(--arcade-surface));margin-inline:-1.2cqw;padding-inline:1.2cqw}.cb-grid{--cb-gap:.7cqw;border-radius:calc(var(--arcade-radius) * 1.1);font-size:var(--cb-names);background:color-mix(in srgb, var(--arcade-surface) 40%, var(--arcade-bg));grid-template-columns:max-content repeat(2,minmax(0,1fr));gap:2.2cqw;padding:2.8cqw;display:grid}.cb-grid[data-n="3"]{--cb-names:max(12px, 3.7cqw)}.cb-grid[data-n="4"]{--cb-names:max(11px, 3.3cqw)}.cb-grid[data-n="5"]{--cb-names:max(10px, 2.9cqw);--cb-gap:.6cqw}.cb-colhead{flex-direction:column;justify-content:space-between;gap:1.2cqw;min-width:0;display:flex}.cb-group{letter-spacing:.08em;text-align:center;text-transform:uppercase;color:var(--arcade-accent);font-size:.8em;font-weight:900}.cb-names{grid-template-columns:repeat(var(--cb-n), minmax(0, 1fr));gap:var(--cb-gap);align-items:end;display:grid}.cb-names span{writing-mode:vertical-rl;white-space:nowrap;font-weight:var(--arcade-weight-strong);color:var(--arcade-muted);justify-self:center;padding-block:.3em;line-height:1;transform:rotate(180deg)}.cb-rowhead{grid-template-rows:repeat(var(--cb-n), minmax(0, 1fr));gap:var(--cb-gap);display:grid}.cb-rowhead span{white-space:nowrap;font-weight:var(--arcade-weight-strong);color:var(--arcade-muted);place-self:center end;line-height:1}.cb-names span[data-on],.cb-rowhead span[data-on]{color:var(--arcade-accent)}.cb-block{grid-template-columns:repeat(var(--cb-n), minmax(0, 1fr));gap:var(--cb-gap);min-width:0;display:grid}.cb-square{aspect-ratio:1;border-radius:calc(var(--arcade-radius) * .22);min-width:0;color:var(--arcade-accent);background:var(--arcade-surface);cursor:pointer;touch-action:manipulation;border:0;place-items:center;padding:0;display:grid}.cb-square:focus-visible{z-index:1;outline:max(2px, .6cqw) solid var(--arcade-text);outline-offset:0;position:relative}.cb-tick{fill:currentColor;width:74%;height:74%}.cb-check{stroke:var(--arcade-on-accent)}.cb-cross{width:40%;height:40%;fill:var(--arcade-muted)}.cb-square[data-tone~=auto] .cb-cross,.cb-key-square[data-tone~=auto] .cb-cross{opacity:.45;width:30%;height:30%}.cb-square[data-tone~=clash]{color:var(--arcade-danger);background:color-mix(in srgb, var(--arcade-danger) 30%, var(--arcade-surface));box-shadow:inset 0 0 0 max(2px, .5cqw) var(--arcade-danger)}.cb-square[data-lit]{box-shadow:inset 0 0 0 max(3px, .8cqw) var(--arcade-accent)}.cb-void{text-align:center;flex-direction:column;justify-content:center;gap:1cqw;padding-inline:4%;display:flex}.cb-void-text{font-size:.85em;font-weight:var(--arcade-weight-strong);color:var(--arcade-muted);line-height:1.3}.cb-grid[data-look=closed] .cb-block:not([data-notes]) .cb-square{color:var(--arcade-success);cursor:default}.cb-controls-box{container-type:inline-size}.cb-controls{gap:10px;display:grid}@container (width>=600px){.cb-controls{grid-template-columns:minmax(0,1fr) minmax(160px,220px);align-items:center}}.cb-key{gap:6px;display:grid}.cb-key-row{font-size:13px;font-weight:var(--arcade-weight-strong);color:var(--arcade-muted);text-align:center;text-wrap:balance;margin:0;line-height:1.8}.cb-key-pair{white-space:nowrap}.cb-key-square{vertical-align:middle;border-radius:calc(var(--arcade-radius) * .25);width:22px;height:22px;color:var(--arcade-accent);background:var(--arcade-surface);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--arcade-muted) 45%, transparent);place-items:center;margin-inline:2px;display:inline-grid}.cb-tool{justify-content:center;align-items:center;gap:8px;min-height:40px;display:inline-flex}.cb-tool kbd{margin-left:2px;font-size:10px}.cb-undo{fill:currentColor;width:18px;height:18px}.cb-tutorial{gap:10px;padding:12px;display:grid}.cb-tut-head{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.cb-tut-title{font-size:15px;font-weight:var(--arcade-weight-strong);letter-spacing:.08em;color:var(--arcade-accent);margin:0}.cb-tut-count{font-size:14px;font-weight:var(--arcade-weight-strong);font-variant-numeric:tabular-nums;color:var(--arcade-muted)}.cb-tut-skip{width:auto;margin-left:auto;padding:8px 16px}.cb-tut-say{min-height:4.2em;font-weight:var(--arcade-weight-strong);margin:0;line-height:1.4}@media (width>=700px){.cb-tut-say{min-height:2.8em}}.cb-tut-hint{min-height:1.4em;font-weight:var(--arcade-weight-strong);color:var(--arcade-accent);margin:-4px 0 0}.cb-tut-stage{border-radius:calc(var(--arcade-radius) * .75);overflow:hidden;container-type:inline-size}.cb-tut-stage .cb-board{padding-top:0}.cb-result{text-align:center;gap:12px;display:grid}.cb-tip{text-align:left;border-radius:var(--arcade-radius);background:var(--arcade-part);gap:6px;padding:12px 16px;display:grid}.cb-tip p{margin:0}.cb-tip-label{font-size:11px;font-weight:var(--arcade-weight-strong);letter-spacing:.1em;color:var(--arcade-muted)}.cb-tip a{font-weight:var(--arcade-weight-strong);color:var(--arcade-accent)}