.m2-presence-board{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:2px}.m2-presence-card{padding:9px 10px;border-radius:11px;border:1px solid rgba(255,255,255,.08);background:rgba(2,12,20,.64);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px}.m2-presence-card i{width:8px;height:8px;border-radius:50%;background:#57ffac;box-shadow:0 0 13px #57ffac}.m2-presence-card.degraded i{background:#ffd267;box-shadow:0 0 13px #ffd267}.m2-presence-card.reconnecting i{background:#ff9b55;box-shadow:0 0 13px #ff9b55;animation:m2Pulse 1s ease-in-out infinite}.m2-presence-card.offline i{background:#ff5f76;box-shadow:0 0 13px #ff5f76}.m2-presence-card small{display:block;font-size:6px;letter-spacing:.14em;color:#6f95a8}.m2-presence-card b{display:block;font-size:10px;color:#f2fbff}.m2-presence-card span{font-size:7px;color:#87a6b5;text-align:right}.m2-health-strip{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:10px;border:1px solid rgba(83,216,255,.15);background:linear-gradient(90deg,rgba(5,33,49,.8),rgba(3,17,28,.8));font-size:7px;color:#7da4b6;letter-spacing:.09em}.m2-health-strip b{color:#bcefff}.m2-health-strip em{font-style:normal;color:#61ffaf}.m2-health-strip.degraded em{color:#ffd66b}.m2-health-strip.reconnecting em,.m2-health-strip.offline em{color:#ff8b73}
.m2-connection-chip{position:absolute;z-index:214;right:12px;top:max(58px,calc(env(safe-area-inset-top) + 48px));display:none;align-items:center;gap:6px;padding:5px 8px;border-radius:999px;border:1px solid rgba(87,225,255,.22);background:rgba(1,12,20,.72);backdrop-filter:blur(10px);color:#b8eefe;font-size:6px;font-weight:950;letter-spacing:.1em;pointer-events:none}.m2-connection-chip.live{display:flex}.m2-connection-chip i{width:5px;height:5px;border-radius:50%;background:#59ffac;box-shadow:0 0 10px #59ffac}.m2-connection-chip.degraded i{background:#ffd264;box-shadow:0 0 10px #ffd264}.m2-connection-chip.reconnecting i,.m2-connection-chip.offline i{background:#ff6b76;box-shadow:0 0 10px #ff6b76}
.cinematic.m2-reconnecting .cinematic-card{opacity:.12!important;filter:blur(3px)!important;pointer-events:none!important}.cinematic.m2-reconnecting .broadcast-commentary,.cinematic.m2-reconnecting .g1-active-card,.cinematic.m2-reconnecting .g1-ice-meter{opacity:.12!important}.m2-reconnect-overlay{position:absolute;z-index:250;inset:0;display:none;place-items:center;padding:18px;background:radial-gradient(circle at 50% 45%,rgba(13,71,102,.30),transparent 34%),rgba(0,4,9,.90);backdrop-filter:blur(7px)}.m2-reconnect-overlay.open{display:grid}.m2-reconnect-card{width:min(470px,94vw);padding:22px;border-radius:20px;border:1px solid rgba(100,220,255,.3);background:linear-gradient(145deg,rgba(7,29,45,.97),rgba(2,10,17,.98));box-shadow:0 30px 90px #000c,0 0 45px rgba(56,201,255,.12);text-align:center;color:#fff}.m2-reconnect-card .eyebrow{font-size:7px;letter-spacing:.2em;color:#6bdfff;font-weight:1000}.m2-reconnect-card h3{margin:7px 0 5px;font-size:25px;font-style:italic}.m2-reconnect-card p{margin:0 auto;color:#94adba;font-size:10px;line-height:1.5;max-width:370px}.m2-reconnect-ring{width:82px;height:82px;margin:16px auto 12px;border-radius:50%;display:grid;place-items:center;border:4px solid rgba(95,218,255,.14);border-top-color:#66ddff;box-shadow:0 0 32px rgba(71,203,255,.12);animation:m2Spin 1.2s linear infinite}.m2-reconnect-ring b{font-size:18px;animation:m2CounterSpin 1.2s linear infinite}.m2-reconnect-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:14px}.m2-reconnect-meta div{padding:8px;border-radius:9px;background:rgba(255,255,255,.035)}.m2-reconnect-meta small{display:block;font-size:5px;letter-spacing:.15em;color:#6e93a5}.m2-reconnect-meta b{display:block;margin-top:3px;font-size:9px}.m2-reconnect-card button{margin-top:14px;min-width:180px}.m2-reconnect-card .safe{margin-top:10px;font-size:7px;color:#6f8996}.m2-reconnect-card .safe b{color:#9beaff}
@keyframes m2Pulse{50%{opacity:.38;transform:scale(.78)}}@keyframes m2Spin{to{transform:rotate(360deg)}}@keyframes m2CounterSpin{to{transform:rotate(-360deg)}}
@media(max-width:760px){.m2-connection-chip{top:max(51px,calc(env(safe-area-inset-top) + 43px));right:7px;font-size:5px;padding:4px 7px}.m2-presence-board{grid-template-columns:1fr}.m2-reconnect-card{padding:18px 14px}.m2-reconnect-card h3{font-size:21px}.m2-reconnect-meta{grid-template-columns:1fr 1fr 1fr}}
@media(prefers-reduced-motion:reduce){.m2-presence-card.reconnecting i,.m2-reconnect-ring,.m2-reconnect-ring b{animation:none!important}}

body.m2-reconnect-lock .hype-burst,body.m2-reconnect-lock .v20-achievement{display:none!important}