.twoviews-practice .twoviews-setup{margin-block:16px 0}.twoviews-practice .twoviews-setting{flex:100%;min-width:0}.twoviews-example{margin:20px 0 0}.twoviews-example-body{flex-wrap:wrap;align-items:center;gap:12px 20px;display:flex}.twoviews-example-stack{flex:200px;max-width:280px}.twoviews-example-stack svg{width:100%;height:auto;display:block}.twoviews-example-views{flex:0 auto;gap:16px;display:flex}.twoviews-example-view{width:84px}.twoviews-example-view p{text-align:center;color:var(--ink);margin:4px 0 0;font-size:.8125rem;font-weight:600}.twoviews-example figcaption{margin-top:12px}.twoviews-views{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.twoviews-view{background:var(--card);border:1px solid var(--line);border-radius:12px;min-width:0;padding:8px 10px 10px}.twoviews-view-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:0 8px;display:flex}.twoviews-view h3{margin:0;font-size:1rem;line-height:1.35}.twoviews-state{color:var(--muted);font-size:.8125rem;font-weight:600}.twoviews-state[data-match=true]{color:var(--good)}.twoviews-view-note{color:var(--muted);margin:2px 0 6px;font-size:.75rem;line-height:1.4}.twoviews-pair{grid-template-columns:minmax(0,1fr);justify-items:center;gap:6px;display:grid}.twoviews-pair figure{width:100%;max-width:100px;margin:0}.twoviews-pair figcaption{text-align:center;color:var(--muted);margin-top:2px;font-size:.75rem}.twoviews-drawing svg{width:100%;height:auto;display:block}.twoviews-cubes{font-variant-numeric:tabular-nums;margin:12px 0 0;font-weight:600}.twoviews-build{flex-wrap:wrap;align-items:flex-start;gap:12px 20px;margin-top:8px;display:flex}.twoviews-grid-area{flex:0 auto;min-width:0}.twoviews-edge{text-align:center;color:var(--muted);margin:2px 0;padding-left:22px;font-size:.75rem;line-height:1.4}.twoviews-grid{--twoviews-side:4;grid-template-columns:18px repeat(var(--twoviews-side), minmax(44px, 52px));align-items:center;gap:4px;display:grid}.twoviews-axis{min-height:18px;color:var(--muted);font-variant-numeric:tabular-nums;place-items:center;font-size:.75rem;display:grid}.twoviews-cell{--twoviews-tint:var(--card);aspect-ratio:1;border:1px solid var(--control-border);background:var(--twoviews-tint);min-width:44px;min-height:44px;color:var(--ink);font:inherit;font-variant-numeric:tabular-nums;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-radius:8px;place-items:center;padding:0;font-size:1.125rem;font-weight:700;display:grid}.twoviews-cell[data-height="0"]{color:var(--muted);border-style:dashed;font-weight:500}.twoviews-cell[data-height="1"]{--twoviews-tint:#eaf1e7}.twoviews-cell[data-height="2"]{--twoviews-tint:#cfe0d2}.twoviews-cell[data-height="3"]{--twoviews-tint:#b2cdb9}.twoviews-cell[data-height="4"]{--twoviews-tint:#97bba2}.twoviews-cell[data-cursor=true]{box-shadow:inset 0 0 0 2px var(--accent)}.twoviews-cell:focus-visible{outline:3px solid var(--accent);outline-offset:2px;z-index:1;position:relative}.twoviews-cell:disabled{cursor:default;opacity:1}@media (hover:hover){.twoviews-cell:not(:disabled):hover{border-color:var(--accent)}}.twoviews-mode{flex-wrap:wrap;gap:6px;margin-top:10px;padding-left:22px;display:flex}.twoviews-mode-button{border:1px solid var(--control-border);border-radius:var(--control-radius,12px);background:var(--card);min-height:44px;color:var(--ink);font:inherit;cursor:pointer;touch-action:manipulation;flex:7rem;padding:6px 12px;font-size:.9375rem;font-weight:600}.twoviews-mode-button[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.twoviews-mode-button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.twoviews-mode-button:disabled{background:var(--control-disabled-bg);color:var(--control-disabled-ink);cursor:default}.twoviews-model{flex:220px;min-width:0;max-width:460px}.twoviews-stack-frame{border-radius:16px}.twoviews-stack svg{width:100%;height:auto;display:block}.twoviews-model .shape-turn-reset{margin-top:8px}.twoviews-message{min-height:3em;color:var(--ink);margin:12px 0 0;font-weight:600;line-height:1.5}.twoviews-tools,.twoviews-next-row{margin-block:8px 12px}.twoviews-next-row:not(:has(>:not([hidden]))){display:none}.twoviews-words{margin:8px 0 0;font-size:.875rem}.twoviews-words summary,.twoviews-practice .board-keyboard-help summary{cursor:pointer;min-height:44px;padding-block:10px;font-weight:650;line-height:24px;display:list-item}.twoviews-words p{margin:0 0 6px}.twoviews-words ul{margin:0 0 8px;padding-left:20px}.twoviews-result-fewest{color:var(--muted);margin-top:2px;font-size:.875rem;font-weight:600;display:block}.twoviews-review-title{margin:20px 0 8px;font-size:1.0625rem}.twoviews-review{margin:0 0 8px;padding-left:22px}.twoviews-review li{margin-bottom:6px;line-height:1.5}@media (width>=760px){.twoviews-pair{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}.twoviews-pair figure{max-width:150px}}@media (width<=360px){.twoviews-view{padding:6px 6px 8px}.twoviews-grid{grid-template-columns:14px repeat(var(--twoviews-side), minmax(44px, 56px))}.twoviews-edge,.twoviews-mode{padding-left:18px}}@media (forced-colors:active){.twoviews-cell{forced-color-adjust:none;color:canvastext;background:canvas;border-color:canvastext}.twoviews-cell[data-cursor=true]{box-shadow:inset 0 0 0 2px highlight}.twoviews-mode-button[aria-pressed=true]{outline:2px solid highlight}}