@font-face{font-family:PictureMetrics;src:url('../fonts/metrics.ttf') format('truetype');font-display:block;font-weight:700}
#app,#app *{font-family:PictureMetrics,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;font-weight:700;color:transparent!important;text-shadow:none!important;box-shadow:none!important}
#app button{appearance:none;-webkit-appearance:none;border:0;background-color:transparent}
body{background-image:url('../img/kitchen.webp');background-position:center;background-size:cover}
#scr-loading{background-image:url('../img/kitchen.webp');background-position:center;background-size:cover}
.load-box,.panel,.upgrade-card,.achievement-row,.hud-left,.hud-right,.guest,.game-hint,#toast,.lb-row{isolation:isolate;position:relative}
.load-box{background-image:url('../img/ui/panel-blue.webp');background-size:100% 100%;padding:34px}
#load-title{background-image:url('../img/title.webp');background-size:contain;background-position:center;background-repeat:no-repeat;min-height:95px}
#load-title .raster-label{opacity:0}
.load-bar,.energy-bar{background-image:url('../img/ui/bar-empty.webp');background-size:100% 100%;height:15px}
#boot-error button{background-image:url('../img/ui/button-blue.webp');background-size:100% 100%;min-height:44px;padding:6px 20px}
#load-fill,.energy-bar i{background-image:url('../img/ui/bar-full.webp');background-size:100% 100%;height:100%}
.menu-art{background-image:url('../cover.webp');background-position:center;background-size:100% 100%}
.menu-art:after{display:none}
.menu-dust{width:22px;height:22px;background-image:url('../img/ui/spark.webp');background-size:contain}
.counter{background-image:url('../img/ui/counter.webp');background-size:100% 100%;height:43px;padding-left:35px}
.counter img.ui-icon{left:0;top:0;width:36px;height:36px}
.btn,.small-btn,.room-tab,.level-btn,.info-btn{background-image:url('../img/ui/button-blue.webp');background-size:100% 100%;background-origin:border-box;background-repeat:no-repeat;padding-left:18px;padding-right:18px}
.btn{padding-top:8px;padding-bottom:8px}
.btn-play{background-image:url('../img/ui/button-orange.webp')}
.btn-rating{background-image:url('../img/ui/button-green.webp')}
.btn-map{background-image:url('../img/ui/button-cyan.webp')}
.btn-all{background-image:url('../img/ui/button-red.webp')}
.btn-sm{background-image:url('../img/ui/button-blue.webp')}
.small-btn{background-image:url('../img/ui/button-purple.webp');padding-left:15px;padding-right:15px;min-height:40px}
.small-btn[data-act="sound"]{background-image:url('../img/ui/button-cyan.webp')}
.small-btn[data-act="help"]{background-image:url('../img/ui/button-blue.webp')}
.small-btn[data-act="achievements"]{background-image:url('../img/ui/button-green.webp')}
.small-btn[data-act="daily"]{background-image:url('../img/ui/button-orange.webp')}
.small-btn[data-act="privacy"]{background-image:url('../img/ui/button-red.webp')}
.btn:active,.small-btn:active,.control.pressed{transform:translateY(2px) scale(.98)}
img.ui-icon{display:block;object-fit:contain;pointer-events:none;flex-shrink:0}
.guest{position:absolute;padding:9px 12px;max-width:290px;background-image:url('../img/ui/banner.webp');background-size:100% 100%}
.guest img.ui-icon{width:16px;height:16px}
.chapter-label{font-size:11px;line-height:1.3}
.hud-left{position:absolute;padding:10px 15px;background-image:url('../img/ui/counter.webp');background-size:100% 100%;min-width:176px}
.hud-right{position:absolute;background-image:url('../img/ui/counter.webp');background-size:100% 100%;padding:10px 14px}
.btn-icon{background-image:url('../img/ui/panel-blue.webp');background-size:100% 100%}
.hud-pause img.ui-icon{width:34px;height:34px}
.game-hint{position:absolute;background-image:url('../img/ui/banner.webp');background-size:100% 100%;padding:9px 22px;font-size:11px}
.control{background-image:url('../img/ui/panel-blue.webp');background-size:100% 100%;padding:6px 2px 10px;gap:0}
.control img.ui-icon{width:33px;height:33px}
.control.direction{background-image:none;padding:0}
.control.direction img.ui-icon{width:66px;height:66px}
.control span{font-size:9px}
.action-control{background-image:url('../img/ui/panel-purple.webp')}
.action-control.available,.hide-control.active-hide{background-image:url('../img/ui/panel-green.webp')}
.hide-control{background-image:url('../img/ui/panel-purple.webp')}
.energy-bar{height:8px;bottom:3px;left:14px;right:14px}.energy-bar i{height:8px}
.overlay{isolation:isolate}
.overlay:before{content:"";position:absolute;inset:0;background-image:url('../img/ui/backdrop.webp');background-size:cover;opacity:.92;z-index:-1;pointer-events:none}
.panel{padding:23px;gap:8px;isolation:isolate}
.panel:before{content:"";position:absolute;inset:0;border:27px solid transparent;border-image:url('../img/ui/panel-blue.webp') 60 fill stretch;pointer-events:none;z-index:-1}
#ov-shop .panel:before,#ov-pause .panel:before{border-image-source:url('../img/ui/panel-green.webp')}
#ov-achievements .panel:before,#ov-leaderboard .panel:before{border-image-source:url('../img/ui/panel-purple.webp')}
.panel-title{font-size:24px;line-height:1.2}
#ov-result .panel{padding:23px;gap:4px}
.wide-panel{padding:24px;gap:7px}
.wide-panel>.btn,.help-panel>.btn{width:220px;align-self:center}
.help-panel{padding:25px;gap:8px}.help-panel p{font-size:12px}.help-panel small{font-size:10px}
.help-panel .btn{font-size:18px}
.star{object-fit:contain;opacity:.27}.star.lit{opacity:1}
.room-tabs{gap:3px}.room-tab{font-size:10px;padding:0 8px}
.room-tab.selected{background-image:url('../img/ui/button-cyan.webp')}
.level-btn{background-image:url('../img/ui/button-blue.webp');font-size:10px;padding:6px 12px}
.level-btn.passed{background-image:url('../img/ui/button-green.webp')}
.level-btn.locked{background-image:url('../img/ui/button-purple.webp');opacity:.75}
.mini-stars{font-size:9px}
.upgrade-card{padding:15px 8px;gap:7px}
.upgrade-card:before,.achievement-row:before,.lb-row:before{content:"";position:absolute;inset:0;background-image:url('../img/ui/panel-blue.webp');background-size:100% 100%;pointer-events:none;z-index:-1}
.upgrade-card:nth-child(2):before{background-image:url('../img/ui/panel-purple.webp')}
.upgrade-card:nth-child(3):before,.achievement-row.done:before{background-image:url('../img/ui/panel-green.webp')}
.upgrade-card img.ui-icon{width:44px;height:44px}
.upgrade-card h3{font-size:12px;height:36px}.upgrade-head{gap:1px}
.info-btn{width:34px;height:34px;flex-shrink:0;background-image:url('../img/ui/info.webp');padding:0}
.info-btn .raster-label{opacity:0}
.upgrade-card .btn{font-size:12px;min-height:43px;padding:4px 12px}
.achievement-row{padding:14px}.achievement-row img.ui-icon{width:36px;height:36px}
.achievement-row b{font-size:12px}.achievement-row p{font-size:10px}
.lb-row{font-size:12px;padding:12px 15px}.lb-row.top-1:before{background-image:url('../img/ui/panel-green.webp')}.lb-row.top-2:before{background-image:url('../img/ui/panel-blue.webp')}.lb-row.top-3:before{background-image:url('../img/ui/panel-purple.webp')}
.lb-avatar{background-image:url('../img/ui/coin.webp');background-size:contain}
#toast{position:absolute;background-image:url('../img/ui/banner.webp');background-size:100% 100%;padding:18px 28px;font-size:12px}
.raster-label{position:relative;white-space:inherit;font:inherit;line-height:inherit}
.raster-source{opacity:0;pointer-events:none;font:inherit;line-height:inherit}
.raster-ink{position:absolute;left:0;top:0;width:0;height:0;pointer-events:none}
.bitmap-glyph{position:absolute;display:block;background-image:url('../img/ui/font.webp');background-repeat:no-repeat;pointer-events:none}
.raster-fixed{position:absolute;display:block;max-width:none;pointer-events:none}
/* The bitmap lettering uses its own fixed pixel size and never Android text metrics. */
html,body,#app,#app *{-webkit-text-size-adjust:none!important;text-size-adjust:none!important;font-synthesis:none}
#app button{position:relative;--picture-size:20;--icon-size:36;min-height:52px;white-space:nowrap;flex-shrink:0}
#app button .raster-label{position:absolute;inset:0;opacity:0;pointer-events:none;overflow:hidden}
.raster-button-ink{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.menu-actions{right:16px;top:36.5%;width:300px;gap:6px}
.menu-actions .btn-play{height:78px;min-height:78px;--picture-size:34;--icon-size:42}
.menu-actions .menu-row{gap:8px}
.menu-actions .menu-row .btn{height:64px;min-height:64px;--picture-size:21;--icon-size:34}
.menu-actions .btn-all{height:60px;min-height:60px;--picture-size:23;--icon-size:36}
.chapter-label{position:absolute;left:15px;top:65px;width:300px;text-align:left;font-size:14px}
.menu-footer{left:15px;right:auto;bottom:12px;width:330px;gap:8px}
.menu-footer .small-btn{width:161px;height:70px;min-height:70px;--picture-size:19;--icon-size:38;padding:0}
.counter{height:50px;min-height:50px!important;--picture-size:20!important;--icon-size:42!important}
.counter img.ui-icon{width:42px;height:42px}.progress-counter{min-width:150px;padding-left:43px}
.guest{bottom:92px;left:15px;max-width:310px;font-size:10px}
.settings-panel .btn{height:58px;min-height:58px;--picture-size:21}
.panel .btn{--picture-size:21}
.room-tab{min-height:44px!important;--picture-size:15!important}
.level-btn{min-height:52px!important;height:52px;--picture-size:13!important}
.upgrade-card .btn{min-height:52px;--picture-size:18!important}
.info-btn{min-height:44px!important;width:44px;height:44px;--picture-size:18!important}
.control{height:78px;width:78px;min-height:78px!important;--picture-size:13!important;--icon-size:38!important}
.control.direction img.ui-icon{width:78px;height:78px}
.controls-right .control{width:82px}
.hud-pause{min-height:52px!important;width:52px;height:52px}
#app .hud-pause{position:absolute;right:12px;top:12px}
.control{--picture-size:17!important}
.guest{width:310px}.guest>span{display:block;width:265px;min-width:0;flex:1}
.hud-right{width:95px}.hud-right>span,.hud-right>b{display:block;width:100%}
.raster-source{position:absolute!important;inset:0;overflow:hidden;pointer-events:none}

.level-list{grid-template-columns:1fr;height:126px;max-height:126px}.level-btn{--picture-size:18!important;min-height:56px!important;height:56px}
.hud-left{width:255px;min-width:255px}