@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap");:root{--dark-background:#1a1a2e;--card-bg:#242442;--purple-header:#b957d5;--text-color:#ffffff;--success-green:#38b000;--loss-red:#ff3333;--draw-orange:#ffa500;--border-color:rgba(255,255,255,0.1);--card-border-radius:10px;--card-padding:10px;--tick-color:#38b000;--failed-color:#ff3333;--muted:rgba(255,255,255,0.6)}*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:Poppins,sans-serif}.prediction-list-root{flex-direction:column;gap:12px}.header-wrap,.prediction-list-root{width:100%;display:flex;align-items:center}.header-wrap{max-width:850px;justify-content:space-between;padding:6px 10px}.tips-header{color:var(--purple-header);margin:0;font-size:1.1rem}.date-nav{display:flex;align-items:center;gap:10px}.nav-btn{background:var(--purple-header);border:none;color:white;padding:6px 10px;border-radius:6px;cursor:pointer;font-weight:600;font-size:.85rem}.loading,.no-data{color:#cfcfcf;padding:18px;text-align:center;font-size:.9rem}.cards-grid{width:100%;max-width:850px;display:grid;gap:14px;grid-template-columns:1fr}.prediction-card-wrapper{width:100%;background-color:var(--card-bg);border-radius:var(--card-border-radius);overflow:hidden;box-shadow:0 6px 12px rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.03)}.card-header-horizontal{background-color:var(--purple-header);padding:8px var(--card-padding);text-align:left;font-weight:400;font-size:.9rem;justify-content:space-between;color:var(--text-color)}.card-header-horizontal,.header-left{display:flex;align-items:center;gap:8px}.flag-icon{width:16px;height:auto;border-radius:3px;filter:invert(1)}.live-button{background-color:#ff3333;color:white;padding:3px 6px;font-size:.65rem;font-weight:600;border-radius:4px;text-transform:uppercase;display:inline-block}.live-button.correct{border:1px solid var(--success-green);color:white;background-color:var(--success-green)}.live-button.failed{border:1px solid var(--failed-color);color:var(--failed-color);background-color:transparent}.live-blinker{animation:blinker 1.5s linear infinite}@keyframes blinker{50%{opacity:.4}}.main-content-horizontal{display:flex;align-items:center;padding:0;border-bottom:1px solid var(--border-color)}.match-info-section-horizontal{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding:var(--card-padding);flex-basis:50%;width:55%}.team-section{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:100px}.team-name{font-size:.85rem;font-weight:400;text-align:center;white-space:nowrap;color:white}.form-guide{display:flex;gap:4px;flex-grow:1}.form-item{width:18px;height:18px;display:flex;justify-content:center;align-items:center;font-weight:400;border-radius:20%;font-size:.65rem;box-sizing:border-box;border:1px solid;background:transparent}.win{border-color:#5ab15a;color:#5ab15a}.draw{border-color:#d1b15a;color:#d1b15a}.loss{border-color:#d15a5a;color:#d15a5a}.null{border-color:#aaa;color:#aaa}.score-container{display:flex;align-items:center;justify-content:center;gap:6px;font-size:1.2rem;font-weight:600;width:80px;text-align:center;flex-shrink:0;color:var(--purple-header)}.team-score{width:26px;text-align:center;color:white}.separator{width:1px;background-color:var(--border-color);align-self:stretch;margin:0}.prediction-info-section{display:grid;grid-template-columns:repeat(3,1fr);flex-basis:45%;gap:8px;padding:var(--card-padding);width:45%}.prediction-item{display:flex;flex-direction:column;align-items:center}.prediction-label{font-size:.6rem;font-weight:400;color:#aaa;text-transform:uppercase;margin-bottom:4px}.prediction-value{font-size:.9rem;font-weight:400;text-align:center;color:white}.tip-value{background:linear-gradient(45deg,#a43aeb,#b957d5);color:var(--text-color);font-weight:400;padding:6px 12px;border-radius:20px;box-shadow:0 3px 8px rgba(138,43,226,.4);font-size:.85rem}.other-tips-section{padding:var(--card-padding)}.other-tips-header{font-size:.9rem;font-weight:400;margin-bottom:8px;color:var(--text-color)}.other-tips-grid{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-start}.tip-pair{display:flex;border:1px solid rgba(255,255,255,.12);border-radius:18px;overflow:hidden;background-color:rgba(255,255,255,.03);transition:transform .2s ease;position:relative}.tip-pair.correct{border-color:var(--tick-color);background-color:rgba(56,176,0,.12)}.tip-pair.correct .tip-pair-value{color:var(--tick-color)}.tip-pair.failed{border-color:var(--failed-color);background-color:rgba(255,51,51,.08)}.tip-pair.failed .tip-pair-value{color:var(--failed-color)}.tip-pair-label,.tip-pair-value{padding:4px 8px;font-size:.6rem;font-weight:400;text-align:center}.tip-pair-label.long{font-size:.65rem;padding:4px 6px}.tip-pair-label{background-color:rgba(255,255,255,.06);border-right:1px solid rgba(255,255,255,.06);white-space:nowrap;color:var(--muted)}.tip-pair-value{color:var(--purple-header);white-space:nowrap}@media (max-width:900px){.cards-grid{gap:10px;grid-template-columns:1fr;padding:0 6px 16px}.match-info-section-horizontal{width:100%;flex-basis:auto;justify-content:center;gap:12px}.prediction-info-section{width:100%;flex-basis:auto;grid-template-columns:repeat(3,1fr)}.separator{display:none}}@media (max-width:450px){.prediction-info-section{grid-template-columns:1fr 1fr;gap:6px}.tip-pair{flex-grow:1}.team-name{font-size:.7rem}.form-item{width:22px;height:22px;font-weight:400;border-radius:20%;font-size:.5rem;box-sizing:border-box;border:1px solid;background:transparent}.form-item,.score-container{display:flex;justify-content:center;align-items:center}.score-container{gap:6px;font-size:1rem;font-weight:500;width:40px;text-align:center;flex-shrink:0;color:var(--purple-header)}}.ft-badge{background-color:#22c55e;animation:none!important}