.wobble-works{--accent:#577d70;--accent-dark:#3c6255;--paper:#f3f0e6;--card:#fffcf4;--stage:#f0ecdf;--ink:#344941;--muted:#7c867a;--line:#dce0d3;background:var(--paper);color:var(--ink)}
.wobble-works .play-main{max-width:670px;margin-top:0}.wobble-works .play-header{padding-block:12px}.wobble-works .game-heading{margin-bottom:15px}.wobble-works h1{font-size:30px}.wobble-works .hud{padding:12px 23px;min-height:58px}.wobble-works .stat{display:block}.wobble-works .stat span{display:block;margin-bottom:3px;font-size:10px}.wobble-works .stat strong{font-size:18px}.wobble-works .message{min-height:37px;padding-top:9px}.wobble-works .toolbar{padding:5px 14px 15px;gap:7px}.wobble-works .action-button{padding:10px 13px}.wobble-works .toolbar #move-left,.wobble-works .toolbar #move-right{font-size:18px;width:44px;padding:7px}.wobble-works .game-footer{padding-block:12px}.wobble-works .level-grid{grid-template-columns:repeat(5,1fr)}.wobble-works .level-button{height:47px}.wobble-works .game-overlay{position:fixed;z-index:10}.wobble-works .modal{max-height:calc(100dvh - 40px)}
@media(min-width:700px){.wobble-works .play-main{max-width:min(670px,calc((100dvh - 360px)*1.3333));min-width:480px}.wobble-works .game-heading{margin-bottom:12px}.wobble-works .eyebrow{margin-bottom:7px}.wobble-works h1{font-size:28px}.wobble-works .toolbar .action-button{font-size:10px;padding-inline:9px;min-height:38px}.wobble-works .toolbar #move-left,.wobble-works .toolbar #move-right{width:38px;min-height:38px}.wobble-works .game-footer{padding-bottom:8px}.wobble-works .hud{min-height:54px}}
@media(max-width:640px){.wobble-works .play-main{margin-top:8px}.wobble-works .game-heading{margin-bottom:14px}.wobble-works h1{font-size:27px}.wobble-works .hud{padding:11px 14px}.wobble-works .stat span{font-size:9px}.wobble-works .stat strong{font-size:15px}.wobble-works .toolbar{display:grid;grid-template-columns:44px 1fr 1.2fr 44px;gap:7px;padding:5px 12px 14px}.wobble-works .toolbar #pause{grid-column:1 / 3}.wobble-works .toolbar #restart{grid-column:3}.wobble-works .toolbar #levels{grid-column:4;font-size:10px;padding-inline:0}.wobble-works .toolbar .action-button{min-height:43px;padding-inline:5px}.wobble-works .game-footer{padding-top:11px}.wobble-works .level-button{height:44px}.wobble-works .modal-body{font-size:12px}.wobble-works .modal-actions .action-button{min-height:44px}}