.page{min-height:100vh;display:grid;justify-content:center;padding:18px 12px 40px;background:radial-gradient(500px 220px at 50% 0%,rgba(232,184,74,.16),transparent 60%),#090909;color:#f4f4f4}.phone{width:min(430px,100%)}.topbar{display:flex;align-items:center;justify-content:space-between;padding:8px 4px 14px}.brand{font-weight:900;letter-spacing:.12em;color:#f0c14b;font-size:22px}.live{font-size:12px;font-weight:800;color:#173224;background:#3ddc84;border-radius:999px;padding:5px 10px}.live.off{color:#fff;background:#e24b4b}.modes{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:10px;border-radius:18px;background:#2a2a2a}.mode{border:0;border-radius:14px;padding:10px 2px 8px;background:#3a3a3a;color:#dedede;cursor:pointer;display:flex;flex-direction:column;align-items:center}.mode.active{background:linear-gradient(180deg,#f6d78a,#d7a441);color:#3a2a08}.mode-mark{width:26px;height:26px;margin-bottom:4px;border-radius:50%;border:2px solid currentColor;box-shadow:inset 0 0 0 4px transparent,inset 0 0 0 6px currentColor}.mode-name,.mode-time{font-size:11px;font-weight:800;line-height:1.15}.mode-left{margin-top:4px;font-size:11px;font-weight:900;font-variant-numeric:tabular-nums}.panel{display:grid;grid-template-columns:.9fr 1.2fr;gap:8px;margin-top:12px;padding:14px 12px 12px;border-radius:16px;background:linear-gradient(180deg,#f8e7b0,#e2b656 58%,#d7a63d);color:#3d2c0a}.panel-game{margin:2px 0 12px;font-weight:800}.recent{display:flex;gap:5px;flex-wrap:wrap}.ball{width:26px;height:26px;border-radius:50%;display:inline-grid;place-items:center;color:#fff;font-size:13px;font-weight:800;box-shadow:inset 0 -3px #0003,0 1px #ffffff59}.ball.large{width:46px;height:46px;font-size:20px}.panel-clock{text-align:right}.clock-label{margin:0 0 8px;font-size:14px;font-weight:800}.digits{display:flex;justify-content:flex-end;align-items:center;gap:4px}.digit{width:28px;height:36px;display:grid;place-items:center;border-radius:4px;background:#111;color:#fff;font-size:22px;font-weight:800;font-variant-numeric:tabular-nums}.digit.urgent{background:#c62828}.colon{font-weight:900;font-size:22px}.period-line,.period{font-variant-numeric:tabular-nums}.period-line{margin:8px 0 0;font-size:13px;font-weight:800}.drawing{color:#8a1f1f}.board{margin-top:12px;padding:12px;border-radius:16px;background:#1b1b1b}.colors,.sizes,.numbers{display:grid;gap:8px}.colors{grid-template-columns:repeat(3,1fr)}.chip,.size-btn{text-align:center;text-transform:capitalize;font-weight:800;border-radius:10px;padding:12px 0;opacity:.45}.chip.on,.size-btn.on,.num.on .ball{opacity:1;outline:3px solid #f0c14b;outline-offset:2px}.chip.green{background:#18a34a}.chip.violet{background:#9b4dff}.chip.red{background:#e53935}.numbers{grid-template-columns:repeat(5,1fr);justify-items:center;margin:14px 0}.num{opacity:.55}.num.on{opacity:1}.sizes{grid-template-columns:1fr 1fr}.size-btn{border-radius:12px;padding:14px 0;font-size:18px}.size-btn.big{background:#e9a23b;color:#fff}.size-btn.small{background:#4aa3e8;color:#fff}.latest-line{margin:10px 0 0;text-align:center;color:#c8c8c8;font-size:12px}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.tab{border:0;border-radius:12px;padding:12px 8px;background:#2a2a2a;color:#ddd;font-weight:800;cursor:pointer}.tab.on{background:linear-gradient(180deg,#f6d78a,#d7a441);color:#3a2a08}.table-wrap,.chart{margin-top:12px;background:#161616;border-radius:16px;overflow:hidden}table{width:100%;border-collapse:collapse}th{background:#f25563;color:#fff;font-size:13px;padding:12px 8px}td{text-align:center;padding:11px 8px;border-bottom:1px solid #2a2a2a;font-size:13px}th:first-child,td.period{text-align:left;padding-left:12px;color:#cfcfcf}.swatches{display:inline-flex;gap:4px}.swatch{width:12px;height:12px;border-radius:50%}.chart-row{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:10px 14px;border-bottom:1px solid #2a2a2a}.chart-size{min-width:52px;text-align:right;font-weight:700}tr.fresh td{animation:flash 1.2s ease}.empty,.foot{color:#bdbdbd}.foot{margin:10px 4px 0;font-size:12px;text-align:center}@keyframes flash{0%{background:#3a2428}to{background:transparent}}@media(max-width:380px){.panel{grid-template-columns:1fr}.panel-clock,.digits{text-align:left;justify-content:flex-start}.ball.large{width:40px;height:40px}}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:Segoe UI,system-ui,sans-serif;background:#121212;color:#f5f5f5}