#mp-overlay{display:none;position:fixed;inset:0;z-index:250000;background:#060a10f7;color:#ecf7ff;overflow:auto;overscroll-behavior:contain;font-family:Inter,system-ui,sans-serif}#mp-overlay.mp-visible{display:block}.mp-page{max-width:1360px;margin:auto;padding:clamp(16px,3vw,45px)}.mp-header{display:flex;justify-content:space-between;align-items:start;gap:20px;border-bottom:1px solid #263747;padding-bottom:22px}.mp-header small{color:#59c8f5;letter-spacing:.14em;font-size:10px;font-weight:900}.mp-header h1{font-size:clamp(26px,4vw,42px);margin:8px 0}.mp-header p,.mp-muted{font-size:12px;line-height:1.6;color:#a0b5c6}.mp-shell button{border:1px solid #3a566a;border-radius:9px;background:#1c3245;color:#e5f5ff;min-height:38px;padding:8px 12px;font-weight:800;font-size:12px;cursor:pointer}.mp-shell button:hover{background:#2a4f69;border-color:#68bff0}.mp-shell button.mp-primary{background:linear-gradient(115deg,#3ba9e3,#4588c7);color:white}.mp-shell h2{font-size:19px;margin:0 0 18px}.mp-shell h3{font-size:14px;margin:25px 0 12px}.mp-two{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-top:22px}.mp-panel{background:linear-gradient(160deg,#141e2c,#0f1721);border:1px solid #2a4257;border-radius:16px;padding:clamp(15px,2vw,25px);min-width:0}.mp-panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.mp-panel form{display:grid;gap:13px}.mp-panel label{display:grid;gap:7px;color:#bad2e4;font-size:12px;font-weight:800}.mp-panel input,.mp-panel select{width:100%;color:#eff9ff;background:#080f19;border:1px solid #395167;border-radius:10px;padding:12px;font:inherit}.mp-room{display:flex;align-items:center;gap:9px;padding:13px 0;border-bottom:1px solid #273747}.mp-room>div{flex:1;min-width:0}.mp-room strong,.mp-room small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mp-room strong{font-size:13px}.mp-room small{margin-top:8px;font-size:11px;color:#96aec1}.mp-room button{flex:none}.mp-members{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:24px 0}.mp-member{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 8px;background:#0b1520;border:1px solid #2d4559;padding:13px;border-radius:10px}.mp-member span{grid-row:span 2;color:#65d2ff;border:1px solid #416e84;border-radius:8px;padding:7px;font-weight:900}.mp-member strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mp-member small{font-size:10px;color:#93b7bf}.mp-actions{display:flex;gap:9px;flex-wrap:wrap}.mp-pill{border:1px solid #2f6988;border-radius:9px;background:#123044;color:#abebff;padding:7px 10px;font-size:10px;white-space:nowrap}.mp-user{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px;background:#172736;border-radius:9px;margin-top:8px}.mp-user strong{font-size:12px}#mp-notice{margin:15px 0;color:#8ce9b1;min-height:22px;font-size:12px}#mp-notice[data-error="1"]{color:#ff9ba9}#mp-remote-video{background:#000;width:100%;aspect-ratio:4/3;object-fit:contain;border-radius:12px;border:1px solid #2b4a61}.mp-pad{display:flex;justify-content:space-around;gap:14px;flex-wrap:wrap;user-select:none;touch-action:none;margin:20px auto}.mp-dpad,.mp-buttons{display:grid;grid-template-columns:repeat(4,50px);gap:8px}.mp-pad button{min-height:47px;padding:0;touch-action:none}.mp-pad button:active{background:#418bbb}body:has(#mp-overlay.mp-visible){overflow:hidden}@media(max-width:850px){.mp-two{grid-template-columns:1fr}.mp-header{align-items:center}.mp-header button{white-space:nowrap}.mp-dpad,.mp-buttons{grid-template-columns:repeat(4,minmax(44px,1fr))}}@media(max-width:420px){.mp-page{padding:12px}.mp-header{flex-wrap:wrap}.mp-members{grid-template-columns:1fr}.mp-dpad,.mp-buttons{grid-template-columns:repeat(4,minmax(40px,1fr))}.mp-pad button{font-size:10px;padding:5px}}