.sk-root{--sk-main: #f2a93b;--sk-deputy: #4cc38a;position:fixed;left:0;top:0;right:0;bottom:0;z-index:10;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:14px 12px calc(12px + env(safe-area-inset-bottom));-webkit-box-sizing:border-box;box-sizing:border-box;background:#3b2a1e center/cover no-repeat;color:#fff;font-size:14px;line-height:1.3;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Helvetica Neue","Microsoft YaHei",sans-serif;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:hidden}.sk-root button{font-family:inherit;-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer}.sk-head{text-align:center;margin-bottom:6px}.sk-title{font-size:24px;font-weight:800;letter-spacing:2px;text-shadow:0 2px 0 rgba(0,0,0,.3)}.sk-level{margin-top:2px;font-size:14px;opacity:.85}.sk-steps{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:5px;margin-bottom:10px}.sk-step{width:22px;height:22px;line-height:22px;border-radius:50%;text-align:center;font-size:11px;font-weight:700;background:rgba(255,255,255,.16);color:rgba(255,255,255,.7)}.sk-step.is-cur{background:var(--sk-main);color:#fff;-webkit-box-shadow:0 0 0 3px rgba(255,255,255,.25);box-shadow:0 0 0 3px rgba(255,255,255,.25)}.sk-step.is-done{background:var(--sk-deputy);color:#fff}.sk-hud{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;max-width:420px;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;gap:8px;margin-bottom:8px}.sk-hud-item{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;padding:6px 0;border-radius:10px;background:rgba(0,0,0,.25);text-align:center}.sk-hud-val{display:block;font-size:20px;font-weight:800;font-variant-numeric:tabular-nums}.sk-hud-label{display:block;font-size:12px;opacity:.75}.sk-board-wrap{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:100%;min-height:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-ms-touch-action:none;touch-action:none}.sk-board{position:relative;display:grid}.sk-board.is-win{-webkit-animation:sk-glow .6s ease;animation:sk-glow .6s ease}.sk-cell{-webkit-box-sizing:border-box;box-sizing:border-box}.sk-cell.is-floor{background:#d9c6a3;-webkit-box-shadow:inset 0 0 0 1px rgba(120,90,50,.18);box-shadow:inset 0 0 0 1px rgba(120,90,50,.18)}.sk-cell.is-goal::after{content:"";display:block;width:36%;height:36%;margin:32%;border-radius:50%;background:var(--sk-deputy);-webkit-box-shadow:0 0 0 3px rgba(76,195,138,.35);box-shadow:0 0 0 3px rgba(76,195,138,.35)}.sk-cell.is-wall{border-radius:4px;background:-webkit-gradient(linear, left top, left bottom, from(#a3674a), to(#7a4a33));background:-webkit-linear-gradient(top, #a3674a 0%, #7a4a33 100%);background:linear-gradient(180deg, #a3674a 0%, #7a4a33 100%);-webkit-box-shadow:inset 0 -4px 0 rgba(0,0,0,.25),inset 0 2px 0 rgba(255,255,255,.18);box-shadow:inset 0 -4px 0 rgba(0,0,0,.25),inset 0 2px 0 rgba(255,255,255,.18);background-size:100% 100%;position:relative}.sk-cell.is-wall::before{content:"";position:absolute;left:0;right:0;top:48%;height:2px;background:rgba(0,0,0,.18)}.sk-box,.sk-player{position:absolute;left:0;top:0;width:var(--sk-cell, 40px);height:var(--sk-cell, 40px);-webkit-transition:-webkit-transform .11s ease-out;transition:-webkit-transform .11s ease-out;transition:transform .11s ease-out;transition:transform .11s ease-out, -webkit-transform .11s ease-out;will-change:transform}.sk-box::before{content:"";position:absolute;left:2%;top:2%;right:2%;bottom:2%;background:var(--sk-crate-img) 0 0/200% 100% no-repeat;-webkit-filter:drop-shadow(0 3px 2px rgba(0, 0, 0, 0.35));filter:drop-shadow(0 3px 2px rgba(0, 0, 0, 0.35))}.sk-box.is-on::before{background-position:100% 0;-webkit-animation:sk-pop .25s ease-out;animation:sk-pop .25s ease-out}.sk-player{z-index:2}.sk-player::before{content:"";position:absolute;left:-20%;top:-34%;right:-20%;bottom:-6%;background:var(--sk-player-img) 0 0/400% 100% no-repeat;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.sk-player.face-down::before{background-position:0 0}.sk-player.face-left::before{background-position:33.333% 0}.sk-player.face-right::before{background-position:66.667% 0}.sk-player.face-up::before{background-position:100% 0}.sk-player.is-walk::before{-webkit-animation:sk-walk .14s ease-out;animation:sk-walk .14s ease-out}.sk-player.is-bump::before{-webkit-animation:sk-bump .16s ease;animation:sk-bump .16s ease}.sk-ctrl{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;width:100%;max-width:420px;margin-top:10px}.sk-side{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch;gap:8px;width:92px}.sk-act{height:36px;border:0;border-radius:18px;background:rgba(255,255,255,.92);color:#5a3b22;font-size:14px;font-weight:700;-webkit-box-shadow:0 3px 0 rgba(0,0,0,.25);box-shadow:0 3px 0 rgba(0,0,0,.25)}.sk-act:disabled{opacity:.45}.sk-act:active{-webkit-transform:translateY(2px);transform:translateY(2px);-webkit-box-shadow:0 1px 0 rgba(0,0,0,.25);box-shadow:0 1px 0 rgba(0,0,0,.25)}.sk-act-end{background:rgba(0,0,0,.3);color:#fff;-webkit-box-shadow:none;box-shadow:none}.sk-tip{font-size:11px;text-align:center;opacity:.65}.sk-pad{display:grid;grid-template-columns:repeat(3, 44px);grid-template-rows:repeat(2, 44px);gap:6px}.sk-dir{position:relative;border:0;border-radius:12px;background:var(--sk-main);-webkit-box-shadow:0 4px 0 rgba(0,0,0,.28);box-shadow:0 4px 0 rgba(0,0,0,.28)}.sk-dir::after{content:"";position:absolute;left:50%;top:50%;border:9px solid rgba(0,0,0,0);border-bottom:12px solid #fff;border-top-width:0;-webkit-transform:translate(-50%, -60%);transform:translate(-50%, -60%)}.sk-dir:active{-webkit-transform:translateY(3px);transform:translateY(3px);-webkit-box-shadow:0 1px 0 rgba(0,0,0,.28);box-shadow:0 1px 0 rgba(0,0,0,.28)}.sk-dir-up{grid-column:2;grid-row:1}.sk-dir-left{grid-column:1;grid-row:2}.sk-dir-left::after{-webkit-transform:translate(-50%, -50%) rotate(-90deg);transform:translate(-50%, -50%) rotate(-90deg)}.sk-dir-down{grid-column:2;grid-row:2}.sk-dir-down::after{-webkit-transform:translate(-50%, -40%) rotate(180deg);transform:translate(-50%, -40%) rotate(180deg)}.sk-dir-right{grid-column:3;grid-row:2}.sk-dir-right::after{-webkit-transform:translate(-50%, -50%) rotate(90deg);transform:translate(-50%, -50%) rotate(90deg)}.sk-mask{position:absolute;left:0;top:0;right:0;bottom:0;z-index:20;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;background:rgba(0,0,0,.55)}.sk-modal{width:78%;max-width:320px;padding:24px 20px 20px;border-radius:18px;background:#fff8ec;color:#5a3b22;text-align:center;-webkit-animation:sk-pop .28s ease-out;animation:sk-pop .28s ease-out}.sk-modal-icon{font-size:52px;line-height:1.1}.sk-modal-title{margin-top:6px;font-size:22px;font-weight:800}.sk-modal-sub{margin:8px 0 18px;font-size:14px;line-height:1.6;color:#8a6a4d}.sk-modal-sub b{color:var(--sk-main);font-size:18px}.sk-modal-btn{width:100%;height:44px;border:0;border-radius:22px;background:var(--sk-main);color:#fff;font-size:16px;font-weight:700;-webkit-box-shadow:0 3px 0 rgba(0,0,0,.18);box-shadow:0 3px 0 rgba(0,0,0,.18)}.sk-modal-btn2{margin-top:10px;background:rgba(0,0,0,0);color:#8a6a4d;-webkit-box-shadow:none;box-shadow:none;border:1px solid rgba(138,106,77,.4)}@-webkit-keyframes sk-pop{from{-webkit-transform:scale(0.8);transform:scale(0.8);opacity:0}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes sk-pop{from{-webkit-transform:scale(0.8);transform:scale(0.8);opacity:0}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@-webkit-keyframes sk-bump{0%,100%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(0.9, 1.05);transform:scale(0.9, 1.05)}}@keyframes sk-bump{0%,100%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(0.9, 1.05);transform:scale(0.9, 1.05)}}@-webkit-keyframes sk-walk{0%,100%{-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}50%{-webkit-transform:translateY(-6%) scale(1.03, 0.97);transform:translateY(-6%) scale(1.03, 0.97)}}@keyframes sk-walk{0%,100%{-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}50%{-webkit-transform:translateY(-6%) scale(1.03, 0.97);transform:translateY(-6%) scale(1.03, 0.97)}}@-webkit-keyframes sk-glow{0%,100%{-webkit-filter:none;filter:none}50%{-webkit-filter:brightness(1.25) drop-shadow(0 0 12px rgba(255, 220, 120, 0.9));filter:brightness(1.25) drop-shadow(0 0 12px rgba(255, 220, 120, 0.9))}}@keyframes sk-glow{0%,100%{-webkit-filter:none;filter:none}50%{-webkit-filter:brightness(1.25) drop-shadow(0 0 12px rgba(255, 220, 120, 0.9));filter:brightness(1.25) drop-shadow(0 0 12px rgba(255, 220, 120, 0.9))}}