.predictions-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px;display:grid}.prediction-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:20px;flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.prediction-card:hover{border-color:#0000;transform:translateY(-1px);box-shadow:0 16px 36px #00000014}.prediction-card__glow{filter:blur(40px);opacity:.15;pointer-events:none;border-radius:50%;width:160px;height:160px;position:absolute;top:-60px;right:-60px}.prediction-card--high .prediction-card__glow{background:var(--accent-bright)}.prediction-card--medium .prediction-card__glow{background:var(--gold)}.prediction-card--low .prediction-card__glow{background:var(--text-muted)}.prediction-card__link{color:inherit;z-index:1;flex-direction:column;flex:1;padding:20px 20px 0;display:flex;position:relative}.prediction-card__header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.prediction-card__league{align-items:center;gap:7px;min-width:0;display:flex}.prediction-card__league-logo{object-fit:contain;flex-shrink:0;width:16px;height:16px}.prediction-card__league-name{color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;font-weight:700;overflow:hidden}.prediction-card__time{color:var(--text-muted);background:var(--bg-subtle);border-radius:20px;flex-shrink:0;padding:4px 9px;font-size:11px;font-weight:600}.prediction-card__teams{align-items:center;gap:12px;margin-bottom:20px;display:flex}.prediction-card__team{min-width:0;color:var(--text-primary);flex:1;align-items:center;gap:9px;font-size:14px;font-weight:800;display:flex}.prediction-card__team img{object-fit:contain;flex-shrink:0;width:28px;height:28px}.prediction-card__team span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.prediction-card__team--away{text-align:right;flex-direction:row-reverse}.prediction-card__vs{color:var(--border-strong);letter-spacing:.5px;flex-shrink:0;font-size:10px;font-weight:800}.prediction-card__pick-box{background:linear-gradient(180deg, var(--bg-subtle) 0%, var(--bg-subtle) 100%);border-radius:16px;padding:18px}.prediction-card__pick-top{justify-content:space-between;align-items:flex-start;margin-bottom:14px;display:flex}.prediction-card__market-tag{text-transform:uppercase;letter-spacing:.4px;color:var(--text-on-accent);border-radius:20px;padding:6px 13px;font-size:10.5px;font-weight:800}.prediction-card__market-tag--high{background:linear-gradient(135deg, var(--accent-bright), var(--accent-strong))}.prediction-card__market-tag--medium{background:linear-gradient(135deg, #ffbb50, var(--gold))}.prediction-card__market-tag--low{background:linear-gradient(135deg, var(--text-muted), var(--text-muted))}.prediction-card__confidence-ring{width:44px;height:44px;position:relative}.prediction-card__ring-svg{width:100%;height:100%;transform:rotate(-90deg)}.prediction-card__ring-bg{fill:none;stroke:var(--border);stroke-width:3px}.prediction-card__ring-fill{fill:none;stroke-width:3.5px;stroke-linecap:round;transition:stroke-dasharray .5s}.prediction-card__ring-fill--high{stroke:var(--accent)}.prediction-card__ring-fill--medium{stroke:var(--gold)}.prediction-card__ring-fill--low{stroke:var(--text-muted)}.prediction-card__ring-label{color:var(--text-primary);justify-content:center;align-items:center;font-size:12px;font-weight:800;display:flex;position:absolute;inset:0}.prediction-card__pick-value{color:var(--text-primary);letter-spacing:-.2px;margin-bottom:10px;font-size:19px;font-weight:800}.prediction-card__reasoning{color:var(--text-secondary);margin-bottom:14px;font-size:12.5px;line-height:1.65}.prediction-card__odd-row{border-top:1px solid var(--border);align-items:center;gap:9px;padding-top:14px;font-size:12px;display:flex}.prediction-card__odd-row .prediction-card__odd-value{margin-left:auto}.prediction-card__odd-label{color:var(--text-muted);flex-shrink:0}.prediction-card__odd-banner{color:var(--text-on-accent);white-space:nowrap;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;padding:6px 12px;font-size:11px;font-weight:800;display:inline-flex;box-shadow:0 2px 6px #0000001f}.prediction-card__odd-value{color:var(--accent);flex-shrink:0;font-size:16px;font-weight:800}.prediction-card__votes{z-index:1;margin-top:18px;position:relative}.prediction-card__vote-bar{background:#fdecef;height:3px}.prediction-card__vote-bar-fill{background:linear-gradient(90deg, var(--accent-bright), var(--accent));height:100%;transition:width .4s}.prediction-card__vote-buttons{border-top:1px solid var(--bg-tertiary);align-items:center;display:flex}.prediction-card__vote-btn{color:var(--text-muted);background:0 0;flex:1;justify-content:center;align-items:center;gap:7px;padding:14px 0;font-size:13px;font-weight:700;transition:background .2s,color .2s,transform .15s;display:flex}.prediction-card__vote-btn:hover{background:var(--bg-subtle);color:var(--text-secondary)}.prediction-card__vote-btn--pop{transform:scale(1.15)}.prediction-card__vote-btn--like.prediction-card__vote-btn--active{color:var(--accent);background:#00b86c1a}.prediction-card__vote-btn--dislike.prediction-card__vote-btn--active{color:var(--live-red);background:#e5344a1a}.prediction-card__vote-divider{background:var(--bg-tertiary);flex-shrink:0;width:1px;height:20px}.predictions-empty{text-align:center;color:var(--text-muted);background:linear-gradient(180deg, var(--bg-subtle), var(--bg-subtle));border-radius:20px;flex-direction:column;align-items:center;gap:12px;padding:70px 20px;font-size:14px;display:flex}.predictions-empty svg{color:var(--border-strong)}.pv-toast{z-index:120;background:var(--accent);max-width:calc(100vw - 32px);color:var(--text-on-accent);border-radius:14px;align-items:center;gap:14px;padding:13px 18px;font-size:14px;font-weight:700;animation:.25s pv-toast-in;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 16px 40px #0f172a59}.pv-toast__link{background:var(--accent);color:var(--text-on-accent);border-radius:8px;flex-shrink:0;padding:7px 14px;font-size:13px;font-weight:800}.pv-toast__link:hover{background:var(--accent-hover)}@keyframes pv-toast-in{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}@media (max-width:960px){.pv-toast{bottom:88px}}@media (max-width:480px){.predictions-grid{grid-template-columns:1fr}}.prediction-card__votes-label{color:var(--text-muted);justify-content:space-between;align-items:center;padding:0 20px 10px;font-size:11px;font-weight:600;display:flex}.prediction-card__votes-total{color:var(--text-secondary);font-weight:700}.prediction-card__vote-text{font-weight:700}.prediction-card__vote-count{color:inherit;opacity:.7;font-weight:800}@media (max-width:380px){.prediction-card__vote-text{display:none}}.prediction-card__confidence-wrap{flex-direction:column;align-items:center;gap:4px;display:flex}.prediction-card__confidence-caption{color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px;font-size:9px;font-weight:700}:root[data-theme=dark] .prediction-card__vote-bar{background:#ff5b7033}
.hub{flex-direction:column;gap:24px;padding-bottom:72px;display:flex}.hub-hero{color:var(--text-on-accent);background:radial-gradient(circle at 10% 15%,#00d47e4d,#0000 45%),radial-gradient(circle at 92% 85%,#3b82f63d,#0000 45%),linear-gradient(135deg,#0b1220,#111d2e);border-radius:24px;justify-content:space-between;align-items:center;gap:28px;padding:36px 40px;display:flex}.hub-hero__eyebrow{letter-spacing:1.2px;text-transform:uppercase;color:var(--accent-bright);font-size:12px;font-weight:800}.hub-hero__title{letter-spacing:-.7px;margin:10px 0 12px;font-size:38px;font-weight:800;line-height:1.12}.hub-hero__text{color:#ffffffb8;max-width:560px;font-size:15px;line-height:1.65}.hub-add{background:linear-gradient(135deg, var(--accent-bright), var(--accent-strong));color:var(--text-on-accent);border-radius:14px;flex-shrink:0;align-items:center;gap:10px;padding:15px 26px;font-size:15px;font-weight:800;transition:transform .18s,box-shadow .18s;display:inline-flex;box-shadow:0 12px 30px #00b86c73}.hub-add:hover{transform:translateY(-2px);box-shadow:0 16px 36px #00b86c8c}.hub-tabs{background:var(--bg-tertiary);scrollbar-width:none;border-radius:14px;gap:6px;width:fit-content;max-width:100%;padding:5px;display:flex;overflow-x:auto}.hub-tabs::-webkit-scrollbar{display:none}.hub-tab{color:var(--text-secondary);white-space:nowrap;background:0 0;border-radius:10px;padding:10px 20px;font-size:14px;font-weight:700;transition:background .15s,color .15s,box-shadow .15s}.hub-tab:hover{color:var(--text-primary)}.hub-tab--active{background:var(--bg-secondary);color:var(--text-primary);box-shadow:0 2px 8px #0f172a1a}.hub-content{min-width:0}.hub-info{border-top:1px solid var(--border);flex-direction:column;gap:20px;margin-top:16px;padding-top:32px;display:flex}.hub-info__title{color:var(--text-primary);font-size:22px;font-weight:800}.hub-steps{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;display:grid}.hub-step{border:1px solid var(--border);background:var(--bg-secondary);border-radius:18px;padding:20px}.hub-step__num{width:34px;height:34px;color:var(--accent-strong);background:#00b86c1f;border-radius:10px;justify-content:center;align-items:center;margin-bottom:14px;font-size:15px;font-weight:800;display:flex}.hub-step__title{color:var(--text-primary);margin-bottom:6px;font-size:16px;font-weight:800}.hub-step__text{color:var(--text-secondary);font-size:13.5px;line-height:1.6}.hub-info__cols{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;display:grid}.hub-box{border:1px solid var(--border);background:var(--bg-secondary);border-radius:18px;padding:22px}.hub-box__title{color:var(--text-primary);margin-bottom:14px;font-size:16px;font-weight:800}.hub-list{flex-direction:column;gap:10px;list-style:none;display:flex}.hub-list li{color:var(--text-strong);padding-left:18px;font-size:13.5px;line-height:1.55;position:relative}.hub-list li:before{content:"";background:var(--accent);border-radius:50%;width:7px;height:7px;position:absolute;top:8px;left:0}.hub-list--tiers li{align-items:center;gap:12px;padding-left:0;display:flex}.hub-list--tiers li:before{display:none}.hub-list--tiers .tp-tier{justify-content:center;min-width:96px}.hub-disclaimer{color:var(--text-muted);font-size:12px;line-height:1.6}.hub-toast{z-index:300;background:var(--accent);color:var(--text-on-accent);border-radius:12px;padding:13px 22px;font-size:14px;font-weight:700;animation:.25s hub-toast-in;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 16px 40px #0f172a59}@keyframes hub-toast-in{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}@media (max-width:760px){.hub-hero{border-radius:18px;flex-direction:column;align-items:flex-start;padding:26px 22px}.hub-hero__title{font-size:28px}.hub-add{justify-content:center;width:100%}.hub-tabs{width:100%}.hub-tab{flex:1;padding:10px 14px}}
.predictions-page{max-width:1200px;margin:32px auto}.predictions-page__title{color:var(--text-primary);margin-bottom:8px;font-size:28px;font-weight:800}.predictions-page__subtitle{color:var(--text-secondary);max-width:640px;margin-bottom:24px;font-size:14px}