.soko-chapter{display:flex;align-items:center;justify-content:space-between;gap:12px;width:min(100%,500px);margin:0 auto 15px;font-size:11px;color:var(--muted)}.soko-chapter strong{font-size:17px;color:var(--text)}.soko-chapter>span{border:1px solid var(--line);border-radius:20px;padding:5px 10px}.soko-board{--soko-w:7;display:grid;grid-template-columns:repeat(var(--soko-w),minmax(0,1fr));width:min(100%,500px);margin:0 auto;padding:12px;gap:4px;background:#263e3b;border:1px solid #a2bdb142;border-radius:20px;box-shadow:0 15px 40px #17332a18,inset 0 2px 4px #0002;outline-offset:5px;touch-action:manipulation}.soko-wall,.soko-tile{aspect-ratio:1;min-width:0;position:relative;border-radius:6px}.soko-wall{background:linear-gradient(150deg,#7c9990,#526f69);box-shadow:inset 0 3px 0 #acc5b570,0 3px 0 #172f2d}.soko-tile{display:grid;place-items:center;padding:0;border:1px solid #ffffff0c;background:#3c5550;box-shadow:inset 0 1px 5px #142a2628;cursor:pointer;color:#a9dec1;font-size:21px;-webkit-tap-highlight-color:transparent}.soko-tile:hover{background:#47675d}.soko-tile:focus-visible{outline:3px solid #e7c56c;outline-offset:1px}.soko-goal{background:radial-gradient(circle,#72bc9738 25%,#446156 70%)}.soko-goal:after{content:"";position:absolute;inset:10%;border:1px dashed #b9e9c291;border-radius:7px;pointer-events:none}.soko-crate{display:grid;place-items:center;position:absolute;inset:6%;background:linear-gradient(135deg,#d8ac70,#b67e44);border:3px solid #edc68e;border-radius:6px;box-shadow:0 3px 0 #81522e,inset 0 0 0 2px #926335;color:white;font-size:24px;line-height:1}.soko-crate:before,.soko-crate:after{content:"";position:absolute;width:88%;height:3px;left:6%;top:46%;background:#f0cd9475;transform:rotate(43deg);pointer-events:none}.soko-crate:after{transform:rotate(-43deg)}.soko-goal .soko-crate{background:linear-gradient(135deg,#98c39c,#649a79);border-color:#bde2ae;box-shadow:0 3px 0 #345b44,inset 0 0 0 2px #52805b}.soko-goal .soko-crate:before,.soko-goal .soko-crate:after{display:none}.soko-worker{display:grid;place-items:center;position:relative;width:62%;height:62%;border-radius:50% 50% 40% 40%;background:linear-gradient(#ffe2aa 55%,#eab96c 55%);box-shadow:0 3px 0 #12362c77;color:#674c31;font-size:13px}.soko-worker:before{content:"";position:absolute;left:-6%;right:-6%;top:-8%;height:25%;background:#f2c867;border:2px solid #ffe5a3;border-radius:10px 10px 5px 5px}.soko-worker i{position:absolute;bottom:13%;height:12%;width:45%;border-radius:5px;background:#8f6547}.soko-legend{display:flex;justify-content:center;gap:20px;font-size:11px;color:var(--muted);margin-top:16px}.soko-tip{font-size:12px;line-height:1.8;color:var(--muted);text-align:center;margin:12px 0 0}.soko-dpad{margin:16px auto}.game-controls>[data-game-action=next]{display:flex;margin:15px auto 0}.game-controls>[data-game-action=next][hidden]{display:none}@media(max-width:550px){.soko-board{padding:8px;gap:3px;border-radius:15px}.soko-chapter{font-size:10px;gap:5px}.soko-chapter strong{font-size:14px}.soko-chapter>span{padding:4px 7px}.soko-crate{border-width:2px;font-size:19px;border-radius:4px}.soko-crate:before,.soko-crate:after{height:2px}.soko-worker{font-size:9px}.soko-legend{gap:14px;font-size:10px}.soko-tip{font-size:11px}.soko-dpad button{min-width:48px;min-height:44px}}

@media(max-width:550px){body[data-slug=sokoban] .game-console{padding:14px 12px}body[data-slug=sokoban] .game-hud{margin-bottom:12px}body[data-slug=sokoban] .game-hud>div{padding:8px 10px}.soko-chapter{margin-bottom:10px}.soko-legend,.soko-tip{display:none}body[data-slug=sokoban] .game-status{min-height:35px;margin:12px 0 8px}body[data-slug=sokoban] .game-controls{flex-direction:column;gap:10px}.soko-dpad{order:-1;display:flex;justify-content:center;margin:0;width:100%;gap:8px}.soko-dpad button{width:50px;height:44px;min-width:44px}.soko-dpad .dpad-left{order:0}.soko-dpad .dpad-up{order:1}.soko-dpad .dpad-down{order:2}.soko-dpad .dpad-right{order:3}body[data-slug=sokoban] .game-controls .button{padding:9px 11px;font-size:10px}body[data-slug=sokoban] .game-keyhint{margin-top:12px}}

.soko-edition{text-align:center;font-size:10px;letter-spacing:1px;color:var(--green);margin:0 0 12px}.soko-chapter strong{font-size:16px}@media(max-width:550px){.soko-edition{font-size:9px;margin-bottom:8px}.soko-chapter strong{font-size:13px}}