@charset "UTF-8";
.slice-bounce{--accent:#da7149;--accent-dark:#b85937;--ink:#403b32;--muted:#968577;--line:#eadfce;--paper:#faf6eb;--card:#fffdf7;--stage:#fff2dc;color:var(--ink);background:var(--paper)}
.slice-bounce .play-main{max-width:930px}.slice-bounce .stage{display:flex;align-items:center;justify-content:center}.slice-bounce .stage canvas{max-height:440px;width:auto;max-width:100%}.slice-bounce .modal{padding:20px 25px}.slice-bounce .modal-mark{display:none}.slice-bounce .modal h2{font-size:26px}.slice-bounce .modal-actions{flex-direction:row}.slice-bounce .modal-body{line-height:1.75}.slice-bounce .level-button{height:40px}.slice-bounce .level-button small{color:#ca883a}.slice-bounce .action-button.primary{box-shadow:0 4px 0 #bd57351c}.slice-bounce .toolbar .jump-button{min-width:160px;font-size:13px;letter-spacing:.2px}.skin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0}.skin-button{border:1px solid var(--line);background:var(--paper);border-radius:12px;color:var(--ink);min-height:100px;padding:10px 6px;font:inherit;font-size:11px}.skin-button.selected{border:2px solid var(--accent)}.skin-button i{display:block;width:12px;height:35px;margin:0 auto 10px;border-radius:3px 3px 10px 2px;background:var(--blade);border-top:13px solid var(--handle);transform:rotate(28deg);box-shadow:2px 3px 0 #413c3220}.skin-button span{display:block;font-size:9px;color:var(--muted);margin-top:4px}.slice-bounce .help-steps{gap:6px}
@media(min-width:641px){.slice-bounce .play-header{padding-block:15px}.slice-bounce .play-main{margin-top:3px;max-width:max(690px,calc((100dvh - 390px)*1.76))}.slice-bounce .game-heading{margin-bottom:15px}.slice-bounce .stage canvas{max-height:max(290px,calc(100dvh - 390px))}.slice-bounce .hud{padding-block:13px;min-height:61px}.slice-bounce .modal{padding:16px 22px}.slice-bounce .modal h2{font-size:23px;margin-bottom:8px}.slice-bounce .modal-body{font-size:12px}.slice-bounce .modal-actions{margin-top:12px}.slice-bounce .level-button{height:34px}}
@media(max-width:640px){.slice-bounce .stage{min-height:300px}.slice-bounce .stage canvas{width:100%;max-height:380px}.slice-bounce .modal{padding:15px}.slice-bounce .modal h2{font-size:21px}.slice-bounce .modal-actions{gap:6px}.slice-bounce .modal .action-button{padding:10px 11px;font-size:10px}.slice-bounce .toolbar{gap:6px}.slice-bounce .toolbar .jump-button{flex-basis:100%;font-size:12px;min-height:44px}.slice-bounce .toolbar .action-button:not(.jump-button){padding:10px 12px}.slice-bounce .game-footer{padding-top:10px}.slice-bounce .level-button{height:35px}.skin-button{min-height:84px}}