html,body,#app{margin:0;width:100%;height:100%;background:#050614;color:#fff;font-family:"Segoe UI",Arial,sans-serif;overflow:hidden}.stage{position:fixed;inset:0;background:#050614;display:grid;place-items:center}.media{position:absolute;inset:0}.media img,.media video{width:100%;height:100%;object-fit:cover;display:block}.fallback{position:absolute;inset:0;background:linear-gradient(135deg,#13167b,#060611 50%,#d6294e)}.overlay{position:absolute;inset:0;display:grid;grid-template-rows:auto 1fr auto;padding:5vw;background:linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.52))}.title{font-size:clamp(46px,7vw,118px);line-height:.95;text-transform:uppercase;font-weight:900;color:#ffec44;text-shadow:0 8px 30px rgba(0,0,0,.65)}.center{align-self:center;justify-self:center;font-size:clamp(30px,4vw,72px);text-align:center;padding:1vw 2vw;background:rgba(0,0,0,.18);border-radius:1vw}.footer{display:flex;justify-content:space-between;color:#ffec44;font-size:clamp(20px,2vw,38px);font-weight:800;gap:3vw}.pair{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#27248b,#943c88 52%,#e8274d);padding:4vw;text-align:center}.pair-card{background:rgba(255,255,255,.96);color:#111827;border-radius:28px;padding:4vw;box-shadow:0 30px 90px rgba(0,0,0,.3);max-width:820px}.pair-card h1{margin:0 0 1vw;font-size:clamp(34px,5vw,72px)}.code{font-size:clamp(54px,10vw,150px);font-weight:900;letter-spacing:.08em;color:#27248b;margin:2vw 0}.hint{font-size:clamp(18px,2vw,30px);color:#4b5563;line-height:1.45}.status{position:fixed;right:18px;bottom:14px;font-size:13px;color:rgba(255,255,255,.65);background:rgba(0,0,0,.3);padding:8px 10px;border-radius:10px}.error{min-height:100vh;display:grid;place-items:center;text-align:center;padding:4vw;background:#111827}