.prediction .welcome{margin-bottom:28px}.prediction-card{padding:22px 23px 17px;border:1px solid #e1e6dc;background:#fff;border-radius:23px;box-shadow:0 4px 8px #292d2008,0 15px 48px #292d2005}.prediction-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px}.game-select-wrap{display:flex;align-items:center;position:relative;min-width:0}.game-select-wrap select{appearance:none;font:inherit;font-size:12px;font-weight:500;padding:7px 26px 7px 10px;background:#f0f3ec;color:#526247;border:1px solid transparent;border-radius:8px;cursor:pointer;max-width:100%;outline-offset:3px}.game-select-wrap>span{position:absolute;right:9px;pointer-events:none;font-size:12px;color:#74836a}.prediction-date{font-size:10px;color:#7a846f;white-space:nowrap}.number-groups{display:flex;align-items:flex-end;justify-content:center;gap:16px;margin:25px 0 24px}.number-group{display:flex;flex-direction:column;gap:9px}.group-label{font-size:9px;letter-spacing:1px;color:#99a18e;padding-left:2px}.balls{display:flex;gap:7px}.number-ball{height:45px;width:45px;display:grid;place-items:center;border-radius:50%;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-variant-numeric:tabular-nums;font-size:18px;font-weight:550;letter-spacing:-.5px;background:#fbefec;color:#b95f50;border:1px solid #f5e1db;animation:ball-in .35s both}.back-group .number-ball{background:#ebf1f5;color:#537d9a;border-color:#dde8ee}.number-ball.ghost{color:#c7cdbe;background:#f3f5ee;border:1px solid #e9ede2}.back-group .number-ball.ghost{color:#b6c4c8;background:#f0f4f4;border-color:#e5ecec}.generate-button{width:100%;height:49px;background:#282d24;color:#fff;border:0;border-radius:13px;display:flex;align-items:center;justify-content:center;gap:10px;font:inherit;font-size:14px;letter-spacing:1px;transition:background .2s,transform .2s}.generate-button:hover:not(:disabled){background:#45543a;transform:translateY(-1px)}.generate-button:disabled{opacity:.65;cursor:wait}.generate-star{font-size:20px;color:#bbc8ac}.generate-arrow{position:absolute;right:44px;font-size:19px;color:#ccd3c3}.generate-button{position:relative}.generate-arrow{right:19px}.prediction-bottom{margin-top:13px;display:flex;justify-content:space-between;gap:10px;font-size:9px;color:#8b947e}.connection-state{color:#7e8b70}.connection-state.connected{color:#59784a}.connection-state.offline{color:#9c765c}.prediction-note{font-size:10px;line-height:1.8;color:#8a937e;margin:15px 0 0;white-space:pre-wrap}.prediction-error{font-size:11px;line-height:1.8;color:#a06d54;margin:12px 0 0}.schedule-note{font-size:10px;color:#808a74;text-align:center;line-height:1.8;min-height:18px;margin:13px 5px 0}.prediction-card[data-loading="true"] .number-ball{animation:ball-pulse 1s infinite}.prediction-card[data-loading="true"] .generate-star{animation:turn 2s linear infinite}@keyframes ball-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes ball-pulse{50%{opacity:.4}}@keyframes turn{to{transform:rotate(360deg)}}
@media(max-width:760px){.prediction-card{padding:18px 14px 16px}.prediction-toolbar{gap:8px}.game-select-wrap select{font-size:10px;padding:7px 22px 7px 8px}.prediction-date{font-size:9px}.number-groups{gap:10px;margin:26px 0 23px}.balls{gap:5px}.number-ball{height:35px;width:35px;font-size:15px}.number-group{gap:8px}.group-label{font-size:8px}.generate-button{height:47px;font-size:13px}.prediction-note{font-size:9px}.prediction-bottom{font-size:8px}.schedule-note{font-size:9px}.prediction .welcome{margin-bottom:28px}}
@media(max-width:370px){.balls{gap:4px}.number-ball{height:32px;width:32px;font-size:14px}.number-groups{gap:8px}.prediction-toolbar{gap:6px}.prediction-date{font-size:8px}.game-select-wrap select{font-size:9px}}
.prediction-toolbar .game-select-wrap{flex:1;min-width:0}.prediction-date{max-width:50%;white-space:normal;line-height:1.6;text-align:right}
.prediction-note{font-size:11px;color:#627153}.prediction-date{font-size:11px;color:#627153}.prediction-bottom{font-size:10px;color:#6b795d}.group-label{font-size:10px;color:#6b795d}.number-ball{color:#984736}.back-group .number-ball{color:#365e7b}.prediction .intro{font-size:13px}.schedule-note{color:#69775c}
@media(max-width:760px){.prediction-note{font-size:10.5px}.prediction-date{font-size:10px}.prediction-bottom{font-size:9px}.game-select-wrap select{font-size:11px}.group-label{font-size:9px}}