*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#0b0b0b;color:#f4f4f4;font-family:system-ui,sans-serif}#app{min-height:100dvh}.stage{position:relative;width:100%;max-width:28rem;margin:0 auto;min-height:100dvh;min-height:100svh;overflow:hidden;background:#111}.cam{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;background:#111}.board-wrap{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.preds{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.board{position:absolute;left:50%;top:50%;width:min(88%,72dvh);height:auto;transform:translate(-50%,-50%);filter:drop-shadow(0 0 3px #000);opacity:.92}.hud{position:absolute;left:0;right:0;bottom:0;z-index:1;display:grid;gap:.75rem;padding:1.25rem 1.25rem calc(1.25rem + env(safe-area-inset-bottom));background:linear-gradient(transparent,#000000b8)}.brand{margin:0;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;opacity:.8}.status{margin:0;font-size:1rem;line-height:1.4;min-height:1.4em}.score{margin:0;font-size:clamp(3.2rem,18vw,5.5rem);font-weight:800;line-height:.95;letter-spacing:.02em;text-shadow:0 2px 18px #000}.hint{margin:0;font-size:1.15rem;line-height:1.35;font-weight:600}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:999px;min-height:3rem;padding:.75rem 1.25rem;font:inherit;font-weight:600;color:#111;background:#f4f4f4}.btn:disabled{opacity:.45}.stage[data-status=live] .status{display:none}