.lp-practice .lp-stage{--muted:#174f3c;background:var(--card);border:1px solid var(--line)}.lp-setup .practice-setting{width:100%}.lp-setup .board-select{flex:none}.lp-setup .practice-launch{width:100%}.lp-setup .practice-launch .btn{width:100%;min-height:52px}.lp-example{text-align:center;max-width:240px;margin:8px auto 0}.lp-example svg{width:100%;max-width:195px;height:auto;margin:auto;display:block}.lp-example figcaption{margin-top:8px;line-height:1.5}.lp-running{border-bottom:1px solid var(--line);margin-bottom:22px;padding-bottom:14px}.lp-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 20px;display:flex}.lp-top #lp-progress{font-weight:700}.lp-top .practice-stats{margin:0}.lp-stage #lp-instruction{margin:0 0 22px}.lp-workspace{grid-template-columns:minmax(0,1fr) minmax(260px,.84fr);align-items:start;gap:clamp(24px,5vw,72px);display:grid}.lp-board-side,.lp-controls{min-width:0}.lp-shape{color:var(--muted);margin:0 0 16px}.lp-grid{--lp-gap:10px;grid-template-columns:repeat(var(--lp-cols,3),minmax(0,1fr));gap:var(--lp-gap);touch-action:manipulation;width:min(100%,360px);margin:auto;display:grid}.lp-practice[data-locale=ko] .lp-grid{width:min(100%,280px)}.lp-practice[data-locale=ja] .lp-grid{width:min(100%,330px)}.lp-cell{aspect-ratio:1;border:1.5px solid var(--control-border,#748477);background:var(--card);min-width:0;color:var(--ink);font:inherit;cursor:pointer;border-radius:12px;place-items:center;padding:0;font-size:clamp(1.5rem,3vw,2.25rem);font-weight:700;display:grid;position:relative}.lp-cell[data-blank=true]{border-style:dashed}.lp-cell[data-selected=true]{background:var(--accent-soft);border:3px solid var(--accent)}.lp-cell[data-filled=true] .lp-letter{text-underline-offset:5px;text-decoration:underline 2px}.lp-cell[data-step]:after{content:attr(data-step);color:var(--accent);font-size:.875rem;font-weight:700;position:absolute;top:5px;left:7px}.lp-cell[data-next]:before{content:"";z-index:1;background:var(--accent);border-radius:4px;position:absolute}.lp-cell[data-next=right]:before{width:calc(var(--lp-gap) + 4px);height:7px;top:calc(50% - 3px);left:calc(100% - 2px)}.lp-cell[data-next=left]:before{width:calc(var(--lp-gap) + 4px);height:7px;top:calc(50% - 3px);right:calc(100% - 2px)}.lp-cell[data-next=down]:before{width:7px;height:calc(var(--lp-gap) + 4px);top:calc(100% - 2px);left:calc(50% - 3px)}.lp-cell[data-next=up]:before{width:7px;height:calc(var(--lp-gap) + 4px);bottom:calc(100% - 2px);left:calc(50% - 3px)}.lp-cell:focus-visible{outline:3px solid var(--accent);outline-offset:2px;z-index:3}.lp-cell:disabled{opacity:1;cursor:default}.lp-trace{overflow-wrap:anywhere;width:min(100%,360px);min-height:1.7em;margin:18px auto 0;font-weight:650}.lp-entry{margin:0 0 14px}.lp-entry label{margin-bottom:8px;font-weight:700;display:block}.lp-entry-row{flex-wrap:wrap;gap:8px;display:flex}.lp-entry input{border:1.5px solid var(--control-border,#748477);background:var(--card);min-width:0;min-height:50px;color:var(--ink);font:inherit;letter-spacing:.1em;text-transform:uppercase;border-radius:10px;flex:10rem;padding:8px 12px;font-size:1.25rem;font-weight:650}.lp-practice:not([data-locale=en]) .lp-entry input{letter-spacing:normal;text-transform:none}.lp-entry input[aria-invalid=true]{border-color:var(--bad,#a8412a)}.lp-entry-row .btn{flex:0 auto;width:auto;min-height:50px}.lp-tools{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.lp-tools .btn{white-space:normal;width:100%;min-height:48px}.lp-next{width:100%;min-height:48px}.lp-message{min-height:1.5em;margin:12px 0 0;font-weight:650}.lp-message[data-kind=error]{color:var(--bad,#a8412a)}.lp-controls .board-keyboard-help{border-top:1px solid var(--line);padding-top:8px}.lp-metrics{gap:18px 32px}.lp-review{grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:18px;margin:16px 0 24px;padding:0;list-style:none;display:grid}.lp-review li{min-width:0}.lp-review p{margin:0 0 6px;font-size:.9rem;font-weight:600}.lp-review svg{width:min(100%,220px);height:auto;display:block}.lp-next-lesson a{min-height:44px;color:var(--accent);text-underline-offset:4px;align-items:center;display:inline-flex}@media (hover:hover){.lp-cell:not(:disabled):hover{background:var(--mint)}}@media (width<=720px){.lp-workspace{grid-template-columns:1fr;gap:18px}.lp-controls{width:100%;max-width:500px;margin:auto}.lp-grid{gap:8px;width:min(100%,320px)}.lp-trace{width:min(100%,320px)}}@media (width<=480px){.lp-practice .lp-stage{padding:16px}.lp-top{gap:5px 12px}.lp-entry-row input,.lp-entry-row .btn{flex-basis:100%}.lp-grid{width:min(100%,300px)}}@media (width<=360px){.lp-practice .lp-stage{padding:12px}.lp-grid{width:min(100%,276px)}.lp-review{grid-template-columns:1fr 1fr;gap:12px}}@media (forced-colors:active){.lp-cell[data-selected=true]{forced-color-adjust:none;color:highlighttext;background:highlight}.lp-cell[data-next]:before{background:highlight}}