html.hg-app{--app-bar-h:calc(64px + env(safe-area-inset-bottom,0px));--app-side-w:8px}.hg-app-side{z-index:190;top:var(--nav-height);bottom:var(--app-bar-h);width:var(--app-side-w);background:var(--wisteria);pointer-events:none;position:fixed}.hg-app-side-left{left:0}.hg-app-side-right{right:0}html.hg-app-framed .room-nav{border-bottom-color:#0000}.hg-app-outline{z-index:191;top:var(--nav-height);bottom:calc(var(--app-bar-h) - 2px);left:calc(var(--app-side-w) - 2px);right:calc(var(--app-side-w) - 2px);border:2px solid var(--ink);pointer-events:none;position:fixed}.hg-app-bar{z-index:190;height:var(--app-bar-h);padding:0 18px env(safe-area-inset-bottom,0px);background:var(--wisteria);justify-content:space-between;align-items:center;gap:16px;display:flex;position:fixed;bottom:0;left:0;right:0}.hg-app-btn{font-family:var(--font-hand);font-size:var(--fs-btn);color:var(--parchment);background:var(--bluebell);border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);min-width:112px;cursor:var(--cursor-click);-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;gap:8px;padding:6px 16px;transition:transform 50ms,box-shadow 50ms;display:inline-flex}.hg-app-chev{flex:none;width:.6em;height:.9em}.hg-app-btn:active{box-shadow:none;transform:translate(2px,2px)}.hg-app-btn:disabled{opacity:.45;box-shadow:none}html.hg-app-framed body{padding-bottom:var(--app-bar-h)}html.hg-app-framed :is(.hg-toast,#toast){bottom:calc(var(--app-bar-h) + 16px)}.hg-app-exit{z-index:1000;top:calc(12px + env(safe-area-inset-top,0px));width:40px;height:40px;font-size:var(--fs-close);color:var(--parchment);background:var(--bluebell);border:2px solid var(--ink);cursor:var(--cursor-click);-webkit-tap-highlight-color:transparent;border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed;right:12px}.hg-app-exit:active{transform:translate(1px,1px)}