.play[data-v-b647badc]{height:calc(100vh - 48px);background:#05080c}.play.standalone[data-v-b647badc]{height:100vh;height:100dvh}.stage[data-v-b647badc]{position:relative;width:100%;height:100%;overflow:hidden}.stage canvas[data-v-b647badc]{display:block;touch-action:none;cursor:crosshair}.topbar.compact[data-v-b647badc]{left:50%;right:auto;top:6px;transform:translate(-50%);flex-direction:row;padding:2px 3px;background:#080c1273;opacity:.85}.topbar.compact .btn[data-v-b647badc]{min-width:30px;padding:3px 7px}@media (orientation: portrait){.topbar.compact[data-v-b647badc]{left:auto;right:8px;top:4px;transform:none}}.topbar[data-v-b647badc]{position:absolute;right:10px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:flex-end;gap:6px;background:#080c12b8;border:1px solid rgba(120,150,190,.22);border-radius:8px;padding:6px 8px}.topbar .nm[data-v-b647badc]{font-size:12px;color:#d8e2ee}.topbar .fps[data-v-b647badc]{font-size:10.5px;color:#7e8fa3;font-variant-numeric:tabular-nums}.empty[data-v-b647badc]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#c9d4e2;gap:6px}.empty b[data-v-b647badc]{font-size:15px}.empty p[data-v-b647badc]{font-size:12px;color:#8fa2b7;max-width:360px;text-align:center;line-height:1.7}.hint[data-v-b647badc]{position:absolute;left:50%;bottom:142px;transform:translate(-50%);font-size:11px;color:#ffffff80;background:#04080e8c;border-radius:6px;padding:4px 10px;pointer-events:none;white-space:nowrap}.hint b[data-v-b647badc]{color:#ffffffc7;font-weight:600}