#frontend{z-index:50;touch-action:none;background:#000;place-items:center;display:grid;position:fixed;inset:0}#frontend.hidden{display:none}#frontend canvas{width:min(100vw,133.333dvh);height:min(100dvh,75vw);image-rendering:pixelated}html.portrait #frontend canvas{image-rendering:auto}#frontend .frontend-safe{padding:env(safe-area-inset-top,0px) 0 env(safe-area-inset-bottom,0px);visibility:hidden;pointer-events:none;position:fixed;inset:0}#frontend.over-run{background:#00000073}.frontend-open:not(.frontend-over-run) #hud,.frontend-open:not(.frontend-over-run) #ctrlpnl,.no-run #hud,.no-run #ctrlpnl{visibility:hidden}#act-card{width:800px;height:600px;transform:translateX(-50%) scale(var(--ui-scale,1));transform-origin:50% 100%;pointer-events:none;background:radial-gradient(300px 90px at 50% 200px,#0000008c,#0000);flex-direction:column;align-items:center;gap:6px;padding-top:132px;animation:5s ease-in-out forwards act-card;display:flex;position:fixed;bottom:0;left:50%}#act-card.hidden{display:none}.frontend-open #act-card{visibility:hidden}html.portrait #act-card{top:calc(env(safe-area-inset-top,0px) + 16%);width:max-content;height:auto;transform:translateX(-50%) scale(var(--act-scale,1));transform-origin:50% 0;background:radial-gradient(closest-side,#0000008c,#0000);padding:28px 40px;bottom:auto}#act-card canvas{image-rendering:pixelated;display:block}#act-card .act-zone{margin-top:4px}@keyframes act-card{0%{opacity:0}20%,72%{opacity:1}to{opacity:0}}.frontend-backdrop #frontend{z-index:0;pointer-events:none}.frontend-backdrop.d2ui.no-run #character{background:0 0}.frontend-backdrop :is(#character,#tooltip,#hoverbox){z-index:1}#update-status{z-index:60;pointer-events:none;line-height:0;position:fixed}#update-status.hidden{display:none}#update-status.restart{pointer-events:auto;cursor:pointer}#update-status canvas{image-rendering:pixelated;display:block}