*{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}.overlay-layer{z-index:2;pointer-events:none;position:absolute;inset:0}.overlay-logo{filter:drop-shadow(0 2px 6px #00000073);height:auto;position:absolute}.overlay-pos-tl{top:3vmin;left:3vmin}.overlay-pos-tr{top:3vmin;right:3vmin}.overlay-pos-bl{bottom:3vmin;left:3vmin}.overlay-pos-br{bottom:3vmin;right:3vmin}.overlay-ticker~.overlay-pos-bl,.overlay-ticker~.overlay-pos-br{bottom:calc(3vmin + 6vh)}.overlay-ticker{color:#fff;background:linear-gradient(#0000006b,#000000b8);align-items:center;height:6vh;min-height:34px;display:flex;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.overlay-ticker-track{white-space:nowrap;will-change:transform;flex:none;animation:linear infinite overlay-marquee;display:inline-flex}.overlay-ticker-text{letter-spacing:.01em;text-shadow:0 1px 3px #0009;padding-right:6vw;font-size:clamp(16px,2.6vh,32px);font-weight:650;display:inline-block}@keyframes overlay-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.overlay-ticker{justify-content:center}.overlay-ticker-track{animation:none;transform:none}.overlay-ticker-text+.overlay-ticker-text{display:none}.overlay-ticker-text{padding-right:0;animation:6s ease-in-out infinite overlay-ticker-fade}}@keyframes overlay-ticker-fade{0%,to{opacity:.55}50%{opacity:1}}.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)}