/* Digitera V4.23.7 - Lobby bergaya game MOBA, kontras tinggi */
.live-host-page[data-live-status="lobby"]{position:fixed!important;inset:0!important;z-index:10050!important;overflow:auto!important;padding:12px!important;background:radial-gradient(circle at 50% 0,#123d75 0%,#071a34 48%,#040b16 100%)!important}
.live-host-page[data-live-status="lobby"] .live-host-container{width:min(1500px,100%)!important;max-width:none!important;margin:0 auto!important}
.live-host-page[data-live-status="lobby"] .live-host-topbar{display:none!important}
.live-host-page[data-live-status="lobby"] .live-host-root{min-height:calc(100vh - 24px)!important}
.ml-lobby-shell{position:relative;min-height:calc(100vh - 24px);padding:18px;border-radius:24px;overflow:hidden;background:linear-gradient(180deg,rgba(6,18,38,.97),rgba(4,12,25,.99));border:1px solid rgba(96,165,250,.18);box-shadow:0 30px 80px rgba(0,0,0,.42);color:#fff}
.ml-lobby-shell:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 12%,rgba(56,189,248,.18),transparent 38%),radial-gradient(circle at 50% 80%,rgba(245,158,11,.12),transparent 32%);pointer-events:none}
.ml-lobby-topline,.ml-lobby-stage{position:relative;z-index:2}
.ml-lobby-topline{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:0 6px 14px;color:#fff}
.ml-lobby-badge{padding:8px 14px;border-radius:999px;background:#0b3b79;border:1px solid #3b82f6;color:#dbeafe;font-size:12px;font-weight:1000;letter-spacing:.12em}
.ml-lobby-topline strong{color:#fff;font-size:21px}.ml-lobby-topline small{color:#bfdbfe;font-size:13px;font-weight:900}
.ml-lobby-stage{padding:18px;border-radius:24px;background:linear-gradient(180deg,rgba(8,25,52,.9),rgba(6,17,34,.88));border:1px solid rgba(125,211,252,.16)}
.ml-lobby-stage-head{display:grid;grid-template-columns:.8fr 1.25fr .8fr;gap:14px;margin-bottom:22px}
.ml-lobby-stage-brand,.ml-lobby-pin-wrap,.ml-lobby-stage-info{border-radius:20px;border:1px solid rgba(148,163,184,.18);background:#081b37;min-height:150px}
.ml-lobby-stage-brand{display:flex;align-items:center;gap:12px;padding:18px}.ml-lobby-stage-brand>span{display:grid;place-items:center;width:60px;height:60px;border-radius:18px;background:linear-gradient(180deg,#2563eb,#1d4ed8);font-size:30px}.ml-lobby-stage-brand strong{display:block;color:#fff;font-size:25px}.ml-lobby-stage-brand small{display:block;color:#bfdbfe;font-weight:900;margin-top:4px}
.ml-lobby-pin-wrap{text-align:center;padding:16px 18px}.ml-lobby-pin-wrap small{display:block;color:#93c5fd;font-weight:1000;letter-spacing:.16em}.ml-lobby-pin-wrap strong{display:block;color:#fff;font-size:clamp(54px,8vw,96px);line-height:.95;letter-spacing:.08em;margin:6px 0}.ml-lobby-pin-wrap span{display:block;color:#dbeafe;font-size:14px;line-height:1.5}.ml-lobby-pin-wrap b{color:#fde68a}.ml-lobby-pin-wrap button{margin-top:10px;border:0;border-radius:999px;padding:9px 16px;background:#fbbf24;color:#1f2937;font-weight:1000;cursor:pointer}
.ml-lobby-stage-info{display:grid;place-items:center;align-content:center;text-align:center;padding:18px}.ml-lobby-status-dot{display:block;width:14px;height:14px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 7px rgba(34,197,94,.15),0 0 18px #22c55e;margin-bottom:10px}.ml-lobby-stage-info strong{color:#fff;font-size:25px}.ml-lobby-stage-info small{color:#cbd5e1;margin-top:6px;font-size:14px;line-height:1.45;font-weight:800}
.ml-lobby-slots{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.ml-lobby-slot{position:relative;min-height:310px;display:flex;justify-content:center;align-items:flex-end;animation:mlLobbyPop .3s ease both;animation-delay:var(--delay,0ms)}
.ml-lobby-slot-banner{position:absolute;inset:0 7%;clip-path:polygon(50% 0,88% 7%,100% 28%,95% 82%,50% 100%,5% 82%,0 28%,12% 7%);background:linear-gradient(180deg,rgba(37,99,235,.2),rgba(30,64,175,.08));border:2px solid rgba(96,165,250,.34);box-shadow:inset 0 0 0 1px rgba(255,255,255,.05),0 18px 36px rgba(0,0,0,.22)}
.ml-lobby-slot.is-empty .ml-lobby-slot-banner{border-style:dashed;opacity:.65}
.ml-lobby-slot-inner{position:relative;z-index:2;width:86%;min-height:266px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;text-align:center;padding:14px 10px 18px}
.ml-lobby-avatar,.ml-lobby-empty-icon{display:grid;place-items:center;width:94px;height:94px;border-radius:28px;background:linear-gradient(180deg,#fff,#dbeafe);box-shadow:0 12px 28px rgba(0,0,0,.3);font-size:52px;margin-bottom:12px}.ml-lobby-empty-icon{background:rgba(59,130,246,.12);border:1px dashed rgba(147,197,253,.55);color:#93c5fd;font-size:48px}
.ml-lobby-slot strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;font-size:18px;font-weight:1000;text-shadow:0 2px 8px rgba(0,0,0,.3)}.ml-lobby-slot small{color:#dbeafe;font-size:13px;font-weight:900;margin-top:4px}.ml-lobby-kick{margin-top:11px;border:0;border-radius:999px;padding:8px 12px;background:#dc2626;color:#fff;font-size:12px;font-weight:1000;cursor:pointer}
.ml-lobby-extra{margin-top:16px;padding:14px;border-radius:16px;background:#07172f;border:1px solid rgba(148,163,184,.15)}.ml-lobby-extra>span{color:#93c5fd;font-size:12px;font-weight:1000;letter-spacing:.12em}.ml-lobby-extra-row{display:grid;grid-template-columns:32px 38px minmax(0,1fr) auto auto;gap:9px;align-items:center;margin-top:8px;padding:9px 11px;border-radius:12px;background:rgba(255,255,255,.04);color:#fff}.ml-lobby-extra-row small{color:#bfdbfe}.ml-lobby-extra-row button{border:0;border-radius:999px;padding:7px 11px;background:#dc2626;color:#fff;font-weight:900}
.ml-lobby-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:22px;padding-top:18px;border-top:1px solid rgba(148,163,184,.16)}.ml-lobby-hint{display:flex;align-items:center;gap:12px}.ml-lobby-hint>span{display:grid;place-items:center;width:50px;height:50px;border-radius:16px;background:#0b3b79;font-size:27px}.ml-lobby-hint strong{display:block;color:#fff;font-size:18px}.ml-lobby-hint small{display:block;color:#cbd5e1;font-size:13px;font-weight:800;margin-top:4px}
.ml-lobby-start-btn{min-width:250px;border:1px solid #f8df9a;border-radius:999px;padding:17px 30px;background:linear-gradient(180deg,#f7d58f,#c9974a);color:#fffdf5;font-size:27px;font-weight:1000;text-shadow:0 2px 5px rgba(91,56,15,.45);box-shadow:0 9px 0 #7a531e,0 15px 30px rgba(0,0,0,.3);cursor:pointer}.ml-lobby-start-btn:hover:not(:disabled){filter:brightness(1.06)}.ml-lobby-start-btn:active:not(:disabled){transform:translateY(4px);box-shadow:0 5px 0 #7a531e,0 9px 18px rgba(0,0,0,.25)}.ml-lobby-start-btn:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.4)}
@keyframes mlLobbyPop{from{opacity:0;transform:translateY(16px) scale(.95)}to{opacity:1;transform:none}}
@media(max-width:1100px){.ml-lobby-stage-head{grid-template-columns:1fr}.ml-lobby-slots{grid-template-columns:repeat(3,1fr)}.ml-lobby-bottom{flex-direction:column;align-items:stretch}.ml-lobby-start-btn{width:100%}}
@media(max-width:700px){.live-host-page[data-live-status="lobby"]{padding:6px!important}.ml-lobby-shell{padding:10px;border-radius:16px}.ml-lobby-stage{padding:12px}.ml-lobby-slots{grid-template-columns:repeat(2,1fr);gap:10px}.ml-lobby-slot{min-height:235px}.ml-lobby-slot-inner{min-height:195px}.ml-lobby-avatar,.ml-lobby-empty-icon{width:70px;height:70px;font-size:38px;border-radius:20px}.ml-lobby-pin-wrap strong{font-size:clamp(48px,15vw,76px)}.ml-lobby-extra-row{grid-template-columns:28px 32px minmax(0,1fr) auto}.ml-lobby-extra-row small{display:none}.ml-lobby-start-btn{font-size:23px}}
@media(max-width:440px){.ml-lobby-slots{grid-template-columns:1fr}.ml-lobby-slot{min-height:205px}.ml-lobby-slot-inner{min-height:170px}.ml-lobby-hint{align-items:flex-start}.ml-lobby-extra-row{grid-template-columns:28px 30px minmax(0,1fr)}.ml-lobby-extra-row button{grid-column:1/-1}}