.cp-practice{max-width:950px;margin-inline:auto}.cp-limits{margin:0;padding:0 24px 20px}.cp-stage{min-width:0}.cp-top{margin-bottom:22px}.cp-top>p{margin:0}.cp-stage>h2{letter-spacing:-.025em;margin:0 0 18px;font-size:clamp(1.65rem,4vw,2.35rem);line-height:1.2}.cp-target-row{grid-template-columns:160px minmax(0,1fr);align-items:center;gap:24px;margin:18px 0 24px;display:grid}.cp-target-row figure{text-align:center;margin:0}.cp-target-row figcaption{margin-bottom:8px;font-weight:650}.cp-target-row p{margin:0 0 12px;line-height:1.5}.cp-target-svg{width:144px;height:120px;margin:auto}.cp-target-svg svg{width:100%;height:100%;display:block}.cp-workarea{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;gap:24px;display:grid}.cp-workspace{grid-area:1/1;min-width:0}.cp-tray-panel{grid-area:1/2;min-width:0}.cp-workarea h3{margin:0 0 10px;font-size:1.05rem;line-height:1.4}#cp-workspace-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}#cp-placed{font-size:.85rem;font-weight:400}.cp-board-surface{background:var(--mint);border-radius:16px;padding:14px}.cp-board{gap:3px;width:100%;max-width:360px;margin:auto;display:grid}.cp-board-row{grid-template-columns:repeat(var(--cp-size), minmax(44px, 1fr));gap:3px;display:grid}.cp-cell{aspect-ratio:1;background:var(--card);min-width:44px;min-height:44px;font:inherit;color:var(--ink);cursor:pointer;touch-action:manipulation;border:1px solid #748477;border-radius:5px;padding:0;font-weight:650;position:relative}.cp-cell[data-owner]{background:var(--cp-piece);color:#263b32;border-color:#263b32}.cp-cell[data-selected=true]{outline:3px solid var(--accent);outline-offset:-3px}.cp-cell[data-anchor=true]:after{content:"";background:#263b32;border-radius:50%;width:7px;height:7px;position:absolute;top:5px;left:5px}.cp-cell:focus-visible{outline:3px solid var(--accent);outline-offset:1px;z-index:1}.cp-cell[aria-disabled=true]{cursor:default}.cp-tray{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.cp-piece{background:var(--card);text-align:center;min-width:0;min-height:110px;font:inherit;color:var(--ink);cursor:pointer;touch-action:manipulation;border:1px solid #748477;border-radius:12px;padding:10px 8px}.cp-piece[aria-pressed=true]{outline:2px solid var(--accent);outline-offset:-2px;background:var(--accent-soft)}.cp-piece strong{font-size:.9rem}.cp-piece svg{width:100%;height:58px;margin:3px auto;display:block}.cp-piece small{min-height:1.5em;color:var(--muted);font-size:.72rem;display:block}.cp-piece[data-placed=true]{background:var(--accent-soft)}.cp-piece:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.cp-piece:disabled{cursor:default;opacity:1}.cp-tools{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}.cp-practice .cp-tools .btn{width:auto;min-height:46px;padding:9px 8px;font-size:.86rem}.cp-tools .btn:disabled{opacity:.45}.cp-selection-note{min-height:4.5em;margin:14px 0 0;font-size:.88rem;line-height:1.5}.cp-placement-status{min-height:4.5em;color:var(--muted);margin:14px 0 0;font-size:.88rem;line-height:1.5}.cp-keyboard{margin:14px 0}.cp-feedback{border-top:1px solid var(--line);min-height:142px;margin:22px 0 12px;padding-top:16px}.cp-feedback h3{margin:0 0 10px;font-size:1.08rem}.cp-feedback p{margin:0;font-size:.94rem;line-height:1.5}.cp-check-row .btn{width:100%}.cp-solution{border:1px solid var(--line);border-radius:12px;margin-top:22px;padding:20px}.cp-solution h3{margin:0 0 10px;font-size:1.05rem}.cp-solution svg{width:100%;max-width:240px;height:180px;margin:auto;display:block}.cp-solution p{color:var(--muted);margin:8px 0 0;font-size:.86rem;line-height:1.5}.cp-error{border:1px solid var(--line);background:var(--card);border-radius:16px;padding:24px}.cp-mobile-selected,.cp-rail-help{display:none}@media (width<=560px){.cp-limits{padding:16px 20px 20px}.cp-stage:not([hidden]){flex-direction:column;display:flex}.cp-top{gap:6px;margin-bottom:18px}.cp-workarea,.cp-workspace{display:contents}.cp-tray-panel{order:1;margin-top:6px}.cp-tray{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#748477 var(--accent-soft);gap:8px;padding:3px 2px 8px;display:flex;overflow-x:auto}.cp-piece{scroll-snap-align:start;flex:0 0 76px;min-height:96px;padding:8px 4px}.cp-piece svg{height:44px}.cp-piece small{font-size:.65rem}.cp-rail-help{color:var(--muted);margin:0 0 8px;font-size:.76rem;display:block}.cp-tools{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:6px}.cp-practice .cp-tools .btn{min-height:48px;padding:8px 3px;font-size:.76rem}.cp-selection-note{display:none}.cp-target-row{order:2;grid-template-columns:1fr 1fr;align-items:start;gap:8px 16px;margin:18px 0 14px}.cp-target-row>figure:first-child{grid-area:1/1}.cp-target-row>.cp-mobile-selected{grid-area:1/2;display:block}.cp-instructions{grid-area:2/1/auto/-1}.cp-target-row figcaption{margin-bottom:4px;font-size:.94rem}.cp-target-svg,.cp-mobile-selected svg{width:104px;height:90px;margin:auto;display:block}.cp-empty-selection{height:90px;color:var(--muted);justify-content:center;align-items:center;margin:0;font-size:.86rem;display:flex}.cp-instructions>p{margin:0;font-size:.85rem}.cp-instructions>.board-note{margin-top:4px}#cp-workspace-heading{order:3;margin:0 0 10px;font-size:1.05rem}.cp-board-surface{order:4;padding:10px}.cp-cell{font-size:.94rem}.cp-placement-status{order:5;margin-top:10px}.cp-keyboard{order:6}.cp-feedback{order:7;min-height:170px;margin-top:18px}.cp-check-row{order:8}.cp-solution{order:9;padding:16px}}@media (width<=360px){.practice-main:has(.cp-practice){padding-inline:12px}.cp-board-surface{padding:6px}}@media (forced-colors:active){.cp-cell[data-owner]{color:canvastext;border:2px solid canvastext}.cp-cell[data-selected=true],.cp-piece[aria-pressed=true]{outline-color:highlight}.cp-cell[data-anchor=true]:after{background:canvastext}}