.game-page--sokoban .game-page__content{width:min(100%,68rem)}.sokoban-game{display:grid;min-width:0;gap:var(--space-4);padding:clamp(var(--space-3),3vw,var(--space-6));border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-sm)}.sokoban-toolbar,.sokoban-stats,.sokoban-actions{display:flex;min-width:0;flex-wrap:wrap;gap:var(--space-3);align-items:end;justify-content:center}.sokoban-level-picker{display:grid;min-width:min(100%,15rem);gap:var(--space-1);color:var(--color-muted);font-size:.86rem;font-weight:700}.sokoban-level-picker__control{position:relative;display:block;min-width:0}.sokoban-level-picker__control:after{content:"";position:absolute;top:50%;right:.9rem;width:.55rem;height:.55rem;border-right:2px solid var(--color-primary);border-bottom:2px solid var(--color-primary);pointer-events:none;transform:translateY(-70%) rotate(45deg)}.sokoban-level-picker select{width:100%;min-width:0;min-height:3rem;max-width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:.65rem 2.5rem .65rem .85rem;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);color:var(--color-ink);background:linear-gradient(180deg,var(--color-surface),var(--color-surface-muted));box-shadow:0 1px 2px #23314214;font:inherit;cursor:pointer}.sokoban-level-picker select:hover:not(:disabled){border-color:var(--color-primary)}.sokoban-level-picker select:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px;border-color:var(--color-primary)}.sokoban-level-picker select:disabled{cursor:not-allowed;opacity:.58}.sokoban-level-picker__control:has(select:disabled):after{opacity:.45}.sokoban-stats{align-items:stretch}.sokoban-stat{display:grid;min-width:6rem;gap:.15rem;padding:.55rem .8rem;border-radius:var(--radius-sm);background:var(--color-surface-muted);color:var(--color-muted);text-align:center;font-size:.78rem;font-weight:700}.sokoban-stat strong{color:var(--color-ink);font-size:1.05rem}.sokoban-status{min-height:1.5rem;margin:0;color:var(--color-primary-strong);text-align:center;font-weight:750}.sokoban-board-wrap{display:grid;width:100%;min-width:0;place-items:center;overflow:hidden}.sokoban-board{--sokoban-columns: 5;--sokoban-rows: 3;display:grid;width:min(100%,calc(var(--sokoban-columns) * 3.7rem));max-width:100%;grid-template-columns:repeat(var(--sokoban-columns),minmax(0,1fr));aspect-ratio:var(--sokoban-columns) / var(--sokoban-rows);overflow:hidden;border:3px solid #314655;border-radius:.65rem;background:#d8c9a9;box-shadow:inset 0 0 0 1px #ffffff40,0 .4rem 1.2rem #2432412e}.sokoban-cell{position:relative;display:grid;min-width:0;aspect-ratio:1;place-items:center;box-sizing:border-box;color:transparent;font-size:clamp(.8rem,4.5vw,1.7rem);font-weight:900;line-height:1}.sokoban-cell--floor{border:1px solid rgb(75 66 46 / 12%);background:#efe3c8}.sokoban-cell--wall{border:1px solid #30495b;background-color:#526f81;background-image:linear-gradient(90deg,transparent 48%,rgb(255 255 255 / 16%) 49%,rgb(255 255 255 / 16%) 52%,transparent 53%),linear-gradient(rgb(255 255 255 / 15%) 48%,transparent 49%);background-size:1.2rem .8rem}.sokoban-cell--target:before{content:"";position:absolute;width:42%;aspect-ratio:1;border:max(2px,.08em) dashed #7b4a24;border-radius:50%;background:#ffffff5c}.sokoban-cell--box{z-index:1;width:84%;height:84%;align-self:center;justify-self:center;border:2px solid #73451f;border-radius:.22rem;color:#70421c;background:linear-gradient(135deg,#e3a44d,#bd742d);box-shadow:inset 0 0 0 3px #ffe7aa73,0 2px 3px #3f281447}.sokoban-cell--box-target{border-color:#1f663f;color:#164d2f;background:linear-gradient(135deg,#8acb74,#4c9b5b)}.sokoban-cell--player{z-index:2;width:68%;height:68%;align-self:center;justify-self:center;border:2px solid #123c63;border-radius:50%;color:#fff;background:#286da8;box-shadow:inset 0 -.16em #0000002e}.sokoban-cell--player:after{content:"• •";position:absolute;top:17%;color:#fff;font-size:.42em;letter-spacing:.18em}.sokoban-cell--player-target{outline:3px dashed #7b4a24;outline-offset:-1px}.sokoban-direction-controls{display:grid;width:min(100%,13rem);margin-inline:auto;grid-template-columns:repeat(3,1fr);gap:.55rem}.sokoban-direction-controls button{min-width:3rem;min-height:3rem;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);color:var(--color-primary-strong);background:var(--color-surface-muted);font-size:1.35rem;font-weight:800;cursor:pointer;touch-action:manipulation}.sokoban-direction-controls button:hover:not(:disabled){border-color:var(--color-primary);background:var(--color-primary-soft)}.sokoban-direction-controls button:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.sokoban-direction-controls button:disabled{cursor:not-allowed;opacity:.48}.sokoban-direction-controls [data-direction=up]{grid-column:2}.sokoban-direction-controls [data-direction=left]{grid-column:1;grid-row:2}.sokoban-direction-controls [data-direction=down]{grid-column:2;grid-row:2}.sokoban-direction-controls [data-direction=right]{grid-column:3;grid-row:2}.sokoban-help{margin:0;color:var(--color-muted);text-align:center;font-size:.9rem;line-height:1.55}@media(max-width:420px){.sokoban-game{padding-inline:var(--space-2)}.sokoban-actions{display:grid;grid-template-columns:1fr 1fr}.sokoban-actions .button{min-width:0;padding-inline:.65rem}.sokoban-actions [data-action=new-game],.sokoban-actions [data-action=next]{grid-column:1 / -1}.sokoban-board{border-width:2px}}@media(prefers-reduced-motion:no-preference){.sokoban-cell--player,.sokoban-cell--box{transition:background-color .12s ease,box-shadow .12s ease}}