.prediction-planner{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:14px 16px;margin-bottom:12px;border:1px solid var(--line);border-radius:15px;background:#091827}.prediction-mode-tabs{display:flex;gap:5px;padding:4px;background:#06121f;border:1px solid #172c42;border-radius:11px}.prediction-mode{border:0;background:transparent;color:#70859b;border-radius:8px;padding:9px 13px;font-size:10px;font-weight:800;transition:.2s}.prediction-mode:hover{color:#b8cadb}.prediction-mode.active{color:#eaffff;background:#123047;box-shadow:inset 0 0 0 1px rgba(39,211,226,.25)}.budget-control{display:flex;align-items:center;gap:8px}.budget-control label{display:flex;align-items:center;gap:7px}.budget-control label span{font-size:8px;letter-spacing:1.2px;color:#61778e;font-weight:800}.budget-control label b{color:var(--cyan);font-size:11px}.budget-control input{width:92px;height:39px;border:1px solid #294057;background:#071522;color:#f1fbff;border-radius:9px;padding:0 11px;outline:0;font-weight:800}.budget-control input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(39,211,226,.08)}.budget-strip{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:12px;margin-bottom:18px;padding:10px 15px;border-radius:10px;background:rgba(39,211,226,.055);border:1px solid rgba(39,211,226,.16);font-size:10px}.budget-strip span{color:#91a8bc}.budget-strip b{color:var(--cyan);font-size:14px}.budget-strip small{color:#587087;text-align:right}.prediction-view{display:none}.prediction-view.active{display:block;animation:fade .22s ease}.planner-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin:24px 0 18px}.planner-heading h2{margin:3px 0 5px;font-size:25px}.planner-heading p{margin:0;color:var(--muted);max-width:760px}.strategy-badge{border-radius:9px;padding:8px 11px;font-size:9px;letter-spacing:1px;text-transform:uppercase;font-weight:900;white-space:nowrap}.strategy-badge.full{color:var(--green);border:1px solid rgba(62,230,154,.3);background:rgba(62,230,154,.07)}.strategy-badge.ez{color:var(--amber);border:1px solid rgba(255,189,89,.3);background:rgba(255,189,89,.07)}.plan-metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.plan-metric{padding:17px;border:1px solid var(--line);border-radius:13px;background:#0c1a2b}.plan-metric small{display:block;color:#667d93;font-size:8px;letter-spacing:.8px;text-transform:uppercase}.plan-metric b{display:block;font-size:19px;margin:5px 0 1px}.plan-metric em{font-size:8px;color:#526a80;font-style:normal}.candidate-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.candidate-card{position:relative;border:1px solid var(--line);background:linear-gradient(145deg,#0e2033,#0a1828);border-radius:15px;padding:20px;overflow:hidden}.candidate-card.recommended{border-color:rgba(39,211,226,.42);box-shadow:0 12px 35px rgba(39,211,226,.06)}.candidate-card:after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;right:-80px;top:-90px;background:rgba(39,211,226,.05)}.candidate-head{position:relative;display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;z-index:1}.candidate-head b{font-size:11px}.candidate-head span{font-size:8px;color:#62798f;text-transform:uppercase}.candidate-card .lotto-row{position:relative;z-index:1;gap:6px}.candidate-card .lotto-ball{width:33px;height:33px;font-size:10px}.candidate-foot{display:flex;justify-content:space-between;margin-top:16px;padding-top:11px;border-top:1px solid #172c41;color:#627a90;font-size:8px}.planner-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:18px}.budget-ladder{display:grid;gap:7px;margin-top:14px}.ladder-row{display:grid;grid-template-columns:70px 1fr auto;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid #142940;font-size:10px}.ladder-row span{color:#8da2b7}.ladder-row i{height:5px;border-radius:4px;background:#172d42;overflow:hidden}.ladder-row i:after{content:"";display:block;height:100%;width:var(--fill);background:linear-gradient(90deg,var(--cyan2),var(--cyan))}.ladder-row b{font-size:9px}.ladder-row.unavailable{opacity:.34}.ez-strategy-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.strategy-card{border:1px solid var(--line);background:#0c1a2b;border-radius:16px;padding:21px}.strategy-card.recommended{border-color:rgba(39,211,226,.4)}.strategy-title{display:flex;justify-content:space-between;align-items:flex-start}.strategy-title h3{margin:2px 0}.strategy-title .tag{color:var(--cyan)}.strategy-numbers{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:17px 0}.strategy-stat{padding:10px;background:#091827;border-radius:9px}.strategy-stat small{display:block;font-size:7px;color:#5d748b;text-transform:uppercase}.strategy-stat b{display:block;font-size:12px;margin-top:3px}.strategy-card .insight{margin-top:13px;font-size:10px;padding:11px}.payout-guide{margin-top:18px}.payout-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:16px}.payout-cell{padding:11px;border:1px solid #172c41;background:#091827;border-radius:9px}.payout-cell small{display:block;color:#60768b;font-size:7px;text-transform:uppercase}.payout-cell b{display:block;margin-top:4px;font-size:12px}.planner-empty{grid-column:1/-1;border:1px dashed #294057;border-radius:14px;padding:30px;text-align:center;color:#61778d}.planner-empty b{display:block;color:#a7bbce;margin-bottom:5px}
@media(max-width:1100px){.prediction-planner{align-items:flex-start;flex-direction:column}.budget-control{width:100%}.budget-control input{flex:1}.plan-metrics{grid-template-columns:repeat(3,1fr)}.candidate-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.prediction-mode-tabs{width:100%;overflow:auto}.prediction-mode{white-space:nowrap}.budget-control{flex-wrap:wrap}.budget-control label{width:100%}.budget-control .btn{flex:1;justify-content:center}.budget-strip{grid-template-columns:auto auto}.budget-strip small{grid-column:1/-1;text-align:left}.plan-metrics{grid-template-columns:repeat(2,1fr)}.candidate-grid,.planner-grid,.ez-strategy-grid{grid-template-columns:1fr}.strategy-numbers,.payout-grid{grid-template-columns:repeat(2,1fr)}.planner-heading{flex-direction:column}}
