/* app shell additions */
#scr-build .menu-col{box-sizing:border-box;width:min(440px,100%);padding:24px 22px calc(7vh + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;align-items:stretch;gap:20px;text-align:center}
#scr-build .logo h1{color:#FBF6EA;text-shadow:0 3px 18px rgba(0,0,0,.35);font-size:clamp(38px,6vw,54px)}
#scr-build .logo p{color:#E8DDC8}
#scr-build .chip{min-width:110px}
.slist{width:min(720px,100%);display:grid;gap:10px;margin-bottom:auto}
.sl{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--paper-solid);border:1px solid var(--line);border-radius:18px;box-shadow:0 10px 24px -18px rgba(80,58,28,.55)}
.sli{flex:1;min-width:0;display:grid;gap:2px;text-align:left}
.sli b{font-family:var(--display);font-weight:600;font-size:19px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sli span{font-size:12.5px;font-weight:700;color:var(--ink-soft)}
.snone{font-weight:700;color:var(--ink-soft);text-align:center;padding:30px 10px}
html body.live-on button#home.card{display:grid!important;place-items:center}
@media (max-width:520px){.sl{flex-wrap:wrap}.sli{flex-basis:100%}.sl .btn{flex:1}}
/* phones: respect the status bar and the gesture bar */
body{padding-top:0}
#hud{padding-top:max(10px,env(safe-area-inset-top,0px))}