*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#000;color:#fff;font-family:"Segoe UI",Tahoma,Arial,sans-serif}button,input{font:inherit}button{background:#16776f;color:#fff;border:1px solid #36968d;border-radius:8px;padding:12px 24px;cursor:pointer;min-height:48px}button:focus-visible,input:focus-visible{outline:3px solid #7bebce;outline-offset:4px}.hidden{display:none!important}#stage{width:100%;height:100%;display:flex;align-items:center;justify-content:center}#stage img,#stage video{width:100%;height:100%;object-fit:contain}h1{font-size:clamp(26px,3vw,42px);line-height:1.4;margin:16px 0}p{line-height:1.8;color:#b7cbd3}.pair{position:absolute;inset:0;background:#102b35;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:24px;overflow:auto}.pair-logo{font-size:38px;display:flex;align-items:center;gap:12px;margin-bottom:28px;color:#8fe4d0}.pair-logo span{color:white}.pair-card{background:#183843;border:1px solid #3c5964;border-radius:18px;padding:36px 48px;width:min(620px,95vw);text-align:center}.pair-card small{color:#8fe4d0}.pair-card label{display:block;text-align:right;font-size:14px;margin:20px 0 8px}.pair-card input{display:block;width:100%;padding:14px;background:#102b35;border:1px solid #718891;border-radius:8px;color:white;font-size:36px;text-align:center;direction:ltr;letter-spacing:7px}.pair-card button{margin-top:18px;width:100%;font-size:20px}.hint{font-size:13px}.error{color:#ffb8bd}.waiting{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#09161c;padding:32px;text-align:center}.waiting>span{font-size:60px;color:#529e96}.waiting p{max-width:700px}.controls{position:absolute;bottom:22px;left:22px;right:22px;display:flex;align-items:center;gap:12px;transition:opacity .2s;background:#0c1827dd;padding:10px 14px;border-radius:10px;width:max-content;max-width:95vw;font-size:14px}.controls.fade{opacity:0;pointer-events:none}.controls button{font-size:14px;padding:8px 14px;min-height:42px}#connection{max-width:45vw}@media(max-width:600px){.pair-card{padding:25px 20px}.pair-card input{font-size:28px;letter-spacing:4px}.controls{flex-wrap:wrap;font-size:12px}.pair-logo{margin-bottom:12px}.pair-card h1{font-size:26px}}