/* Platform-neutral structure. Visuals and authored 1280x800 coordinates live
   in assets.css and hd.css and are sourced from the Android resources. */
*{box-sizing:border-box}
html,body{margin:0;overflow:hidden}
body{font-family:"Microsoft YaHei",system-ui,sans-serif}
button{font:inherit;cursor:pointer}
#app{position:relative;overflow:hidden}
.screen{position:absolute;inset:0;display:none;width:100%;height:100%}
.screen.active{display:block}
.screen::before{content:"";position:absolute;inset:0;pointer-events:none}

.home-actions{position:absolute;display:flex}
.left-actions,.right-actions{position:absolute}
.title-wrap{position:absolute;width:100%;text-align:center}
.play-btn{position:absolute}
.home-tip{position:absolute;width:100%;text-align:center}
.corner-back{position:absolute}

h2,.subtitle{position:relative;text-align:center}
.mode-cards{position:relative;display:flex}
.mode-card{position:relative}
.level-grid{position:relative;display:grid;margin-right:auto;margin-left:auto}
.level-btn{position:relative}

.loading-box{position:absolute;text-align:center}

.hud{position:absolute;display:flex;align-items:center}
.avatar{display:grid;place-items:center}
.level-label{text-align:center}
.timer-area{display:flex;align-items:center}
.timer-bar{display:block}
.timer-bar i{display:block;width:100%;height:100%}
.toolbox{position:absolute;display:grid}
.tool-btn{position:relative}
.tool-btn em{position:absolute;font-style:normal}
.game-board{position:absolute;display:grid;align-content:center;justify-content:center}
.tile{position:relative;background-repeat:no-repeat;transition:transform .13s,opacity .2s}
.tile.cleared{visibility:hidden;pointer-events:none}
.game-status{position:absolute;display:flex;justify-content:space-between}

.overlay{position:absolute;inset:0;z-index:20;display:grid;place-items:center}
.overlay.hidden{display:none}
.dialog{text-align:center}
.dialog .dialog-actions{display:flex;justify-content:center}