.sofa-chapter{background:#fff2e4;color:#573567}.sofa-chapter main{max-width:560px}.sofa-chapter header h1{flex:1;font-size:24px}.sofa-chapter header span{width:100%;font-size:12px}.sofa-chapter #language{font-size:13px}.sofa-chapter #board{position:relative;gap:0;width:min(100%,350px,calc(var(--board-height,350px)*var(--columns)/var(--rows)));max-width:none;background:#b8a3c9;box-shadow:0 6px 0 #8c759e33;overflow:hidden}.sofa-chapter .tile{margin:2px;background:#f3e5d5;box-shadow:inset 0 -3px 0 #ddcab833;border-radius:8px;font-size:14px}.sofa-chapter .tile.wall{background:#bda082;box-shadow:inset 0 0 0 2px #a37f61,inset 0 -5px 0 #a37f6133}.sofa-chapter .tile.wall::before{content:'';position:absolute;inset:12% 40%;background:#eed8b8;border-inline:2px solid #a37f61;transform:rotate(-8deg)}.sofa-chapter .tile.goal{outline:3px dashed #967aac;outline-offset:-5px;background:#ddc9ea}.sofa-chapter .tile.goal-a{background:#c8e6f5}.sofa-chapter .tile.goal-b{background:#f5d0e2}.sofa-chapter .tile.sofa{background:#f3e5d5;box-shadow:none}.sofa-chapter .tile.clearance{outline:3px solid #287957;outline-offset:-4px;background:#d9eddc}.sofa-chapter .tile.blocked{background:#fb969f;outline:3px solid #9d2442}.sofa-chapter #board.edge-blocked{box-shadow:0 0 0 3px #9d2442}.sofa-chapter .tile.target::before{display:none}.sofa-pieces{position:absolute;inset:6px;width:calc(100% - 12px);height:calc(100% - 12px);overflow:visible;pointer-events:none}.sofa-pieces .preview-end{fill:none;stroke:#287957;stroke-width:5;stroke-dasharray:7 6}.sofa-pieces .preview-end.blocked-preview{stroke:#9d2442}.sofa-pieces .handle-ring{fill:none;stroke-width:5}.sofa-chapter .roles{gap:8px}.sofa-chapter .roles section{border:2px solid #ab8bbb;padding:8px}.sofa-chapter .roles h2{font-size:14px}.sofa-chapter .roles p{font-size:11px}.sofa-chapter button{border-color:#ab8bbb;box-shadow:0 3px 0 #8c759e20;transition:background .12s,transform .12s}.sofa-chapter button:active{transform:translateY(2px);box-shadow:none}.sofa-chapter button:disabled{transform:none}.sofa-chapter #execute{background:#ffe5a3;border-color:#ccac6a}.sofa-chapter #status{min-height:42px;font-size:14px}.sofa-chapter #lesson{min-height:38px}.sofa-chapter button.learn-cue{outline:3px solid #cda54b;outline-offset:2px;animation:sofa-guide 1.2s ease-in-out infinite}.sofa-chapter #board.is-win{box-shadow:0 0 0 3px #bd9150,0 7px 0 #caaa7d33}.sofa-chapter #board.is-win .sofa-pieces{animation:sofa-celebrate .35s ease-out}.sofa-chapter.reduced-motion *{animation:none!important;transition:none!important}@keyframes sofa-guide{50%{background:#fff0b7;transform:translateY(-2px)}}@keyframes sofa-celebrate{40%{transform:translateY(-3px)}100%{transform:none}}@media(prefers-reduced-motion:reduce){.sofa-chapter *{animation:none!important;transition:none!important}}@media(max-width:600px){.sofa-chapter #board{--board-height:clamp(180px,calc(100dvh - 470px),350px)}}@media(max-height:740px) and (max-width:600px){.sofa-chapter .roles section{padding:6px}.sofa-chapter .roles h2{font-size:12px}.sofa-chapter .roles p{font-size:11px}.sofa-chapter #status{min-height:38px}}@media(min-width:650px) and (max-height:500px){.sofa-chapter main{max-width:850px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.sofa-chapter header,.sofa-chapter nav,.sofa-chapter details{grid-column:1/-1}.sofa-chapter #lesson,.sofa-chapter #board{grid-column:1}.sofa-chapter #status,.sofa-chapter .roles,.sofa-chapter #execute,.sofa-chapter footer{grid-column:2}.sofa-chapter #status{grid-row:3}.sofa-chapter .roles{grid-row:4;display:flex;flex-direction:column}.sofa-chapter .roles .buttons{grid-template-columns:repeat(4,1fr)}.sofa-chapter #board{grid-row:4/8;--board-height:300px}.sofa-chapter #execute{grid-row:5}.sofa-chapter footer{grid-row:6}}
@keyframes sofa-guide{50%{background:#fff0b7;box-shadow:0 0 0 4px #efc77766}}