.mp-modal{position:fixed;z-index:120;inset:0;display:grid;place-items:center;padding:18px;background:radial-gradient(circle at 50% 20%,rgba(39,16,90,.75),rgba(1,4,14,.96) 60%);backdrop-filter:blur(16px)}
.mp-modal.hidden{display:none}.mp-card{width:min(900px,100%);max-height:92vh;overflow:auto;border:1px solid rgba(67,245,255,.35);border-radius:24px;padding:24px;background:linear-gradient(145deg,rgba(10,24,48,.98),rgba(12,6,32,.98));box-shadow:0 0 80px rgba(88,72,255,.22),inset 0 1px rgba(255,255,255,.09)}
.mp-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.mp-head h2{margin:5px 0 2px;font:700 clamp(27px,5vw,48px)/1 'Chakra Petch';color:#fff}.mp-copy{color:#94b5c9;line-height:1.55;font-size:13px}.mp-close,.mp-action{border:1px solid rgba(112,226,255,.28);border-radius:11px;background:#09162a;color:#dffaff;padding:10px 13px;font:700 11px Oxanium;cursor:pointer}.mp-action:hover,.mp-close:hover{border-color:#43f5ff;color:#43f5ff}.mp-action.primary{border:0;background:linear-gradient(90deg,#43f5ff,#9f67ff);color:#06101b}.mp-action.danger{border-color:rgba(255,76,128,.45);color:#ff92b3}.mp-action:disabled{opacity:.45;cursor:not-allowed}
.mp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin:20px 0}.mp-mode{position:relative;min-height:145px;text-align:left;border:1px solid rgba(112,226,255,.2);border-radius:16px;padding:15px;background:linear-gradient(155deg,rgba(16,38,67,.85),rgba(8,12,30,.9));color:#fff;cursor:pointer;overflow:hidden}.mp-mode:after{content:'';position:absolute;width:80px;height:80px;right:-20px;bottom:-30px;border-radius:50%;background:var(--glow,#43f5ff);filter:blur(35px);opacity:.2}.mp-mode:hover{transform:translateY(-2px);border-color:var(--glow,#43f5ff);box-shadow:0 10px 35px rgba(0,0,0,.25)}.mp-mode b{display:block;font:700 17px 'Chakra Petch';margin:9px 0 5px}.mp-mode small{color:#8faebf;line-height:1.4}.mp-icon{font-size:25px}.mp-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.mp-stat{padding:12px;border-radius:12px;background:rgba(3,11,26,.7);border:1px solid rgba(112,226,255,.14);color:#7895a8;font-size:10px}.mp-stat b{display:block;color:#fff;font-size:18px;margin-bottom:3px}.mp-status{text-align:center;padding:24px 8px}.mp-orbit{width:74px;height:74px;margin:10px auto 18px;border:2px solid rgba(67,245,255,.18);border-top-color:#43f5ff;border-radius:50%;animation:mpSpin 1s linear infinite;box-shadow:0 0 24px rgba(67,245,255,.2)}@keyframes mpSpin{to{transform:rotate(360deg)}}.mp-code{display:inline-block;margin:9px 0;padding:10px 18px;border:1px dashed #9f67ff;border-radius:10px;color:#d9c9ff;letter-spacing:.15em}.mp-list{display:grid;gap:8px;margin-top:16px}.mp-row{display:grid;grid-template-columns:36px 1fr auto auto;align-items:center;gap:10px;padding:10px 12px;border:1px solid rgba(112,226,255,.12);border-radius:12px;background:rgba(3,10,22,.55);font-size:12px}.mp-rank{color:#43f5ff;font-weight:700}.mp-muted{color:#718da1}.mp-tabs{display:flex;gap:7px;margin:18px 0}.mp-tabs button.active{color:#43f5ff;border-color:#43f5ff}
.mp-hud{position:fixed;z-index:18;left:50%;top:10px;transform:translateX(-50%);width:min(660px,calc(100% - 24px));display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;padding:9px 13px;border:1px solid rgba(67,245,255,.32);border-radius:16px;background:rgba(3,9,22,.91);backdrop-filter:blur(12px);box-shadow:0 0 35px rgba(67,245,255,.12)}.mp-hud.hidden{display:none}.mp-player{min-width:0}.mp-player.right{text-align:right}.mp-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#b9d4e3;font-size:10px}.mp-score{font:700 19px 'Chakra Petch';color:#fff}.mp-timer{font:700 24px 'Chakra Petch';color:#43f5ff;text-align:center}.mp-bar{height:4px;margin-top:4px;border-radius:8px;background:#172337;overflow:hidden}.mp-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#43f5ff,#9f67ff);transition:.2s}.mp-player.right .mp-bar i{margin-left:auto;background:linear-gradient(90deg,#ff4c80,#ffbf50)}.mp-result{text-align:center;padding:16px}.mp-result-mark{font-size:62px}.mp-result h3{font:700 34px 'Chakra Petch';margin:6px}.mp-result-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.mp-result-grid>div{padding:14px;border:1px solid rgba(112,226,255,.15);border-radius:13px}.mp-result-grid b{display:block;font-size:22px;color:white}
@media(max-width:720px){.mp-grid{grid-template-columns:1fr 1fr}.mp-summary{grid-template-columns:1fr 1fr}.mp-card{padding:17px}.mp-hud{top:6px}.mp-score{font-size:15px}.mp-timer{font-size:19px}}
@media(max-width:430px){.mp-mode{min-height:125px;padding:12px}.mp-row{grid-template-columns:28px 1fr auto}.mp-row>*:last-child{display:none}}
.mp-friend-form{display:flex;justify-content:center;gap:9px;margin:18px auto;max-width:430px}.mp-friend-form input{min-width:0;flex:1;border:1px solid rgba(67,245,255,.4);border-radius:11px;background:#050d1d;color:#fff;padding:12px 14px;text-align:center;text-transform:uppercase;letter-spacing:.16em;font:700 15px Oxanium;outline:none}.mp-friend-form input:focus{border-color:#43f5ff;box-shadow:0 0 18px rgba(67,245,255,.15)}
.mp-online{margin:20px 0 8px;padding:15px;border:1px solid rgba(96,255,177,.24);border-radius:17px;background:linear-gradient(135deg,rgba(5,26,34,.76),rgba(8,12,31,.72));box-shadow:inset 0 1px rgba(255,255,255,.04)}.mp-online-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:11px}.mp-online-head h3{margin:4px 0 0;font:700 16px 'Chakra Petch';color:#f2feff}.mp-live-dot{color:#60ffb1;font:700 10px Oxanium;text-shadow:0 0 12px #60ffb1}.mp-player-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.mp-online-player{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;width:100%;padding:11px 12px;border:1px solid rgba(112,226,255,.16);border-radius:12px;background:rgba(3,10,23,.78);color:#fff;text-align:left;cursor:pointer}.mp-online-player:hover{border-color:#60ffb1;box-shadow:0 0 22px rgba(96,255,177,.12);transform:translateY(-1px)}.mp-online-player:disabled{opacity:.48;cursor:not-allowed;transform:none}.mp-presence-dot{width:9px;height:9px;border-radius:50%;background:#60ffb1;box-shadow:0 0 10px #60ffb1;animation:mpPresence 1.8s ease-in-out infinite}@keyframes mpPresence{50%{opacity:.45;box-shadow:0 0 3px #60ffb1}}.mp-online-name{min-width:0;overflow:hidden;text-overflow:ellipsis;font:700 13px 'Chakra Petch';white-space:nowrap}.mp-online-state{color:#60ffb1;font:700 9px Oxanium;letter-spacing:.09em}.mp-online-player:disabled .mp-online-state{color:#7895a8}.mp-empty-online{display:grid;grid-template-columns:auto 1fr;gap:3px 9px;align-items:center;padding:11px;color:#dffaff}.mp-empty-online small{grid-column:2;color:#7895a8;line-height:1.35}.mp-challenge-actions{display:flex;justify-content:center;gap:9px;margin-top:18px}
.mp-countdown{min-width:142px;font:700 17px 'Chakra Petch';color:#fff;border-style:solid;border-color:#ffbf50;box-shadow:0 0 22px rgba(255,191,80,.18);animation:mpCountdownPulse 1s ease-in-out infinite}@keyframes mpCountdownPulse{50%{transform:scale(1.035);box-shadow:0 0 32px rgba(255,76,128,.3);border-color:#ff4c80}}
@media(max-width:430px){.mp-friend-form{flex-direction:column}}
@media(max-width:620px){.mp-player-list{grid-template-columns:1fr}.mp-online{padding:12px}.mp-online-head h3{font-size:14px}}