*{box-sizing:border-box;margin:0;padding:0}html,body,#app{background:#000;width:100%;height:100%;overflow:hidden}canvas{display:block}.camera-feed{opacity:.8;object-fit:cover;z-index:10;pointer-events:none;border:2px solid #ffffff4d;border-radius:8px;width:160px;height:90px;position:fixed;bottom:12px;right:12px;transform:scaleX(-1)}.camera-hint{color:#fff;z-index:10;pointer-events:none;text-align:center;background:#000000b3;border-radius:6px;max-width:160px;padding:6px 10px;font-family:monospace;font-size:12px;position:fixed;bottom:110px;right:12px}.pause-btn{z-index:20;color:#ffffff80;letter-spacing:1px;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#ffffff1f;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-family:monospace;font-size:11px;font-weight:700;display:flex;position:fixed;bottom:10px;left:50%;transform:translate(-50%)}.pause-btn:active{background:#000000b3}#portrait-warning{z-index:100;color:#fff;text-align:center;background:#000;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px;font-family:monospace;display:none;position:fixed;inset:0}#portrait-warning .rotate-icon{font-size:48px}#portrait-warning p{color:#aaa;font-size:16px}@media (orientation:portrait) and (width<=768px){#portrait-warning{display:flex}#app,.camera-feed,.camera-hint,.pause-btn{display:none!important}}@media (height<=500px){.camera-feed{width:120px;height:68px;bottom:8px;right:8px}.camera-hint{max-width:120px;font-size:10px;bottom:82px;right:8px}}