:root{--bg: #000;--fg: #ffd400;--fg-on: #000;--gap: 12px;color-scheme:dark}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:var(--bg);overflow:hidden;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.app{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}.camera{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transform-origin:center}.controls{position:absolute;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap);padding:var(--gap);padding-bottom:max(var(--gap),env(safe-area-inset-bottom));padding-left:max(var(--gap),env(safe-area-inset-left));padding-right:max(var(--gap),env(safe-area-inset-right))}.btn{height:clamp(110px,22vh,200px);border:6px solid var(--fg-on);border-radius:28px;background:var(--fg);color:var(--fg-on);font:inherit;font-size:clamp(64px,14vh,120px);font-weight:900;line-height:1;touch-action:manipulation;cursor:pointer;box-shadow:0 0 0 4px var(--fg)}.btn:active{transform:scale(.96)}.btn[aria-disabled=true]{opacity:.45}.btn:focus-visible{outline:6px solid #fff;outline-offset:6px}.btn.light{font-size:clamp(40px,8vh,72px);background:var(--bg);color:var(--fg);border-color:var(--fg)}.btn.light.on{background:#fff;color:#000;border-color:#fff;box-shadow:0 0 0 4px #000,0 0 40px 10px #fff}@media(orientation:landscape)and (max-height:600px){.controls{left:auto;top:0;width:clamp(140px,26vw,220px);grid-template-columns:1fr;grid-template-rows:repeat(3,1fr);padding-top:max(var(--gap),env(safe-area-inset-top))}.controls .btn{height:auto;font-size:clamp(56px,20vh,110px)}.controls .btn.light{font-size:clamp(36px,12vh,64px)}.controls .btn:first-child{order:3}.controls .btn:last-child{order:1}.controls .btn.light{order:2}}.message{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px;padding:24px 24px 260px;background:var(--bg);color:var(--fg);text-align:center;font-size:36px;font-weight:700}.message p{margin:0}.btn.retry{height:auto;padding:24px 40px;font-size:40px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}