/* Red Lopri: globo 3D */
.mp-sec{padding:0}
.mp-head{padding:clamp(50px,7vw,90px) 0 26px}
.mp-stage{position:relative;width:100%;height:min(88vh,780px);min-height:560px;background:radial-gradient(80% 70% at 50% 50%,#0b1f45 0%,#050d22 60%,#02060f 100%);overflow:hidden;touch-action:none}
.mp-stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:grab}
.mp-hud{position:absolute;left:clamp(14px,3vw,36px);top:20px;display:flex;align-items:center;gap:12px;color:#e8f1ff;font-family:var(--h);z-index:3;pointer-events:none}
.mp-hud b{font-size:clamp(.85rem,1.4vw,1.05rem);letter-spacing:.02em}
.mp-live{display:inline-flex;align-items:center;gap:7px;font:800 .7rem var(--t);letter-spacing:.16em;color:#38c8ff;border:1px solid rgba(56,200,255,.5);padding:5px 11px;border-radius:999px;background:rgba(4,18,46,.6)}
.mp-live i{width:7px;height:7px;border-radius:50%;background:#38c8ff;box-shadow:0 0 10px #38c8ff;animation:tkp 1.4s ease-in-out infinite}
.mp-views,.mp-filters{position:absolute;z-index:3;display:flex;flex-wrap:wrap;gap:8px}
.mp-views{right:clamp(14px,3vw,36px);top:18px}
.mp-filters{left:clamp(14px,3vw,36px);bottom:20px}
.mp-views button,.mp-filters button{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(120,200,255,.35);background:rgba(4,18,46,.65);backdrop-filter:blur(8px);color:#e8f1ff;font:600 .8rem var(--t);padding:7px 14px;border-radius:999px;cursor:pointer;transition:.2s}
.mp-filters button i{width:9px;height:9px;border-radius:50%;background:var(--c);box-shadow:0 0 8px var(--c)}
.mp-views button.on,.mp-filters button.on,.mp-views button:hover,.mp-filters button:hover{background:#38c8ff;color:#02122c;border-color:#38c8ff}
.mp-card{position:absolute;right:clamp(14px,3vw,36px);bottom:20px;z-index:4;width:min(320px,calc(100% - 28px));padding:20px 22px;border-radius:22px;background:rgba(6,20,48,.85);backdrop-filter:blur(12px);border:1px solid color-mix(in srgb,var(--c,#38c8ff) 60%,transparent);box-shadow:0 0 40px -10px var(--c,#38c8ff);color:#e8f1ff;display:grid;gap:4px;animation:fadeup .3s ease}
.mp-card small{font:800 .72rem var(--t);letter-spacing:.14em;text-transform:uppercase;color:var(--c,#38c8ff)}
.mp-card h3{font-size:1.4rem;color:#fff}
.mp-card p{color:#a9c3e6;font-size:.92rem;margin:0}
.mp-card .btn{justify-self:start;margin-top:10px}
.mp-card[hidden]{display:none!important}
.mp-x{position:absolute;right:10px;top:10px;border:0;width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.1);color:#fff;cursor:pointer;font-size:1.05rem}
.mp-hint{position:absolute;left:50%;bottom:20px;transform:translateX(-50%);z-index:2;color:#8fb0d8;font-size:.8rem;pointer-events:none}
.mp-load{position:absolute;inset:0;display:grid;place-items:center;color:#8fb0d8;font:600 .95rem var(--t);letter-spacing:.08em}
@media (max-width:760px){.mp-stage{height:600px}.mp-views{top:auto;bottom:66px;left:14px;right:14px}.mp-hud b{display:none}.mp-hint{display:none}.mp-card{left:14px;right:14px;bottom:14px;width:auto}}
.mp-states{position:absolute;left:clamp(14px,3vw,36px);top:70px;z-index:3;display:grid;gap:6px;width:210px;padding:12px;border-radius:18px;background:rgba(4,18,46,.62);backdrop-filter:blur(10px);border:1px solid rgba(120,200,255,.25)}
.mp-states small{font:800 .68rem var(--t);letter-spacing:.16em;text-transform:uppercase;color:#38c8ff;padding:0 4px}
.mp-states #mpStList{display:grid;gap:4px}
.mp-states button{display:flex;justify-content:space-between;align-items:center;border:0;background:transparent;color:#e8f1ff;font:600 .84rem var(--t);padding:7px 10px;border-radius:10px;cursor:pointer;text-align:left;transition:.2s}
.mp-states button b{font:800 .72rem var(--t);background:rgba(56,200,255,.18);color:#7fdcff;padding:2px 8px;border-radius:999px}
.mp-states button:hover,.mp-states button.on{background:#38c8ff;color:#02122c}
.mp-states button.on b,.mp-states button:hover b{background:#02122c;color:#38c8ff}
.mp-states select{margin-top:4px;width:100%;font:600 .8rem var(--t);color:#e8f1ff;background:rgba(2,10,28,.8);border:1px solid rgba(120,200,255,.35);border-radius:10px;padding:8px}
.mp-chip{border:1px solid color-mix(in srgb,var(--c) 60%,transparent);background:color-mix(in srgb,var(--c) 18%,transparent);color:#fff;font:600 .8rem var(--t);padding:5px 11px;border-radius:999px;cursor:pointer;margin:4px 6px 0 0}
.mp-chip:hover{background:var(--c);color:#02122c}
.mp-l{display:flex;flex-wrap:wrap}
@media (max-width:760px){.mp-states{top:auto;bottom:112px;left:14px;width:auto;right:14px;padding:8px}.mp-states #mpStList,.mp-states small{display:none}}

.mp-states{top:auto;bottom:70px;width:220px}.mp-states #mpStList{display:none}
.mp-views{max-width:calc(100% - 300px);justify-content:flex-end}
@media (max-width:760px){.mp-views{max-width:none;justify-content:flex-start}.mp-states{bottom:150px}}