:root{--wg-bg:#eaf3ff;--wg-blue:#3aa0ff;--wg-green:#1abc9c;--wg-violet:#7c4dff;--wg-red:#ff5252;}
body{background:var(--wg-bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,'Helvetica Neue',Arial;color:#223;}
.wg-stage{max-width:420px;margin:0 auto;background:linear-gradient(180deg,#66b5ff 0%,#82c3ff 16%,#dfeeff 16.1%,#dfeeff 100%);border-radius:0;box-shadow:0 10px 25px rgba(26,86,219,.25);overflow:hidden;border:1px solid #b9dcff;}
.wg-topbar{height:54px;display:flex;align-items:center;gap:10px;padding:0 14px;color:#fff;background:linear-gradient(180deg,#48a8ff 0%,#2e90ff 100%);}
.wg-logo{height:28px;object-fit:contain;filter:drop-shadow(0 1px 0 rgba(255,255,255,.35));}
.wg-body{padding:14px;}
.wg-wallet{background:#fff;border-radius:14px;padding:14px;box-shadow:0 6px 14px rgba(0,0,0,.05);border:1px solid #eef5ff;}
.wg-balance{font-weight:700;font-size:22px;color:#0b4ea9;}
.wg-chip{display:inline-flex;align-items:center;gap:6px;background:#ffeef0;color:#ff4153;padding:.45rem .9rem;border-radius:999px;border:1px solid #ffd4d9;cursor:pointer;font-weight:600;}
.wg-chip.success{background:#eaffef;color:#2bbf6a;border-color:#c8f6d6;}
.wg-info{background:#f5fbff;border:1px solid #cfe9ff;border-radius:999px;padding:.4rem .75rem;color:#2a6abf;font-weight:600;}
.wg-modes .btn{border-radius:14px;background:#f0f7ff;border:1px solid #cfe3ff;color:#2f6fd7;font-weight:700;}
.wg-modes .btn.active{background:#e9f3ff;border-color:#8fc0ff;box-shadow:inset 0 0 0 2px #b9dcff;}
.wg-panel{background:#f7fbff;border:1px solid #cfe5ff;border-radius:14px;padding:12px;}
.wg-ticks{ display:flex; align-items:center; gap:6px; flex-wrap:wrap; }
.wg-chip2{background:#eef6ff;border:1px solid #d6e9ff;border-radius:8px;padding:.35rem .6rem;font-weight:600;color:#2d6cd3;}
.wg-timer{display:flex;align-items:center;gap:12px;}
.wg-digit{width:32px;height:38px;border-radius:6px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #cde2ff;font-weight:800;color:#2c6ed6;font-size:20px;box-shadow:0 2px 0 #eaf2ff inset;}
.wg-balls-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;}
.wg-ball{width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:20px;border:3px solid rgba(255,255,255,.75);box-shadow:0 4px 8px rgba(0,0,0,.08);user-select:none;cursor:pointer;}
.wg-ball.green{background:linear-gradient(180deg,#2cd6b0,#17a589);}
.wg-ball.violet{background:linear-gradient(180deg,#8a63ff,#5e38e9);}
.wg-ball.red{background:linear-gradient(180deg,#ff6565,#ff3b3b);}
.wg-ball.gray{background:linear-gradient(180deg,#dde6f5,#cdd9ec);color:#3c4a66;border-color:#fff;}
.wg-num-card{width:130px;height:170px;background:#fff;border:1px solid #d2e4ff;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:120px;line-height:1;font-weight:900;color:#3c7cff;box-shadow:0 6px 14px rgba(0,50,150,.08) inset;}
.wg-pill{border-radius:12px;font-weight:800;padding:.6rem 1.2rem;border:1px solid transparent;cursor:pointer;}
.wg-pill.big{background:#ffe9e9;color:#c53a3a;border-color:#ffcaca;}
.wg-pill.small{background:#eefdff;color:#1f82a7;border-color:#c1f1ff;}
.wg-tabsline .btn{font-weight:700;color:#2a6ad3;background:#eef6ff;border:1px solid #d6e9ff;}
.wg-tabsline .btn.active{background:#e3f1ff;border-color:#9ccdff;box-shadow:inset 0 0 0 2px #cde4ff;}
.wg-table thead th{background:#f0f6ff;color:#2b63b8;border-bottom:1px solid #cfe4ff;font-weight:800;}
.wg-dot{width:10px;height:10px;border-radius:50%;display:inline-block;}
.wg-dot.green{background:var(--wg-green);} .wg-dot.violet{background:var(--wg-violet);} .wg-dot.red{background:var(--wg-red);}
.wg-pager .btn{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;}
.wg-slip{background:#fff;border:1px solid #e6edff;border-radius:12px;padding:10px;}
.wg-locked{opacity:.55;pointer-events:none;}
@media (max-width:420px){.wg-num-card{width:120px;height:160px;font-size:110px;}.wg-ball{width:54px;height:54px;}}