:root{--bg1: #753C54;--bg2: #A24B6F;--bg3: #CF657F;--bg4: #ED8099}*{box-sizing:border-box}html,body{padding:0;margin:0;font-family:Inter,system-ui,Arial,sans-serif}body{min-height:100vh;background:linear-gradient(180deg,var(--bg4) 0%,var(--bg3) 35%,var(--bg2) 70%,var(--bg1) 100%);background-repeat:no-repeat;background-size:cover}#root{min-height:100vh}.page{max-width:1250px;margin:0 auto;padding:18px}.topCard{background:#0000002e;border-radius:18px;padding:18px 18px 14px;border:1px solid rgba(255,255,255,.1);box-shadow:0 12px 30px #0000001f}.topTitle{font-size:28px;font-weight:900;color:#fffffff2;margin-bottom:8px}.topActions{display:flex;gap:14px;align-items:center;justify-content:flex-start;flex-wrap:wrap}.meBox{padding:10px 12px;border-radius:999px;background:#0000002e;border:1px solid rgba(255,255,255,.12)}.meText{color:#ffffffe6;font-size:13px;font-weight:700}.meConnected{display:inline-flex;align-items:center;gap:8px}.meAvatar{width:26px;height:26px;border-radius:999px;object-fit:cover;display:inline-block;border:1px solid rgba(255,255,255,.25)}.permToast{padding:10px 12px;border-radius:999px;background:#00000038;border:1px solid rgba(255,255,255,.16);display:inline-flex;align-items:center;gap:8px}.permToastText{color:#fff;font-size:13px;font-weight:900;letter-spacing:.2px}.permSparkle{width:14px;height:14px;display:inline-block}.grid{display:grid;grid-template-columns:1.15fr 1fr .9fr;gap:16px;margin-top:16px}.colRight{display:flex;flex-direction:column;gap:16px}.card{background:#0000002e;border-radius:18px;padding:16px;border:1px solid rgba(255,255,255,.1);box-shadow:0 12px 30px #0000001f}.cardTitle{color:#ffffffeb;font-weight:900;font-size:22px;margin-bottom:12px}.row{display:flex;gap:10px;margin-top:10px}.input{width:100%;height:42px;border-radius:12px;outline:none;border:1px solid rgba(255,255,255,.12);background:#0000002e;color:#fff;padding:0 12px;font-weight:700}.input::placeholder{color:#ffffff73}.btn,.btnSmall,.btnWide{border:none;outline:none;cursor:pointer;font-weight:900;color:#fffffff2;background:#00000040;border:1px solid rgba(255,255,255,.12);border-radius:14px;transition:.2s ease}.btn{height:42px;padding:0 16px}.btnSmall{height:40px;padding:0 14px;white-space:nowrap}.btnWide{height:44px;width:100%;margin-top:12px}.btn:hover,.btnSmall:hover,.btnWide:hover{transform:translateY(-1px);background:#00000059}.btn:disabled,.btnSmall:disabled,.btnWide:disabled{opacity:.55;cursor:not-allowed;transform:none}.btnSmall.alt{background:#00000038}.btnSmall.danger{background:#ff145040;border:1px solid rgba(255,20,80,.25)}.table{margin-top:12px;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.08)}.thead,.trow{display:grid;grid-template-columns:60px 1fr;align-items:center}.thead{padding:10px 12px;background:#00000038;font-weight:900;color:#ffffffd9}.tbody{max-height:520px;overflow:auto}.trow{position:relative;padding:10px 12px;border-top:1px solid rgba(255,255,255,.06);color:#ffffffe6}.vipRow{cursor:pointer}.vipPermanent{border:2px solid #c32454;background:#c324541a;border-radius:12px;margin:10px 10px 0;padding:14px 12px 10px}.vipPermanent .cell.small{padding-left:2px}.permBadge{position:absolute;top:-10px;left:12px;display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:10px;background:#c32454;color:#fff;font-weight:900;font-size:12px;letter-spacing:.2px;box-shadow:0 10px 22px #0000002e}.permBadgeSparkle{width:14px;height:14px;display:inline-block}.cell.small{width:60px;font-weight:900}.wheelWrap{display:flex;justify-content:center;align-items:center;border-radius:16px;padding:10px}.wheelCanvas{width:100%;max-width:420px;height:auto;display:block}.sliderBlock{margin-top:12px}.sliderLabel{font-size:12px;font-weight:900;color:#ffffffd9;margin-bottom:8px}.sliderWrap{width:100%;overflow:hidden;padding:0 2px}input[type=range]{width:100%;max-width:100%;box-sizing:border-box;display:block}.sliderValue{margin-top:8px;font-size:12px;font-weight:900;color:#ffffffe6}.winnerBox{margin-top:12px;padding:12px 14px;border-radius:14px;background:#0000002e;border:1px solid rgba(255,255,255,.1);color:#ffffffeb;font-weight:800}.muted{margin-top:10px;color:#ffffffbf;font-weight:800;font-size:13px}.footer{width:100%;margin-top:18px;padding:14px 10px;display:flex;justify-content:center;gap:10px;align-items:center;opacity:.9}.footerText{font-weight:800;font-size:14px;color:#ffffffeb}.footerLink{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:999px;color:#fffffff2;background:#00000038;transition:.2s ease}.footerLink:hover{background:#00000059;transform:translateY(-1px)}@media (max-width: 980px){.grid{grid-template-columns:1fr}.topActions{flex-direction:column;align-items:flex-start}}