*{box-sizing:border-box}html,body{margin:0;height:100%;background:#000;color:#fff;overflow:hidden;cursor:none;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}#app{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center}.stage{position:relative;overflow:hidden;background:#000}.stage.full{width:100vw;height:100vh}.zone{position:absolute;overflow:hidden;background:#000}.zone.overlay{inset:0;z-index:5}.zone img,.zone video{width:100%;height:100%;object-fit:contain;display:block}.fallback{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2vmin;background:#000}.fallback img{width:min(40%,480px);height:auto;object-fit:contain}.fallback span{color:#9a9b9e;font-size:2vmin}.pairing{cursor:default;display:flex;flex-direction:column;align-items:center;text-align:center;padding:4vmin;gap:2vmin;max-width:90vw}.pairing .logo{width:min(38vw,420px);margin-bottom:3vmin}.pairing .label{margin:0;color:#9a9b9e;font-size:clamp(16px,2.4vmin,28px);text-transform:uppercase;letter-spacing:.12em}.pairing .code{margin:0;color:#78fd04;font-weight:800;font-size:clamp(64px,16vmin,220px);letter-spacing:.08em;font-variant-numeric:tabular-nums;line-height:1}.pairing .steps{margin:2vmin 0 0;padding-left:1.2em;text-align:left;font-size:clamp(16px,2.6vmin,30px);line-height:1.5}.pairing .steps b{color:#78fd04}.pairing .hint{margin:0;color:#9a9b9e;font-size:clamp(14px,2vmin,22px)}.tecnico{position:fixed;left:8px;bottom:8px;z-index:10;padding:4px 10px;border-radius:6px;background:#000000b8;color:#cfd0d2;font:12px/1.4 ui-monospace,monospace;pointer-events:none}.tecnico[data-online=false]{color:#ff8a80}