*{box-sizing:border-box;margin:0;padding:0}html,body{-webkit-user-select:none;user-select:none;background:#000;height:100%;font-family:-apple-system,BlinkMacSystemFont,system-ui,sans-serif;overflow:hidden}#stage{position:fixed;inset:0}#stage.mirror{transform:scaleX(-1)}#cam,#gl{width:100%;height:100%;position:absolute;inset:0}#cam{object-fit:cover}#status{top:calc(18px + env(safe-area-inset-top));text-align:center;color:#fff;-webkit-backdrop-filter:blur(10px);background:#0009;border-radius:999px;max-width:86vw;padding:9px 18px;font-size:14px;position:fixed;left:50%;transform:translate(-50%)}#ui{pointer-events:none;padding:24px;padding-bottom:calc(28px + env(safe-area-inset-bottom));flex-direction:column;justify-content:flex-end;align-items:center;gap:14px;display:flex;position:fixed;inset:0}#metalbar{gap:8px;display:flex}button{font:inherit;cursor:pointer;pointer-events:auto}.metal{color:#fff;-webkit-backdrop-filter:blur(10px);background:#00000073;border:1px solid #ffffff59;border-radius:999px;padding:9px 18px;font-size:13px}.metal.active{color:#000;background:#fff;border-color:#fff}#start,#flip{border:none;border-radius:999px;padding:16px 34px;font-size:16px;font-weight:600}#start{color:#000;background:#fff}#start:disabled{opacity:.5}#flip{color:#fff;-webkit-backdrop-filter:blur(10px);background:#0000008c;border:1px solid #ffffff59}#close{top:calc(14px + env(safe-area-inset-top));color:#fff;-webkit-backdrop-filter:blur(10px);z-index:10;background:#0000008c;border:none;border-radius:999px;width:42px;height:42px;font-size:19px;line-height:1;position:fixed;right:14px}.hidden{display:none!important}