.sk{display:flex;flex-direction:column;gap:var(--sp-3);align-items:center;width:100%}.sk-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sp-3);width:100%;max-width:600px}.sk-level-name{font-size:15px;font-weight:600}.sk-toolbar__actions{display:flex;gap:var(--sp-2)}.sk-board-wrap{max-width:100%;overflow-x:auto;padding:4px}.sk-board{position:relative;display:grid;grid-template-columns:repeat(var(--cols, 8),var(--sk-cell, 40px));grid-template-rows:repeat(var(--rows, 6),var(--sk-cell, 40px));--sk-cell: clamp(24px, calc((min(100vw, 700px) - 80px) / var(--cols, 8)), 40px);touch-action:pan-y}.sk-tiles{display:grid;grid-template-columns:repeat(var(--cols, 8),var(--sk-cell, 40px));grid-template-rows:repeat(var(--rows, 6),var(--sk-cell, 40px))}.sk-tile{width:var(--sk-cell, 40px);height:var(--sk-cell, 40px)}.sk-tile--floor{background:var(--c-bg-sunken);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c-border) 60%,transparent)}.sk-tile--wall{background:var(--c-border-strong);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c-text) 12%,transparent);border-radius:2px}.sk-tile--goal{position:relative;background:var(--c-bg-sunken);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c-border) 60%,transparent)}.sk-tile--goal:after{content:"";position:absolute;inset:32%;transform:rotate(45deg);border-radius:3px;background:var(--c-accent);opacity:.75}.sk-box,.sk-player{position:absolute;top:0;left:0;width:var(--sk-cell, 40px);height:var(--sk-cell, 40px);transition:transform .15s cubic-bezier(.33,1,.68,1);will-change:transform}.sk-box{border-radius:5px;background:linear-gradient(145deg,#d99a4e,#b6762f);box-shadow:inset 0 0 0 2px #8c5a22,0 1px 3px #00000040}.sk-box--on-goal{background:linear-gradient(145deg,#4ade80,#16a34a);box-shadow:inset 0 0 0 2px #15803d,0 1px 3px #00000040}.sk-player{display:flex;align-items:center;justify-content:center}.sk-player:before{content:"";width:58%;height:58%;border-radius:50% 50% 45% 45%;background:var(--c-accent);box-shadow:inset 0 -3px #00000026,0 1px 3px #0000004d}.sk-hint{margin:0;font-size:12px;color:var(--c-text-muted);text-align:center;max-width:520px}@media(max-width:640px){.sk-board{--sk-cell: clamp(26px, calc((100vw - 60px) / var(--cols, 8)), 38px)}}