.csRoot .sbHead{box-sizing:border-box;max-width:72rem;margin:0 auto;padding:12px 16px 0}.csRoot .sbPage .toolsTitle{font-size:26px}.csRoot .sbPage .toolsLead{font-size:15px;margin-top:6px}@media (min-width:768px){.csRoot .sbHead{padding:28px 16px 4px}.csRoot .sbPage .toolsTitle{font-size:40px}.csRoot .sbPage .toolsLead{font-size:17px;margin-top:10px}}.csRoot .sbTool{box-sizing:border-box;max-width:72rem;margin:0 auto;padding:12px 16px 8px}.csRoot .sbDrill{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"ctrl" "top" "board" "bottom" "status";gap:8px;max-width:560px;margin:0 auto}@media (min-width:1024px){.csRoot .sbDrill{grid-template-columns:minmax(0,560px) minmax(300px,380px);grid-template-areas:"board ctrl" "board top" "board bottom" "board status" "board .";grid-template-rows:auto auto auto auto 1fr;-moz-column-gap:28px;column-gap:28px;row-gap:14px;max-width:none;justify-content:center}}.csRoot .sbCtrl{grid-area:ctrl;display:flex;align-items:center;gap:8px;min-width:0}.csRoot .sbLevels{flex:1 1 auto;min-width:0}.csRoot .sbCtrl .csIconBtn{flex:none}.csRoot .sbClock{flex:none;display:flex;align-items:baseline;justify-content:flex-end;gap:2px;min-width:60px;padding:0 4px;font-family:var(--csMono);color:var(--csInk);line-height:var(--csLeadFlat)}.csRoot .sbClockValue{min-inline-size:4ch;text-align:end;font-size:20px;font-weight:600;font-variant-numeric:tabular-nums}.csRoot .sbClockUnit{font-size:13px;color:var(--csInkMeta)}.csRoot .sbBoardSlot{grid-area:board;display:flex;justify-content:center;min-width:0}.csRoot .sbBoard{box-sizing:border-box;position:relative;width:100%;aspect-ratio:1;overflow:hidden;background:var(--csWell);border-radius:var(--csRadKeySm);box-shadow:inset 0 0 0 1px var(--csBoardEdge),var(--csCutShadow);-moz-user-select:none;user-select:none;-webkit-user-select:none}@media (min-width:1024px){.csRoot .sbBoard{width:min(100%,max(288px,calc(100dvh - 250px)))}}.csRoot .sbSquares{position:absolute;inset:0;z-index:2;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr)}.csRoot .sbSquare{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;margin:0;padding:0;border:0;background:transparent;cursor:default;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:box-shadow var(--csTintMs) var(--csEase)}.csRoot .sbSquares[data-armed="1"] .sbSquare{cursor:pointer}.csRoot .sbSquare:focus-visible{outline:var(--csFocusW) solid var(--csAmberHi);outline-offset:calc(0px - var(--csFocusW) - var(--csFocusGap))}.csRoot .sbSquare[data-flag=wrong]{box-shadow:inset 0 0 0 4px var(--csDanger)}.csRoot .sbSquare[data-answer="1"]{outline:2px dashed var(--csInk);outline-offset:-5px}.csRoot .sbTray{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;min-width:0}.csRoot .sbTray[data-slot=top]{grid-area:top}.csRoot .sbTray[data-slot=bottom]{grid-area:bottom}.csRoot .csKey.sbTrayKey{--csKeyPressPull:calc(1px - var(--csDepth));position:relative;aspect-ratio:1;max-height:64px;justify-content:center;padding:4px;border-radius:var(--csRadKeySm);touch-action:none}.csRoot .sbTrayArt{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;pointer-events:none}.csRoot .sbTrayCount{position:absolute;right:4px;bottom:2px;font-family:var(--csMono);font-size:12px;font-weight:600;line-height:var(--csLeadFlat);color:var(--csInkBody);pointer-events:none}.csRoot .sbGhost{position:fixed;top:0;left:0;z-index:var(--csLayerAbove);pointer-events:none}.csRoot .sbStatus{grid-area:status;display:flex;flex-direction:column;gap:4px;min-width:0}.csRoot .sbNote{margin:0;min-height:calc(2em * 1.5);font-family:var(--csUi);font-size:14px;line-height:var(--csLeadBody);color:var(--csInkBody)}.csRoot .sbNote[data-tone=danger]{color:var(--csDanger)}.csRoot .sbNote[data-tone=done]{color:var(--csInk)}.csRoot .sbMeta{display:flex;flex-wrap:wrap;gap:4px 14px;margin:0;font-family:var(--csMono);font-size:12px;line-height:var(--csLeadBody);color:var(--csInkMeta)}.csRoot .sbVeil{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;padding:16px;background:var(--csScrim)}.csRoot .sbResult{box-sizing:border-box;display:flex;flex-direction:column;align-items:stretch;gap:10px;width:100%;max-width:280px;padding:18px;background:var(--csPanel);border:1px solid var(--csLine);border-radius:var(--csRadPanel);text-align:center}.csRoot .sbResultTitle{margin:0;font-family:var(--csMono);font-size:18px;line-height:var(--csLeadFlat);color:var(--csInkMeta)}.csRoot .sbResultTime{font-size:40px;font-weight:700;color:var(--csInk)}.csRoot .sbResultLine{margin:0;font-family:var(--csUi);font-size:14px;line-height:var(--csLeadBody);color:var(--csInkBody)}.csRoot .sbResultKeys{display:flex;flex-direction:column;gap:8px;margin-top:4px}.csRoot .sbArticle{box-sizing:border-box;display:flex;flex-direction:column;gap:40px;max-width:56rem;margin:0 auto;padding:40px 16px 96px}.csRoot .sbSection{display:flex;flex-direction:column;gap:20px}.csRoot .sbDiagram{margin:0;display:flex;flex-direction:column;align-items:center;gap:10px}.csRoot .sbDiagramSvg{display:block;width:100%;max-width:460px;height:auto}.csRoot .sbDiaLight{fill:var(--csBoardLight)}.csRoot .sbDiaDark{fill:var(--csBoardDark)}.csRoot .sbDiaRing{fill:none;stroke:var(--csInk);stroke-width:3}.csRoot .sbDiaCoord{font-family:var(--csMono);font-size:11px;fill:var(--csInkMeta)}.csRoot .sbDiaName{font-family:var(--csUi);font-size:10px;font-weight:600;fill:var(--csInkBody)}.csRoot .sbDiagramCaption{max-width:460px;font-family:var(--csUi);font-size:14px;line-height:var(--csLeadBody);color:var(--csInkMeta);text-align:center}.csRoot .sbFaq{display:flex;flex-direction:column;gap:8px}.csRoot .sbFaqItem{box-sizing:border-box;background:var(--csPanel);border:1px solid var(--csLine);border-radius:var(--csRadPanel)}.csRoot .sbFaqSummary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;cursor:pointer;list-style:none;-moz-user-select:none;user-select:none;-webkit-user-select:none}.csRoot .sbFaqSummary::-webkit-details-marker{display:none}.csRoot .sbFaqSummary:focus-visible{outline:var(--csFocusW) solid var(--csAmberHi);outline-offset:var(--csFocusGap);border-radius:var(--csRadPanel)}.csRoot .sbFaqQ{margin:0;font-family:var(--csDisplay);font-size:16px;font-weight:600;line-height:var(--csLeadTitle);color:var(--csInk)}.csRoot .sbFaqMark{flex:none;color:var(--csInkMeta);transition:transform var(--csKeyMs) var(--csEase),color var(--csTintMs) var(--csEase)}.csRoot .sbFaqItem[open] .sbFaqMark{transform:rotate(45deg);color:var(--csInk)}.csRoot .sbFaqA{margin:0;padding:0 16px 18px;font-family:var(--csUi);font-size:15px;line-height:var(--csLeadBody);color:var(--csInkBody)}@media (pointer:coarse){.csRoot .sbFaqSummary{min-height:44px}}.csRoot .sbClose{display:flex;justify-content:center;text-align:center}.csRoot .sbCloseLine{max-width:38rem;margin:0;font-family:var(--csUi);font-size:14px;line-height:var(--csLeadBody);color:var(--csInkMeta)}