.pred-page{max-width:1200px;margin:0 auto;padding:2.5rem 1.5rem 4rem}.pred-section{margin-top:2rem}.pred-tabs{display:flex;gap:0;margin-bottom:2.5rem;border-bottom:1px solid #1a2332}.pred-tab{padding:.75rem 1.5rem;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-muted,#7a8698);font-family:Futura,Jost,sans-serif;font-size:.8125rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:color .2s,border-color .2s;margin-bottom:-1px}.pred-tab:hover{color:var(--text-secondary,#9ba5b4)}.pred-tab--active{color:var(--text-primary,#e2e8f0);border-bottom-color:var(--accent-blue,#1e90ff)}.pred-filter-bar{display:flex;align-items:center;gap:.75rem;margin-bottom:2rem;flex-wrap:wrap}.pred-dd{position:relative}.pred-dd-trigger{display:inline-flex;align-items:center;gap:8px;padding:.5rem .75rem;background:rgba(10,14,20,.8);border:1px solid #1a2332;border-radius:6px;color:#7a8698;font-family:var(--font-mono);font-size:.8rem;font-weight:700;letter-spacing:.06em;cursor:pointer;transition:border-color .15s,color .15s;min-width:120px}.pred-dd-trigger:hover{border-color:#2a3a4e;color:#c9d1d9}.pred-dd-trigger--active{color:#e2e8f0;border-color:#2a3a4e}.pred-dd-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.pred-dd-text{flex:1 1}.pred-dd-caret{flex-shrink:0;opacity:.5}.pred-dd-menu{position:absolute;top:calc(100% + 4px);left:0;min-width:240px;max-height:320px;overflow-y:auto;background:#060a0f;border:1px solid #1a2332;border-radius:6px;box-shadow:0 8px 32px rgba(0,0,0,.5);z-index:100;scrollbar-width:thin;scrollbar-color:#1a2332 transparent}.pred-dd-item{display:flex;align-items:center;gap:8px;width:100%;padding:.5rem .75rem;border:none;background:none;color:#8892a4;font-family:var(--font-mono);font-size:.8rem;font-weight:600;cursor:pointer;text-align:left;transition:background .1s,color .1s}.pred-dd-item:hover{background:#111a25;color:#e2e8f0}.pred-dd-item--on{color:var(--accent-blue,#1a8cff)}.pred-dd-fullname{color:#4a5568;font-size:.7rem;margin-left:auto}.pred-sort-btns{display:flex;gap:0;border:1px solid #1a2332;border-radius:6px;overflow:hidden}.pred-sort-btn{padding:.5rem 1rem;background:transparent;border:none;border-right:1px solid #1a2332;color:var(--text-muted,#7a8698);font-family:Futura,Jost,sans-serif;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:all .15s}.pred-sort-btn:last-child{border-right:none}.pred-sort-btn:hover{color:var(--text-secondary,#9ba5b4);background:rgba(30,144,255,.04)}.pred-sort-btn--active{background:rgba(30,144,255,.08);color:var(--text-primary,#e2e8f0)}.pred-empty{color:var(--text-muted,#7a8698);font-family:Futura,Jost,sans-serif;font-size:.9rem;text-align:center;padding:4rem 1rem}.pred-empty code{background:rgba(30,144,255,.08);padding:.2rem .5rem;border-radius:4px;font-size:.85rem;color:var(--text-secondary,#9ba5b4)}.pred-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));grid-gap:0;gap:0}@media (max-width:900px){.pred-card-grid{grid-template-columns:1fr}}.pred-card{background:transparent;border:none;border-top:1px solid #1a2332;padding:1.5rem 1.25rem 1.5rem 0;overflow:hidden}.pred-card-grid .pred-card:nth-child(2n){padding-left:1.25rem;padding-right:0}.pred-card-header{display:flex;align-items:baseline;gap:.5rem;margin-bottom:1.25rem;font-family:Futura,Jost,sans-serif;font-size:.6875rem;font-weight:600;color:var(--text-muted,#7a8698)}.pred-card-match-no{font-family:Futura,Jost,sans-serif;font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary,#9ba5b4);white-space:nowrap}.pred-card-date{color:var(--text-muted,#7a8698);white-space:nowrap}.pred-card-venue{color:var(--text-faint,#5a6a7e);margin-left:auto;font-size:.625rem;text-align:right;max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pred-card-prob{margin-bottom:1rem}.pred-card-teams{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}.pred-card-team-name{font-family:Bebas Neue,sans-serif;font-size:2rem;letter-spacing:.04em;line-height:1;flex:1 1}.pred-card-team-name:first-child{text-align:left}.pred-card-team-name:last-child{text-align:right}.pred-card-vs{font-family:Futura,Jost,sans-serif;font-size:.625rem;font-weight:700;color:var(--text-faint,#5a6a7e);text-transform:uppercase;letter-spacing:.15em;flex-shrink:0}.pred-card-bar{display:flex;height:3px;border-radius:1.5px;overflow:hidden;gap:2px;margin-bottom:.5rem}.pred-card-bar-fill{height:100%;border-radius:1.5px;transition:width .4s cubic-bezier(.22,1,.36,1)}.pred-card-pcts{display:flex;justify-content:space-between;font-family:Bebas Neue,sans-serif;font-size:1.25rem;letter-spacing:.02em;margin-bottom:.15rem}.pred-card-context{display:flex;align-items:center;gap:8px;font-family:Futura,Jost,sans-serif;font-size:.8125rem;font-weight:700;letter-spacing:.06em;line-height:1;flex-wrap:wrap;color:var(--text-secondary,#9ba5b4)}.pred-ctx-sep{color:var(--text-muted,#7a8698);font-size:.625rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pred-ctx-label{letter-spacing:.1em;text-transform:uppercase;margin-right:2px}.pred-ctx-even,.pred-ctx-label{color:var(--text-secondary,#9ba5b4);font-size:.75rem}.pred-ctx-even{letter-spacing:.08em}.pred-ctx-venue{color:var(--text-secondary,#9ba5b4);font-size:.75rem;letter-spacing:.04em}@media (max-width:768px){.pred-page{padding:1.5rem 1rem 3rem}.pred-card-grid{grid-template-columns:1fr}.pred-card{padding-left:0!important;padding-right:0!important}.pred-card-team-name{font-size:1.5rem}.pred-card-pcts{font-size:1.1rem}.pred-filter-bar{gap:.5rem}.pred-dd-trigger{min-width:100px;font-size:.75rem}.pred-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.pred-tab{white-space:nowrap;padding:.6rem 1rem;font-size:.75rem}.pred-card-venue{max-width:100%;margin-left:0}}