/* Keep the platform header, tools and rule strip in distinct screen regions. */
#hud .hud-tools,#hud .hud-block{top:calc(76px + var(--sat))!important}
#hud .play-guide{position:fixed!important;top:auto!important;bottom:calc(18px + var(--sab))!important;left:50%!important;transform:translateX(-50%)!important;display:flex;flex-wrap:wrap;gap:10px 18px;max-width:calc(100vw - 36px);padding:10px 16px;font-size:16px;background:#062a45f2;border:1px solid #afc6ea80;z-index:20}
#hud .play-guide>span{line-height:1.4}
#hud .play-guide .btn{font-size:13px;min-height:40px;padding:7px 12px}
#hud .hud-block{right:18px}.hud-tools{left:18px}
#hud .hud-block th{font-size:11px;padding:7px 9px}#hud .hud-block td{font-size:17px;padding:7px 9px}#hud .hud-block #hud-mode{font-size:17px}
#hud #hud-cards{gap:7px}
@media(max-width:860px){#hud .play-guide>span:nth-child(2){display:none}#hud .hud-block td{font-size:14px}#hud .hud-block th{padding:5px 7px}}
@media(max-width:620px){#hud .hud-block{right:12px;top:68px!important}#hud .hud-tools{top:auto!important;bottom:152px;left:12px}#hud .play-guide{bottom:12px!important;font-size:13px;padding:8px 12px}#hud .play-guide>span:not(:first-child){display:none}#hud .play-guide .btn{display:inline-flex}#hud .play-guide #btn-rewind{display:none}}
@media(pointer:coarse){#hud .play-guide{top:auto!important;bottom:calc(12px + var(--sab))!important}#hud .touch-pad{bottom:70px}#hud-toast{top:250px!important}}