html, body { margin: 0; height: 100%; background: #000; overflow: hidden; cursor: none; font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; }
#stage { position: fixed; inset: 0; overflow: hidden; background: #000; }
.hidden { display: none !important; }
.ov { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; background: radial-gradient(circle at 30% 20%, #1e3a8a 0%, #0b1220 60%); color: #fff; z-index: 10; }
.pair-card { text-align: center; padding: 4vh 5vw; max-width: 90vw; }
.pair-logo { font-weight: 800; letter-spacing: .08em; opacity: .75; font-size: 2.2vh; text-transform: uppercase; }
.pair-card h1 { font-size: 5.5vh; margin: 2vh 0 1vh; }
.pair-card p { font-size: 2.5vh; opacity: .85; margin: 0 0 4vh; }
.code { font-family: ui-monospace, "Cascadia Mono", Consolas, monospace; font-size: 16vh; font-weight: 800; letter-spacing: .08em; background: rgba(255,255,255,.08); border: .4vh solid rgba(255,255,255,.25); border-radius: 3vh; padding: 2vh 5vh; display: inline-block; text-shadow: 0 .6vh 2vh rgba(0,0,0,.5); }
.pair-meta { margin-top: 3vh; font-size: 2.3vh; opacity: .75; }
.pair-info { margin-top: 1.2vh; font-size: 1.8vh; opacity: .45; }
.msg-card { text-align: center; font-size: 3vh; }
.msg-icon { font-size: 9vh; margin-bottom: 2vh; }
#blackout { position: fixed; inset: 0; background: #000; z-index: 20; }
#identify { position: fixed; inset: 0; z-index: 30; display: flex; align-items: center; justify-content: center; background: rgba(37,99,235,.88); color: #fff; animation: idf 1s ease-in-out infinite alternate; }
#identifyName { font-size: 12vh; font-weight: 800; text-align: center; padding: 0 4vw; }
@keyframes idf { from { background: rgba(37,99,235,.92); } to { background: rgba(14,165,233,.6); } }
.net { position: fixed; right: 1.2vw; bottom: 1.2vh; z-index: 40; background: rgba(220,38,38,.9); color: #fff; padding: .7vh 1.2vw; border-radius: 1vh; font-size: 1.7vh; font-weight: 600; }