*{box-sizing:border-box}html,body{height:100%;margin:0}body{color:#fff;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#000;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden}#app{position:fixed;inset:0}.stage{background:#000;position:fixed;inset:0}.layer{opacity:0;will-change:opacity;background:#000;transition:opacity .4s ease-in-out;position:absolute;inset:0}.media{border:0;width:100%;height:100%;position:absolute;inset:0}.idle-logo{letter-spacing:.28em;color:#14181f;place-items:center;font-size:clamp(28px,6vw,72px);font-weight:800;display:grid;position:absolute;inset:0}.pairing{place-items:center;padding:24px;display:grid;position:fixed;inset:0}.pairing-card{text-align:center;max-width:900px}.pairing-title{margin:0 0 12px;font-size:clamp(24px,4vw,44px);font-weight:700}.pairing-hint{color:#b8bdc7;max-width:52ch;margin:0 auto 32px;font-size:clamp(14px,1.8vw,18px);line-height:1.5}.pairing-hint strong{color:#fff}.pairing-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(20px,4vw,56px);margin-bottom:28px;display:flex}.code{justify-content:center;gap:clamp(8px,1.5vw,16px);display:flex}.code-cell{font-variant-numeric:tabular-nums;color:#f4f6fb;letter-spacing:0;background:#0c0e12;border:2px solid #2a2f3a;border-radius:14px;place-items:center;width:clamp(56px,10vw,120px);height:clamp(76px,14vw,156px);font-size:clamp(36px,8vw,84px);font-weight:800;display:grid}.qr{background:#fff;border-radius:14px;padding:clamp(8px,1vw,14px);line-height:0}.qr svg{width:clamp(150px,22vw,240px);height:clamp(150px,22vw,240px);display:block}.pairing-sub{color:#8a90a0;margin:0;font-size:clamp(13px,1.6vw,16px)}