#skillsDialog{width:min(820px,calc(100vw - 24px));padding:0;overflow:auto;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:20px}.skills-shell header,.skills-shell footer{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:18px;border-bottom:1px solid var(--line)}.skills-shell header small{color:var(--cyan);font-weight:800}.skills-shell h2{margin:8px 0 0;font-size:1.4rem}.skills-body{padding:clamp(16px,3vw,28px)}.skills-body p{line-height:1.65}.skills-scene{background:#fff;border-radius:16px;overflow:hidden}.skills-scene svg{display:block;width:100%}.skills-caption{font-size:.875rem}.skills-parts,.skills-targets,.skills-choices{display:grid;gap:10px;margin:14px 0}.skills-parts,.skills-targets{grid-template-columns:repeat(3,minmax(0,1fr))}.skills-shell button{padding:12px;min-height:44px;border:1px solid var(--line);border-radius:12px;background:var(--bg);color:var(--text);font:inherit;white-space:normal;overflow-wrap:anywhere;cursor:pointer}.skills-shell button[aria-pressed=true],.skills-shell button:hover{border-color:var(--cyan)}.skills-shell button:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}.skills-targets button{border-style:dashed}.skills-shell button:disabled{opacity:.6}.skills-case{border-left:4px solid var(--cyan);padding:16px;background:var(--bg);border-radius:8px}.skills-feedback:not(:empty){padding:14px;border:1px solid var(--cyan);border-radius:12px}.skills-step{color:var(--cyan);font-weight:800}.skills-shell footer{border-top:1px solid var(--line);border-bottom:0;flex-wrap:wrap}.path-practices{margin:20px 0;padding:20px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.path-practices h2{font-size:1.2rem}.path-practices .home-actions{display:flex;flex-wrap:wrap;gap:10px}.path-practices button{padding:12px;min-height:44px;border-radius:10px}.offline-status{margin:16px 0;padding:14px;border:1px solid var(--line);border-radius:12px;line-height:1.5}.offline-status button{margin-inline-start:10px}.path-level{color:var(--cyan);font-weight:850}.lesson-practice-link{display:block;margin:18px 0;padding:12px;border-radius:10px}.lesson-reading .learning-points p{margin:0}@media(max-width:500px){.skills-parts,.skills-targets{grid-template-columns:1fr}.skills-shell header{align-items:flex-start}.skills-shell header>button{flex-shrink:0}.skills-shell footer button{flex:1 1 120px}}

.skills-scene{position:relative;max-width:640px;margin:auto}.skills-hotspots button{position:absolute;background:#fff;color:#153b48;border:2px dashed #166c86;font-size:.875rem;padding:6px;min-height:44px}.skills-hotspots .spot-fence{top:47%;left:2%}.skills-hotspots .spot-cover{top:52%;left:59%}.skills-hotspots .spot-drain{top:5%;right:1%}.skills-hotspots button:disabled{opacity:1;border-style:solid;background:#e2f1da}.skills-shell header{position:sticky;top:0;z-index:2;background:var(--panel)}.skills-parts button[aria-pressed=true]{background:var(--cyan);color:#061b22}.skills-scene svg{max-height:280px}.skills-shell details{margin-top:18px}.skills-body h3{font-size:1.15rem}

.skills-parts button{touch-action:none}.skills-drag-ghost{position:fixed;z-index:20;pointer-events:none;transform:translate(-50%,-50%);padding:12px;background:#fff;color:#123948;border:2px solid #1685aa;border-radius:10px;box-shadow:0 5px 20px #0005}

.path-practices button{max-width:100%;white-space:normal;line-height:1.45;overflow-wrap:break-word}.skills-shell header>div{min-width:0}.skills-shell h2{line-height:1.3;overflow-wrap:break-word}.offline-status button{margin:8px 0 0;min-height:44px;max-width:100%;padding:10px 14px;white-space:normal;line-height:1.4}.offline-status p{margin:8px 0;max-width:78ch}.skills-shell button{line-height:1.45}