.turns-board{aspect-ratio:1;touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;width:100%;max-width:420px;margin:8px auto}.turns-board[data-dragging]{cursor:grabbing}.turns-board:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:8px}.turns-board svg{width:100%;height:100%;display:block}.turns-letter{pointer-events:none}.turns-setting{flex-direction:column;flex:150px;gap:8px;min-width:0;display:flex}.turns-setting .board-select{flex:none}.turns-setting .board-level-description{font-size:.875rem}#cube-turns-app .twist-setup-actions>.free-starts-practice:not([hidden]){width:100%;margin:0}#cube-turns-app .twist-setup-actions:has(>.free-starts-practice:not([hidden]))>:is([data-free-starts-action],.free-starts-primary){width:100%;max-width:none}#turns-board-help{margin:12px 0 8px}.turns-caption{margin:0 0 12px;font-weight:600;line-height:1.35;display:grid}.turns-caption>span{grid-area:1/1}.turns-caption-sizer{visibility:hidden}.twist-practice #turns-caption[data-state=solved]{color:var(--accent);font-weight:650}.turns-practice:not([data-phase=playing]):not([data-phase=free]):not([data-phase=scrambling]) :is(#turns-board-help,.turns-caption){display:none}.turns-view{border-bottom:1px solid var(--line);margin:0 0 20px;padding:0 0 12px}.turns-view-title{color:var(--muted);margin:0 0 8px;font-size:.8125rem;font-weight:700}.turns-view-pad{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.turns-view-button[data-view=front]{grid-column:1/-1}@media (width>=620px){.turns-view-pad{grid-template-columns:repeat(4,minmax(0,1fr)) 1.5fr}.turns-view-button[data-view=front]{grid-column:auto}}.turns-view-button{border:1px solid var(--control-border);background:var(--accent-soft);min-width:44px;min-height:44px;color:var(--ink);font:inherit;cursor:pointer;border-radius:22px;padding:6px 10px;font-size:.875rem;font-weight:600;line-height:1.2}.turns-view-button:focus-visible{outline:3px solid var(--accent);outline-offset:2px}@media (hover:hover){.turns-view-button:hover{background:var(--mint)}}.turns-view-button:active{background:var(--mint)}.turns-view .turns-view-facing{color:var(--muted);hyphens:manual;overflow-wrap:normal;margin:0 0 10px;font-size:.8125rem;line-height:1.4}.turns-view-facing:empty,.turns-practice[data-size="2"] #turns-slices,.turns-practice[data-size="2"] .turns-help-middle{display:none}.turns-slices{grid-template-columns:repeat(6,minmax(0,1fr))}.turns-count{font-variant-numeric:tabular-nums;margin:0 0 8px;font-size:.875rem;font-weight:600}.turns-notation{letter-spacing:.02em;flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin:0 0 12px;font-size:1.0625rem;font-weight:600;display:flex}.turns-notation-label{color:var(--muted);font-size:.875rem;font-weight:650}.turns-answer-text{margin:0 0 12px;font-weight:600}.turns-moves{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-bottom:16px;display:grid}.turns-move{background:var(--card);min-width:44px;min-height:44px;color:var(--ink);font:inherit;cursor:pointer;border:1px solid #748477;border-radius:12px;padding:4px;font-size:1rem;font-weight:650;line-height:1}.turns-move:focus-visible{outline:3px solid var(--accent);outline-offset:2px}@media (hover:hover){.turns-move:hover{background:var(--accent-soft)}}.turns-move:active{background:var(--mint)}.turns-tools{margin-block:0 16px}.turns-tools .btn{flex:160px;width:auto}.turns-faces{margin-bottom:16px;font-size:.875rem}.turns-faces summary{cursor:pointer;align-items:center;min-height:44px;display:flex}.turns-faces ul{margin:0;padding-left:20px}.turns-faces li{margin-bottom:4px;line-height:1.5}.turns-review-heading{margin:20px 0 8px;font-size:1.0625rem}.turns-review{margin:0;padding-left:20px}.turns-review li{margin-bottom:12px}.turns-review p{margin:0;font-size:.9375rem;line-height:1.5}.turns-review-title{font-weight:650}.turns-practice .board-metrics{gap:16px 32px}.turns-practice .board-metrics dd{font-size:1.75rem}#turns-result-limits{margin-bottom:12px}@media (width<=480px){.turns-practice .board-metrics{gap:12px 24px}.turns-practice .board-metrics dd{font-size:1.5rem}.turns-moves{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.turns-move{font-size:.9375rem}}@media (width<=380px){.turns-moves{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (forced-colors:active){.turns-move,.turns-view-button{forced-color-adjust:none;color:canvastext;background:canvas;border-color:canvastext}.turns-view{forced-color-adjust:none;background:canvas;border-color:canvastext}}