.m4-shell{--m4-cyan:#5de7ff;--m4-blue:#4e84ff;--m4-gold:#ffd36d;--m4-green:#71ffb4;position:relative;display:flex;flex-direction:column;gap:14px;color:#f2fbff;overflow:hidden}.m4-shell:before{content:"";position:absolute;inset:-40px;pointer-events:none;background:radial-gradient(circle at 50% 0,rgba(57,181,255,.16),transparent 38%),radial-gradient(circle at 15% 78%,rgba(56,103,255,.12),transparent 30%);z-index:0}.m4-shell>*{position:relative;z-index:1}.m4-authority-banner{display:grid;grid-template-columns:1fr auto;gap:2px 10px;align-items:center;padding:9px 11px;border:1px solid rgba(89,223,255,.22);border-radius:12px;background:linear-gradient(100deg,rgba(3,22,34,.86),rgba(7,38,59,.76));box-shadow:inset 0 1px rgba(255,255,255,.04),0 12px 40px rgba(0,0,0,.2)}.m4-authority-banner span{font-size:8px;font-weight:950;letter-spacing:.14em;color:#dffaff}.m4-authority-banner span i{display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:var(--m4-green);box-shadow:0 0 12px var(--m4-green)}.m4-authority-banner>b{grid-row:1/3;grid-column:2;font-size:18px;font-style:italic;color:var(--m4-cyan);text-shadow:0 0 18px rgba(93,231,255,.55)}.m4-authority-banner small{font-size:7px;letter-spacing:.1em;color:#678695}.m4-hero{padding:20px 18px 18px;border:1px solid rgba(95,218,255,.18);border-radius:18px;background:linear-gradient(145deg,rgba(4,24,39,.93),rgba(3,12,24,.97));box-shadow:0 20px 50px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.04)}.m4-kicker,.m4-friend-head>small,.m4-room>small,.m4-room-found>small{font-size:8px;font-weight:950;letter-spacing:.16em;color:#67dfff}.m4-hero h2,.m4-friend-head h2,.m4-room h2,.m4-room-found h2,.m4-found h2,.m4-invite h2{margin:6px 0 5px;font-size:30px;line-height:.96;font-weight:1000;font-style:italic;letter-spacing:-.04em}.m4-hero p,.m4-friend-head p,.m4-room p,.m4-invite p{margin:0;color:#9bb6c4;font-size:11px;line-height:1.55}.m4-player-line{display:flex;flex-wrap:wrap;gap:7px;align-items:center;margin-top:13px}.m4-player-line span{font-size:11px;font-weight:950}.m4-player-line b,.m4-player-line em{padding:4px 7px;border-radius:999px;background:rgba(64,199,255,.09);border:1px solid rgba(88,218,255,.16);font-size:7px;font-style:normal;letter-spacing:.08em}.m4-player-line em{color:#8faebb}.m4-mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.m4-mode-card{position:relative;min-height:148px;padding:15px;text-align:left;border:1px solid rgba(91,200,255,.18);border-radius:16px;background:linear-gradient(155deg,rgba(7,28,44,.96),rgba(4,11,22,.98));color:white;overflow:hidden;box-shadow:0 14px 34px rgba(0,0,0,.25);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.m4-mode-card:before{content:"";position:absolute;width:120px;height:120px;right:-38px;top:-45px;border-radius:50%;background:radial-gradient(circle,rgba(69,195,255,.22),transparent 66%);pointer-events:none}.m4-mode-card.playoff:before{background:radial-gradient(circle,rgba(255,191,72,.25),transparent 66%)}.m4-mode-card.friend:before{background:radial-gradient(circle,rgba(98,119,255,.27),transparent 66%)}.m4-mode-card.room:before{background:radial-gradient(circle,rgba(84,255,189,.16),transparent 66%)}.m4-mode-card:hover{transform:translateY(-2px);border-color:rgba(95,226,255,.4);box-shadow:0 18px 42px rgba(0,0,0,.32),0 0 24px rgba(66,193,255,.08)}.m4-mode-card small{font-size:7px;font-weight:900;letter-spacing:.14em;color:#6ccff0}.m4-mode-card.playoff small{color:var(--m4-gold)}.m4-mode-card strong{display:block;margin-top:6px;font-size:18px;font-weight:1000;font-style:italic}.m4-mode-card>span{display:block;margin-top:5px;min-height:33px;color:#87a5b5;font-size:9px;line-height:1.45}.m4-mode-card>div{display:flex;justify-content:space-between;align-items:center;margin-top:11px}.m4-mode-card>div b{font-size:8px;letter-spacing:.1em;color:#dffaff}.m4-mode-card>div i{font-size:18px;font-style:normal;color:var(--m4-cyan)}.m4-stack,.m4-authority-chain{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;padding:9px;border-radius:10px;background:rgba(3,14,25,.74);border:1px solid rgba(90,186,221,.11)}.m4-stack span,.m4-stack b,.m4-authority-chain b{font-size:7px;letter-spacing:.09em}.m4-stack span{color:#7696a6}.m4-stack b,.m4-authority-chain b{color:#d9f8ff}.m4-stack i,.m4-authority-chain i{font-style:normal;color:#3d7b95;font-size:9px}.m4-honesty{margin:0;text-align:center;color:#638292;font-size:8px;line-height:1.45}.m4-honesty b{color:#8bcfe7}.m4-search-rink{position:relative;padding:28px 16px 22px;text-align:center;border:1px solid rgba(91,219,255,.2);border-radius:18px;background:radial-gradient(circle at 50% 55%,rgba(48,175,255,.15),transparent 34%),linear-gradient(180deg,#071a29,#030a13);overflow:hidden}.m4-search-rink:after{content:"";position:absolute;left:10%;right:10%;bottom:18px;height:1px;background:linear-gradient(90deg,transparent,rgba(112,231,255,.38),transparent)}.m4-search-rink small{display:block;margin-top:72px;font-size:8px;font-weight:950;letter-spacing:.18em;color:#71e7ff}.m4-search-rink h2{margin:5px 0 2px;font-size:27px;font-weight:1000;font-style:italic}.m4-search-rink p{margin:0;color:#87a7b7;font-size:9px;letter-spacing:.1em}.m4-orbit{position:absolute;left:50%;top:54px;border:1px solid rgba(92,224,255,.26);border-radius:50%;transform:translate(-50%,-50%);animation:m4scan 2.2s linear infinite}.m4-orbit.one{width:62px;height:62px}.m4-orbit.two{width:100px;height:100px;animation-duration:3.4s;animation-direction:reverse}.m4-puck{position:absolute;left:50%;top:54px;width:24px;height:10px;border-radius:50%;transform:translate(-50%,-50%);background:linear-gradient(#20303b,#020509);box-shadow:0 4px 9px rgba(0,0,0,.55),0 0 24px rgba(78,218,255,.38)}.m4-search-metrics,.m4-match-contract,.m4-room-data{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.m4-search-metrics>div,.m4-match-contract>span,.m4-room-data>span{padding:10px;border:1px solid rgba(97,192,226,.13);border-radius:11px;background:rgba(6,20,31,.75);text-align:center}.m4-search-metrics small,.m4-match-contract small,.m4-room-data small{display:block;font-size:6px;letter-spacing:.12em;color:#668899}.m4-search-metrics b,.m4-match-contract b,.m4-room-data b{display:block;margin-top:3px;font-size:10px;color:#e9faff}.m4-search-status{display:flex;align-items:center;justify-content:center;gap:8px;font-size:8px;color:#89a8b8}.m4-search-status i{width:6px;height:6px;border-radius:50%;background:#63e7ff;box-shadow:0 0 12px #63e7ff;animation:m4pulse 1.2s ease-in-out infinite}.m4-cancel{margin:0!important}.m4-found{text-align:center}.m4-found-flare{height:70px;background:radial-gradient(circle,rgba(84,225,255,.32),transparent 64%);margin-bottom:-62px}.m4-found-kicker{font-size:8px;font-weight:950;letter-spacing:.16em;color:#70e8ff}.m4-versus{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;margin:8px 0;padding:14px;border:1px solid rgba(98,220,255,.18);border-radius:16px;background:linear-gradient(90deg,rgba(16,83,112,.14),rgba(4,11,20,.9),rgba(16,83,112,.14))}.m4-versus>div small{display:block;font-size:7px;letter-spacing:.12em;color:#6e91a2}.m4-versus>div b{display:block;margin-top:4px;font-size:14px}.m4-versus>div span{display:block;margin-top:3px;font-size:8px;color:#80a5b5}.m4-versus>em{font-size:19px;font-weight:1000;font-style:italic;color:#72e9ff;text-shadow:0 0 18px rgba(90,225,255,.55)}.m4-friend-head{padding:12px 2px 3px}.m4-friend-list{display:flex;flex-direction:column;gap:8px}.m4-friend-list button{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:11px;border:1px solid rgba(95,204,245,.14);border-radius:13px;background:linear-gradient(100deg,rgba(7,26,41,.92),rgba(5,14,24,.96));color:#fff;text-align:left}.m4-avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#4fc8ef,#11324b 60%,#06111c);border:1px solid rgba(121,226,255,.3);font-size:9px;font-weight:1000}.m4-friend-list button span:nth-child(2) b{display:block;font-size:11px}.m4-friend-list button span:nth-child(2) small{display:block;margin-top:2px;font-size:7px;color:#6f94a6}.m4-friend-list button em{font-size:7px;font-weight:950;font-style:normal;letter-spacing:.09em;color:#72e7ff}.m4-invite{text-align:center}.m4-challenge-seal{margin:4px auto 0;width:max-content;padding:6px 10px;border:1px solid rgba(99,232,255,.3);border-radius:999px;background:rgba(72,190,224,.08);font-size:7px;font-weight:950;letter-spacing:.14em;color:#75eaff}.m4-invite-track{display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;gap:4px;padding:15px 8px}.m4-invite-track>span{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:6px;color:#5f7d8c}.m4-invite-track>span i{width:7px;height:7px;border-radius:50%;background:#25404e}.m4-invite-track>span.done,.m4-invite-track>span.live{color:#b6eaf9}.m4-invite-track>span.done i{background:#6affb4;box-shadow:0 0 10px #6affb4}.m4-invite-track>span.live i{background:#67e5ff;box-shadow:0 0 10px #67e5ff;animation:m4pulse 1.2s ease-in-out infinite}.m4-invite-track>b{height:1px;background:linear-gradient(90deg,#2e718a,#163341)}.m4-invite-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.m4-invite-actions button{margin:0!important}.m4-room{text-align:center}.m4-room-icon{display:grid;place-items:center;margin:0 auto;width:68px;height:68px;border-radius:22px;background:radial-gradient(circle at 40% 30%,rgba(92,227,255,.26),rgba(8,25,39,.95));border:1px solid rgba(101,225,255,.3);font-size:17px;font-weight:1000;font-style:italic;color:#dffbff;box-shadow:0 0 35px rgba(70,199,255,.12)}.m4-room-entry{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:8px}.m4-room-entry input{height:50px;border:1px solid rgba(95,216,255,.25);border-radius:12px;background:#061521;color:#fff;padding:0 13px;font-size:15px;font-weight:950;letter-spacing:.11em;text-transform:uppercase}.m4-room-entry button{min-width:110px}.m4-room-found{text-align:center;padding-top:6px}
@keyframes m4scan{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes m4pulse{0%,100%{opacity:.45;transform:scale(.88)}50%{opacity:1;transform:scale(1.12)}}
@media(max-width:620px){.m4-mode-grid{grid-template-columns:1fr}.m4-mode-card{min-height:124px}.m4-hero h2,.m4-friend-head h2,.m4-room h2,.m4-room-found h2,.m4-found h2,.m4-invite h2{font-size:25px}.m4-player-line{align-items:flex-start}.m4-search-metrics,.m4-match-contract,.m4-room-data{gap:5px}.m4-versus{gap:5px;padding:11px 6px}.m4-versus>div b{font-size:11px}.m4-authority-chain{gap:4px}.m4-invite-actions,.m4-room-entry{grid-template-columns:1fr}.m4-room-entry button{width:100%}.m4-stack span:nth-of-type(3),.m4-stack i:nth-of-type(3){display:none}}
@media(prefers-reduced-motion:reduce){.m4-orbit,.m4-search-status i,.m4-invite-track>span.live i{animation:none!important}.m4-mode-card{transition:none!important}}