.live-draw-zone{position:relative;overflow:hidden;margin:0 0 18px;padding:20px;border:1px solid rgba(93,204,255,.2);border-radius:18px;background:linear-gradient(155deg,rgba(7,25,39,.97),rgba(3,11,19,.98));box-shadow:0 20px 55px rgba(0,0,0,.22)}
.live-draw-zone::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.28;background:radial-gradient(circle at 18% 12%,rgba(81,190,255,.22),transparent 33%),radial-gradient(circle at 84% 90%,rgba(223,241,255,.1),transparent 30%)}.live-draw-zone>*{position:relative;z-index:1}
.live-draw-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:14px}.live-draw-kicker{display:inline-flex;align-items:center;gap:7px;color:#88d7ff;font-size:9px;font-weight:900;letter-spacing:.14em}.live-draw-kicker>span{width:7px;height:7px;border-radius:50%;background:#54c9ff;box-shadow:0 0 13px #54c9ff}.live-draw-head h2{margin:4px 0;color:#fff;font-size:28px;line-height:1;font-weight:950;letter-spacing:-.035em}.live-draw-head p{margin:0;color:rgba(226,241,251,.64);font-size:10px;font-weight:750}.live-draw-head-actions{min-width:180px;display:grid;gap:8px}.live-draw-state{padding:10px 14px;border-radius:11px;border:1px solid rgba(83,211,154,.28);background:rgba(33,136,90,.12);color:#8ff0bc;text-align:center;font-size:9px;font-weight:950;letter-spacing:.08em}.live-draw-state.is-drawing{border-color:rgba(95,195,255,.35);background:rgba(31,115,181,.16);color:#a8e2ff}.live-draw-state.is-finished{border-color:rgba(255,220,128,.3);background:rgba(168,119,31,.14);color:#ffe2a0}
.live-draw-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:14px}.live-draw-meta>div{min-height:57px;padding:10px 12px;border:1px solid rgba(128,203,244,.14);border-radius:12px;background:rgba(0,9,15,.34);display:grid;align-content:center}.live-draw-meta span{color:rgba(204,231,245,.45);font-size:8px;font-weight:900;letter-spacing:.08em}.live-draw-meta strong{margin-top:2px;color:#fff;font-size:16px;font-weight:950}
.live-draw-main{display:grid;grid-template-columns:minmax(430px,.95fr) minmax(0,1.05fr);gap:15px;align-items:stretch}.live-draw-machine{position:relative;min-height:360px;border:1px solid rgba(142,215,251,.18);border-radius:20px;background:radial-gradient(circle at 45% 42%,rgba(52,160,220,.09),rgba(0,8,14,.62) 64%);overflow:hidden;display:grid;place-items:center;padding:18px 88px 38px 18px}.live-draw-drum{position:relative;width:300px;height:300px;border-radius:50%;border:10px solid rgba(201,239,255,.34);background:radial-gradient(circle at 35% 26%,rgba(207,242,255,.10),rgba(5,25,38,.48) 48%,rgba(0,8,14,.72) 76%);box-shadow:0 0 0 3px rgba(85,190,238,.16),inset 0 0 42px rgba(97,204,255,.13),0 20px 45px rgba(0,0,0,.25);overflow:hidden}.live-draw-drum-glass{position:absolute;inset:11px;border-radius:50%;border:1px solid rgba(224,248,255,.25);box-shadow:inset 0 0 28px rgba(167,226,255,.05);pointer-events:none;z-index:5}.live-draw-airflow{position:absolute;inset:22px;border-radius:50%;opacity:.2;background:repeating-conic-gradient(from 6deg,transparent 0 23deg,rgba(111,207,255,.12) 24deg 25deg,transparent 26deg 48deg);animation:liveDrawAir 10s linear infinite;pointer-events:none}.live-draw-avatar-field{position:absolute;inset:40px;overflow:visible}.live-draw-ball{position:absolute;width:54px;height:54px;border-radius:50%;padding:4px;background:linear-gradient(145deg,#eaf9ff,#719eb5 48%,#dff5ff);box-shadow:0 7px 18px rgba(0,0,0,.4),0 0 15px rgba(89,202,255,.15);overflow:hidden;will-change:transform}.live-draw-ball img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.live-draw-ball span{width:100%;height:100%;border-radius:50%;display:grid;place-items:center;background:#0d2c40;color:#dff7ff;font-size:15px;font-weight:950}.live-draw-exit-mouth{position:absolute;right:-4px;top:50%;width:38px;height:70px;transform:translateY(-50%);z-index:9;background:linear-gradient(90deg,rgba(207,239,252,.48),rgba(75,123,147,.82));border:2px solid rgba(226,247,255,.55);border-left:0;border-radius:0 34px 34px 0;box-shadow:0 0 18px rgba(90,204,255,.15)}.live-draw-exit-mouth span{position:absolute;left:-12px;top:17px;width:26px;height:34px;border-radius:50%;background:#081925;border:2px solid rgba(205,239,255,.48)}.live-draw-exit-track{position:absolute;left:calc(50% + 85px);top:50%;width:150px;height:78px;transform:translateY(-8px);border-bottom:10px solid rgba(187,229,247,.42);border-right:10px solid rgba(187,229,247,.42);border-radius:0 0 48px 0;pointer-events:none}.live-draw-exit-track::after{content:"";position:absolute;right:-10px;bottom:-10px;width:72px;height:36px;border-bottom:3px solid rgba(224,247,255,.42);border-radius:50%}.live-draw-exit-ball{position:absolute;width:58px;height:58px;border-radius:50%;left:8px;top:-8px;padding:4px;background:linear-gradient(145deg,#eaf9ff,#719eb5 48%,#dff5ff);box-shadow:0 7px 18px rgba(0,0,0,.42),0 0 17px rgba(88,204,255,.22);overflow:hidden;z-index:12}.live-draw-exit-ball img{width:100%;height:100%;object-fit:cover;border-radius:50%}.live-draw-exit-ball span{width:100%;height:100%;display:grid;place-items:center;border-radius:50%;background:#0d2c40;color:#fff;font-weight:950}.live-draw-exit-ball.is-out{animation:liveDrawExit 1.2s cubic-bezier(.16,.76,.22,1) forwards}.live-draw-machine-caption{position:absolute;left:22px;right:22px;bottom:11px;display:flex;align-items:center;justify-content:center;gap:7px;color:rgba(220,239,248,.48);font-size:8px;font-weight:900;letter-spacing:.08em}.live-draw-machine-caption strong{color:#dff6ff;font-size:11px}
.live-draw-side{display:grid;gap:12px;align-content:start}.live-draw-command{padding:18px;border:1px solid rgba(91,202,255,.2);border-radius:16px;background:linear-gradient(145deg,rgba(55,168,226,.11),rgba(0,7,13,.22));display:grid;gap:4px}.live-draw-command span{color:#81d9ff;font-size:8px;font-weight:950;letter-spacing:.14em}.live-draw-command strong{font-size:18px;color:#fff}.live-draw-command strong b{color:#84dcff}.live-draw-command small{color:rgba(220,239,248,.5);font-size:8px;font-weight:850}.live-draw-site-enter{min-height:42px;border:1px solid rgba(84,203,255,.32);border-radius:11px;background:linear-gradient(180deg,#49baf1,#247fac);color:#041521;font-size:10px;font-weight:1000;cursor:pointer}.live-draw-site-enter:disabled{opacity:.48;cursor:not-allowed}.live-draw-site-enter.is-joined{border-color:rgba(91,223,159,.28);background:rgba(44,151,103,.16);color:#9af0c1}.live-draw-site-note{min-height:16px;color:#ffb4bc;font-size:9px;font-weight:900}.live-draw-site-note.is-ok{color:#8df0bb}.live-draw-players{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-height:220px;overflow:auto;padding-right:3px}.live-draw-player{padding:9px 7px;border:1px solid rgba(255,255,255,.08);border-radius:11px;background:rgba(255,255,255,.035);display:flex;align-items:center;gap:7px;min-width:0}.live-draw-player img,.live-draw-player>span{width:28px;height:28px;border-radius:50%;object-fit:cover;flex:none}.live-draw-player>span{display:grid;place-items:center;background:#0d2c40;color:#ccefff;font-size:10px;font-weight:950}.live-draw-player strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#eaf8ff;font-size:9px}.live-draw-empty{grid-column:1/-1;padding:18px;text-align:center;color:rgba(220,238,248,.45);font-size:9px;font-weight:850}
.live-draw-admin{margin-top:12px;padding:12px;border:1px dashed rgba(113,205,255,.2);border-radius:12px}.live-draw-admin>span{display:block;margin-bottom:8px;color:#83d8ff;font-size:8px;font-weight:950;letter-spacing:.12em}.live-draw-admin>div{display:flex;gap:7px}.live-draw-admin button{min-height:38px;padding:0 14px;border:0;border-radius:9px;background:#50bff4;color:#03111b;font-size:9px;font-weight:950;cursor:pointer}.live-draw-admin button.is-danger{background:rgba(255,104,119,.16);border:1px solid rgba(255,104,119,.28);color:#ffb2ba}.live-draw-admin button:disabled{opacity:.4;cursor:not-allowed}.live-draw-winner{margin-top:12px;padding:15px;border:1px solid rgba(255,220,128,.2);border-radius:15px;background:rgba(151,105,28,.08);display:flex;align-items:center;gap:14px}.live-draw-winner[hidden]{display:none!important}.live-draw-winner-avatar{width:68px;height:68px;border-radius:50%;overflow:hidden;background:#0d2c40;display:grid;place-items:center;color:#fff;font-weight:950}.live-draw-winner-avatar img{width:100%;height:100%;object-fit:cover}.live-draw-winner>div:last-child{display:grid}.live-draw-winner span,.live-draw-last span{color:rgba(225,239,247,.46);font-size:8px;font-weight:900}.live-draw-winner strong{color:#fff0b7;font-size:20px}.live-draw-winner small{color:rgba(235,242,246,.67);font-size:9px;font-weight:800}.live-draw-last{margin-top:10px;padding:10px 12px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(255,255,255,.035);display:flex;justify-content:space-between;gap:10px}.live-draw-last strong{color:#e8f7ff;font-size:9px;font-weight:950}
.live-draw-zone.is-drawing .live-draw-airflow{opacity:.85;animation-duration:.65s}.live-draw-zone.is-drawing .live-draw-drum{animation:liveDrawShake .12s ease-in-out infinite alternate}.live-draw-zone.is-finished .live-draw-main{opacity:.5}.live-draw-zone.is-finished .live-draw-winner{display:flex!important}
@keyframes liveDrawAir{to{transform:rotate(360deg)}}@keyframes liveDrawShake{from{transform:translateX(-1px) rotate(-.15deg)}to{transform:translateX(1px) rotate(.15deg)}}@keyframes liveDrawExit{0%{transform:translate(0,0) scale(.9);opacity:0}20%{opacity:1}100%{transform:translate(94px,38px) scale(1.05);opacity:1}}
@media(max-width:980px){.live-draw-main{grid-template-columns:1fr}.live-draw-machine{min-height:390px}.live-draw-players{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.live-draw-head{display:grid}.live-draw-head-actions{min-width:0}.live-draw-meta{grid-template-columns:1fr}.live-draw-machine{padding-right:20px}.live-draw-drum{width:270px;height:270px}.live-draw-exit-track{display:none}.live-draw-players{grid-template-columns:1fr}}