*{box-sizing:border-box}body{margin:0;background:#101a13;color:#f5f7ed;font-family:system-ui,sans-serif}#stage{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#000}#stage video,#stage img{width:100%;height:100%;object-fit:contain}#idle{text-align:center;color:#a1b391}#idle h1{font-size:29px;letter-spacing:-1px;color:#ecf0e4;margin:20px 0 12px}#idle p{font-size:14px}.mark{font-size:58px;color:#ed8058}#setup{position:fixed;inset:0;display:grid;place-items:center;padding:25px;background:radial-gradient(ellipse at top right,#344c36,#172a1f 70%)}#setup[hidden]{display:none}.setup-card{width:min(480px,100%);background:#fafbf6;border-radius:20px;padding:36px;color:#273729;box-shadow:0 30px 100px #0003}.eyebrow{color:#7f9272;letter-spacing:2px;font-size:10px}.setup-card h1{font-size:28px;font-weight:550;letter-spacing:-1px;margin:20px 0 15px}.setup-card p{font-size:13px;line-height:1.8;color:#819176}.setup-card label{display:block;margin:23px 0 10px;font-size:12px;color:#7e8e75}.setup-card input{width:100%;padding:17px;border:1px solid #d8e1cf;border-radius:9px;font-size:24px;letter-spacing:2px;text-transform:uppercase;background:#fff;color:#325435}.setup-card form button{width:100%;border:0;border-radius:9px;background:#e87a50;color:#fff;padding:15px;margin-top:14px;font-size:13px;cursor:pointer}.setup-card small{font-size:10px;line-height:1.8;color:#99a48f;display:block;margin-top:23px}.setup-card a{color:#5f7b4c}#pair-error{color:#b55136}#controls{position:fixed;bottom:16px;left:16px;right:16px;display:flex;gap:9px;align-items:center;background:#243429ed;border:1px solid #4a5f44;border-radius:10px;padding:14px;z-index:4;font-size:11px}#controls[hidden]{display:none}#controls>div{flex:1}#controls strong,#controls span{display:block}#controls span{color:#a8b997;margin-top:5px}#controls button{padding:9px;border:1px solid #5b6b4b;border-radius:5px;background:transparent;color:#d5e3c7;cursor:pointer;font-size:10px}#show-controls{position:fixed;right:12px;bottom:12px;border:0;background:#1d331b60;color:#bac6b290;border-radius:5px;padding:5px 8px;cursor:pointer}button:disabled{opacity:.5}@media(max-width:650px){#controls{flex-wrap:wrap}#controls>div{flex-basis:100%}}

body.sleeping #controls,body.sleeping #show-controls{display:none!important}