:root{color-scheme:light only}.predictions-container{min-height:100vh;background:linear-gradient(180deg,var(--white) 0%,rgba(27,64,43,.03) 100%);padding:var(--spacing-lg)}.predictions-content{max-width:600px;margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-xl);padding-top:70px}.predictions-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 0}.back-link{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--text-secondary);text-decoration:none;font-size:14px;font-weight:500;transition:color var(--animation-duration) var(--ease-in-out)}.back-link:hover{color:var(--primary-green)}.back-link i{font-size:12px}.header-logo img{border-radius:12px}.page-nav{display:flex;align-items:center;padding:var(--spacing-md);padding-top:var(--spacing-lg)}.nav-home-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:var(--primary-green);color:var(--white);text-decoration:none;transition:all .2s ease}.nav-home-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px #1b402b4d}.nav-home-btn i{font-size:18px}.page-title-section{text-align:center;padding:0 var(--spacing-md)}.page-title{font-size:32px;font-weight:700;color:var(--primary-green);margin:0 0 var(--spacing-sm) 0;display:flex;align-items:center;justify-content:center;gap:var(--spacing-md)}.page-title i{font-size:28px}.page-subtitle{font-size:16px;color:var(--text-secondary);margin:0}.section-title{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-md) 0;display:flex;align-items:center;gap:var(--spacing-sm)}.section-title i{color:var(--primary-green)}.current-rate-card{background:linear-gradient(135deg,var(--primary-green) 0%,rgb(35,80,55) 100%);border-radius:20px;padding:var(--spacing-xl);color:var(--white);box-shadow:0 8px 32px #1b402b40;text-align:center}.rate-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);font-size:14px;opacity:.9}.rate-card-value{display:flex;align-items:baseline;justify-content:center;gap:var(--spacing-xs)}.rate-currency{font-size:24px;font-weight:500}.rate-amount{font-size:48px;font-weight:700;letter-spacing:-1px}.voting-section{background-color:var(--white);border-radius:20px;padding:var(--spacing-xl);box-shadow:0 4px 20px #00000014;border:1px solid rgba(27,64,43,.1)}.voting-header{text-align:center;margin-bottom:var(--spacing-xl)}.voting-title{font-size:22px;font-weight:700;color:var(--text-primary);margin:0 0 var(--spacing-sm) 0;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.voting-title i{color:var(--primary-green)}.voting-subtitle{font-size:14px;color:var(--text-secondary);margin:0}.vote-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}.vote-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-xl) var(--spacing-md);border:3px solid transparent;border-radius:16px;cursor:pointer;font-family:var(--font-family);font-size:16px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.vote-btn:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;transition:opacity .3s ease}.vote-btn:hover:before{opacity:.1}.vote-btn i{font-size:32px}.vote-up{background:linear-gradient(135deg,#22c55e1a,#22c55e0d);color:#16a34a;border-color:#22c55e4d}.vote-up:before{background-color:#22c55e}.vote-up:hover{border-color:#22c55e;transform:translateY(-4px);box-shadow:0 8px 24px #22c55e40}.vote-up.selected{background:linear-gradient(135deg,#22c55e,#16a34a);color:var(--white);border-color:#16a34a}.vote-same{background:linear-gradient(135deg,#f59e0b1a,#f59e0b0d);color:#d97706;border-color:#f59e0b4d}.vote-same:before{background-color:#f59e0b}.vote-same:hover{border-color:#f59e0b;transform:translateY(-4px);box-shadow:0 8px 24px #f59e0b40}.vote-same.selected{background:linear-gradient(135deg,#f59e0b,#d97706);color:var(--white);border-color:#d97706}.vote-down{background:linear-gradient(135deg,#ef44441a,#ef44440d);color:#dc2626;border-color:#ef44444d}.vote-down:before{background-color:#ef4444}.vote-down:hover{border-color:#ef4444;transform:translateY(-4px);box-shadow:0 8px 24px #ef444440}.vote-down.selected{background:linear-gradient(135deg,#ef4444,#dc2626);color:var(--white);border-color:#dc2626}.vote-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.user-vote-display{margin-top:var(--spacing-xl);text-align:center}.user-vote-badge{display:inline-flex;align-items:center;gap:var(--spacing-sm);background-color:#1b402b14;padding:var(--spacing-md) var(--spacing-lg);border-radius:12px;font-size:15px;color:var(--primary-green)}.user-vote-badge i{font-size:18px}.vote-change-hint{margin-top:var(--spacing-md);font-size:13px;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs)}.vote-change-hint i{font-size:12px}.voting-closed-state{text-align:center;padding:var(--spacing-xl)}.closed-icon{width:80px;height:80px;background:linear-gradient(135deg,#6b72801a,#6b72800d);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-lg)}.closed-icon i{font-size:36px;color:#6b7280}.closed-title{font-size:22px;font-weight:700;color:var(--text-primary);margin:0 0 var(--spacing-sm) 0}.closed-subtitle{font-size:14px;color:var(--text-secondary);margin:0 0 var(--spacing-lg) 0}.countdown-timer{font-size:18px;font-weight:600;color:var(--primary-green)}.countdown-timer span{font-family:Roboto Mono,monospace}.community-stats-card{background-color:var(--white);border-radius:16px;padding:var(--spacing-lg);box-shadow:0 4px 20px #00000014;border:1px solid rgba(27,64,43,.1)}.total-votes{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);font-size:15px}.total-label{color:var(--text-secondary)}.total-value{font-weight:700;font-size:20px;color:var(--primary-green)}.distribution-chart{margin-top:var(--spacing-md)}.distribution-bar{display:flex;height:32px;border-radius:16px;overflow:hidden;background-color:#1b402b0d}.bar-segment{display:flex;align-items:center;justify-content:center;transition:width .5s cubic-bezier(.4,0,.2,1);min-width:0}.bar-up{background:linear-gradient(135deg,#22c55e,#16a34a)}.bar-same{background:linear-gradient(135deg,#f59e0b,#d97706)}.bar-down{background:linear-gradient(135deg,#ef4444,#dc2626)}.segment-label{font-size:11px;font-weight:600;color:var(--white);white-space:nowrap}.distribution-legend{display:flex;justify-content:space-around;margin-top:var(--spacing-md)}.legend-item{display:flex;align-items:center;gap:var(--spacing-xs);font-size:13px}.legend-color{width:12px;height:12px;border-radius:4px}.legend-up .legend-color{background-color:#22c55e}.legend-same .legend-color{background-color:#f59e0b}.legend-down .legend-color{background-color:#ef4444}.legend-text{color:var(--text-secondary)}.legend-percent{font-weight:600;color:var(--text-primary)}.user-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.stat-card{background-color:var(--white);border-radius:16px;padding:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-md);box-shadow:0 4px 20px #0000000f;border:1px solid rgba(27,64,43,.08);transition:transform .3s ease,box-shadow .3s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001a}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px}.streak-card .stat-icon{background:linear-gradient(135deg,#ef44441a,#ef44440d);color:#ef4444}.best-streak-card .stat-icon{background:linear-gradient(135deg,#f59e0b1a,#f59e0b0d);color:#f59e0b}.accuracy-card .stat-icon{background:linear-gradient(135deg,#22c55e1a,#22c55e0d);color:#22c55e}.total-card .stat-icon{background:linear-gradient(135deg,#3b82f61a,#3b82f60d);color:#3b82f6}.stat-details{display:flex;flex-direction:column;gap:2px}.stat-value{font-size:24px;font-weight:700;color:var(--text-primary)}.stat-label{font-size:13px;color:var(--text-secondary)}.result-card{background-color:var(--white);border-radius:16px;padding:var(--spacing-lg);box-shadow:0 4px 20px #00000014;border:1px solid rgba(27,64,43,.1);min-height:120px}.result-loading,.no-result{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-xl);color:var(--text-secondary);font-size:14px}.result-loading .loading-spinner{width:32px;height:32px;border:3px solid rgba(27,64,43,.1);border-top-color:var(--primary-green);border-radius:50%;animation:spin 1s linear infinite}.no-result i{font-size:36px;opacity:.5}.result-content{display:flex;flex-direction:column;gap:var(--spacing-md)}.result-header{display:flex;justify-content:space-between;align-items:center}.result-date{font-size:14px;color:var(--text-secondary)}.result-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);border-radius:20px;font-size:12px;font-weight:600}.result-badge.correct{background-color:#22c55e1a;color:#16a34a}.result-badge.incorrect{background-color:#ef44441a;color:#dc2626}.result-badge.pending{background-color:#6b72801a;color:#6b7280}.result-direction{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background-color:#1b402b08;border-radius:12px}.direction-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px}.direction-icon.up{background:linear-gradient(135deg,#22c55e,#16a34a);color:var(--white)}.direction-icon.same{background:linear-gradient(135deg,#f59e0b,#d97706);color:var(--white)}.direction-icon.down{background:linear-gradient(135deg,#ef4444,#dc2626);color:var(--white)}.direction-details{display:flex;flex-direction:column;gap:2px}.direction-text{font-size:16px;font-weight:600;color:var(--text-primary)}.rate-change{font-size:14px;color:var(--text-secondary)}.rate-change.positive{color:#16a34a}.rate-change.negative{color:#dc2626}.result-user{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background-color:#22c55e0d;border-radius:12px;border:1px solid rgba(34,197,94,.2)}.result-user.incorrect{background-color:#ef44440d;border-color:#ef444433}.user-prediction{display:flex;align-items:center;gap:var(--spacing-sm);font-size:14px}.prediction-label{color:var(--text-secondary)}.prediction-value{font-weight:600;color:var(--text-primary)}.user-result{display:flex;align-items:center;gap:var(--spacing-xs);font-size:14px;font-weight:600;color:#16a34a}.user-result.incorrect{color:#dc2626}.result-community{text-align:center;font-size:13px;color:var(--text-secondary);padding-top:var(--spacing-sm);border-top:1px solid rgba(27,64,43,.1)}.cta-card{background:linear-gradient(135deg,var(--primary-green) 0%,rgb(35,80,55) 100%);border-radius:20px;padding:var(--spacing-xl);text-align:center;color:var(--white)}.cta-icon{width:64px;height:64px;background-color:#ffffff26;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-md)}.cta-icon i{font-size:28px}.cta-title{font-size:22px;font-weight:700;margin:0 0 var(--spacing-sm) 0}.cta-text{font-size:14px;opacity:.9;margin:0 0 var(--spacing-lg) 0;line-height:1.5}.cta-button{display:inline-flex;align-items:center;gap:var(--spacing-sm);background-color:var(--white);color:var(--primary-green);padding:var(--spacing-md) var(--spacing-xl);border-radius:12px;font-size:16px;font-weight:600;text-decoration:none;transition:all .3s ease}.cta-button:hover{background-color:var(--white);color:var(--primary-green);transform:translateY(-2px);box-shadow:0 8px 24px #0003}.predictions-message{position:fixed;bottom:var(--spacing-lg);left:50%;transform:translate(-50%);padding:var(--spacing-md) var(--spacing-lg);border-radius:12px;font-size:14px;display:flex;align-items:center;gap:var(--spacing-sm);z-index:1000;animation:slideUp .3s ease;max-width:90%}.predictions-message.success{background-color:#22c55e;color:var(--white)}.predictions-message.error{background-color:#ef4444;color:var(--white)}.predictions-message.info{background-color:var(--primary-green);color:var(--white)}.participation-section{margin-top:var(--spacing-lg)}.participation-card{background-color:var(--white);border-radius:16px;padding:var(--spacing-lg);box-shadow:0 4px 20px #00000014;border:1px solid rgba(27,64,43,.1)}.participation-stats{display:flex;justify-content:space-around;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg);border-bottom:1px solid rgba(27,64,43,.1)}.participation-stat{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1}.participation-stat .stat-value{font-size:24px;font-weight:700;color:var(--primary-green)}.participation-stat .stat-label{font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.participation-chart-container{position:relative;height:200px;width:100%}.participation-chart-container canvas{width:100%!important;height:100%!important}.chart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);height:100%;color:var(--text-secondary);font-size:14px;text-align:center}.chart-empty i{font-size:36px;opacity:.4}.leaderboard-section{margin-top:var(--spacing-xl)}.leaderboard-tabs{display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-lg);overflow-x:auto;padding-bottom:var(--spacing-sm);-webkit-overflow-scrolling:touch;scrollbar-width:none}.leaderboard-tabs::-webkit-scrollbar{display:none}.leaderboard-tab{display:flex;flex-direction:column;align-items:center;gap:4px;padding:var(--spacing-sm) var(--spacing-md);min-width:64px;background-color:var(--white);border:2px solid rgba(27,64,43,.15);border-radius:12px;color:var(--text-secondary);font-size:11px;font-weight:600;cursor:pointer;transition:all .3s ease;flex-shrink:0}.leaderboard-tab i{font-size:16px}.leaderboard-tab:hover{border-color:var(--primary-green);color:var(--primary-green);transform:translateY(-2px)}.leaderboard-tab.active{background:linear-gradient(135deg,var(--primary-green) 0%,rgb(35,80,55) 100%);color:var(--white);border-color:var(--primary-green);box-shadow:0 4px 12px #1b402b4d}.leaderboard-card{background-color:var(--white);border-radius:20px;padding:var(--spacing-lg);box-shadow:0 4px 20px #00000014;border:1px solid rgba(27,64,43,.1);min-height:200px}.leaderboard-period{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background-color:#1b402b0d;border-radius:8px;font-size:12px;color:var(--text-secondary);margin-bottom:var(--spacing-md)}.leaderboard-period i{color:var(--primary-green)}.leaderboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-xl);color:var(--text-secondary);font-size:14px}.leaderboard-loading .loading-spinner{width:32px;height:32px;border:3px solid rgba(27,64,43,.1);border-top-color:var(--primary-green);border-radius:50%;animation:spin 1s linear infinite}.leaderboard-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-xl);color:var(--text-secondary);text-align:center}.leaderboard-empty i{font-size:40px;opacity:.4}.leaderboard-empty span{font-size:16px;font-weight:600}.leaderboard-empty .empty-hint{font-size:13px;opacity:.7;margin:0}.leaderboard-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.leaderboard-entry{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background-color:#1b402b05;border-radius:12px;border:1px solid rgba(27,64,43,.05);transition:all .3s ease}.leaderboard-entry:hover{background-color:#1b402b0d;transform:translate(4px)}.leaderboard-entry.rank-1{background:linear-gradient(135deg,#ffd70026,#ffc1071a);border-color:#ffc1074d}.leaderboard-entry.rank-2{background:linear-gradient(135deg,#c0c0c026,#a9a9a91a);border-color:#a9a9a94d}.leaderboard-entry.rank-3{background:linear-gradient(135deg,#cd7f3226,#b873331a);border-color:#b873334d}.leaderboard-entry.current-user{background:linear-gradient(135deg,#22c55e1a,#22c55e0d);border:2px solid rgba(34,197,94,.4)}.leaderboard-entry.current-user .entry-name{color:var(--primary-green);font-weight:700}.entry-rank{min-width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:var(--text-secondary);background-color:#1b402b14;border-radius:8px}.rank-1 .entry-rank{background:linear-gradient(135deg,gold,#ffc107);color:#1a1a1a}.rank-2 .entry-rank{background:linear-gradient(135deg,silver,#a9a9a9);color:#1a1a1a}.rank-3 .entry-rank{background:linear-gradient(135deg,#cd7f32,#b87333);color:var(--white)}.entry-avatar{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1b402b1a,#1b402b0d);border-radius:50%;color:var(--text-secondary);font-size:14px}.entry-avatar.current{background:linear-gradient(135deg,var(--primary-green) 0%,rgb(35,80,55) 100%);color:var(--white)}.entry-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.entry-name{font-size:14px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.entry-stats{font-size:12px;color:var(--text-secondary)}.entry-stats i{font-size:10px;margin-right:2px}.entry-score{font-size:16px;font-weight:700;color:var(--primary-green);min-width:40px;text-align:right}.user-rank-section{margin-top:var(--spacing-md);padding-top:var(--spacing-md)}.user-rank-divider{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.user-rank-divider:before,.user-rank-divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(27,64,43,.2),transparent)}.user-rank-divider span{font-size:12px;color:var(--text-secondary);white-space:nowrap}.leaderboard-entry.fade-in{animation:fadeInSlide .4s ease-out forwards;opacity:0}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.leaderboard-entry.rank-1.animate{animation:podiumGold .6s ease-out}.leaderboard-entry.rank-2.animate{animation:podiumSilver .6s ease-out .1s}.leaderboard-entry.rank-3.animate{animation:podiumBronze .6s ease-out .2s}@keyframes podiumGold{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}@keyframes podiumSilver{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.03)}to{transform:scale(1);opacity:1}}@keyframes podiumBronze{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.02)}to{transform:scale(1);opacity:1}}.entry-score.counting{animation:scoreCount .3s ease-out}@keyframes scoreCount{0%{transform:scale(1.2);color:#22c55e}to{transform:scale(1)}}.confetti-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:999;overflow:hidden}.confetti{position:absolute;width:10px;height:10px;opacity:0}.confetti.circle{border-radius:50%}.confetti.square{border-radius:2px}.confetti.ribbon{width:4px;height:16px;border-radius:1px}.confetti-green{background-color:#22c55e}.confetti-emerald{background-color:#10b981}.confetti-gold{background-color:#f59e0b}.confetti-yellow{background-color:#fbbf24}.confetti-blue{background-color:#3b82f6}.confetti-purple{background-color:#8b5cf6}.confetti-pink{background-color:#ec4899}.stat-value.streak-pulse{animation:streakPulse .8s ease-out}@keyframes streakPulse{0%{transform:scale(1)}25%{transform:scale(1.3);color:#22c55e}50%{transform:scale(1.1)}75%{transform:scale(1.2)}to{transform:scale(1)}}.result-content.reveal{animation:resultReveal .6s cubic-bezier(.4,0,.2,1) forwards}@keyframes resultReveal{0%{opacity:0;transform:translateY(20px) scale(.95)}50%{transform:translateY(-5px) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}.direction-icon.animated{animation:directionPop .5s cubic-bezier(.4,0,.2,1)}@keyframes directionPop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.result-badge.correct.animated{animation:victoryBounce .6s cubic-bezier(.4,0,.2,1)}@keyframes victoryBounce{0%{transform:scale(0) rotate(-10deg);opacity:0}60%{transform:scale(1.2) rotate(5deg)}to{transform:scale(1) rotate(0);opacity:1}}.result-user.correct-animated{position:relative;overflow:hidden}.result-user.correct-animated:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shine 1s ease-out}@keyframes shine{0%{left:-100%}to{left:100%}}.victory-overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#000000b3;z-index:1001;opacity:0;pointer-events:none;transition:opacity .3s ease}.victory-overlay.show{opacity:1;pointer-events:auto}.victory-content{background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:24px;padding:var(--spacing-xl) 48px;text-align:center;color:var(--white);transform:scale(.8);transition:transform .4s cubic-bezier(.4,0,.2,1);box-shadow:0 20px 60px #22c55e66}.victory-overlay.show .victory-content{transform:scale(1)}.victory-icon{width:80px;height:80px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-lg);animation:victoryIconPulse 1s ease-in-out infinite}.victory-icon i{font-size:40px}@keyframes victoryIconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.victory-title{font-size:32px;font-weight:700;margin:0 0 var(--spacing-sm) 0}.victory-subtitle{font-size:18px;opacity:.9;margin:0 0 var(--spacing-md) 0}.victory-streak{display:inline-flex;align-items:center;gap:var(--spacing-sm);background:#fff3;padding:var(--spacing-sm) var(--spacing-lg);border-radius:20px;font-size:16px;font-weight:600}.victory-streak i{color:#fbbf24}.victory-close{position:absolute;top:var(--spacing-md);right:var(--spacing-md);background:transparent;border:none;color:#fffc;font-size:24px;cursor:pointer;padding:var(--spacing-sm);transition:color .2s ease}.victory-close:hover{color:var(--white)}.stat-card.celebrating{animation:cardCelebrate .8s ease-out}@keyframes cardCelebrate{0%{transform:scale(1);box-shadow:0 4px 20px #0000000f}25%{transform:scale(1.05);box-shadow:0 8px 30px #22c55e33}50%{transform:scale(1.02)}to{transform:scale(1);box-shadow:0 4px 20px #0000000f}}.distribution-bar.celebrating .bar-segment{animation:barPulse .6s ease-out}@keyframes barPulse{0%{opacity:.7}50%{opacity:1;filter:brightness(1.2)}to{opacity:1;filter:brightness(1)}}.count-up{display:inline-block}.result-badge.incorrect.animated{animation:incorrectShake .5s ease-out}@keyframes incorrectShake{0%,to{transform:translate(0)}20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}.result-user.incorrect-animated{animation:fadeInSlight .4s ease-out}@keyframes fadeInSlight{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 600px){.predictions-container{padding:var(--spacing-md)}.predictions-content{gap:var(--spacing-lg)}.page-title{font-size:26px}.page-title i{font-size:22px}.rate-amount{font-size:40px}.vote-btn{padding:var(--spacing-lg) var(--spacing-sm)}.vote-btn i{font-size:26px}.vote-btn-text{font-size:14px}.user-stats-grid{grid-template-columns:1fr}.stat-card{padding:var(--spacing-md)}.stat-icon{width:40px;height:40px;font-size:18px}.stat-value{font-size:20px}.leaderboard-tabs{gap:var(--spacing-xs)}.leaderboard-tab{min-width:56px;padding:var(--spacing-sm) var(--spacing-sm)}.leaderboard-tab i{font-size:14px}.leaderboard-tab span{font-size:10px}.leaderboard-card{padding:var(--spacing-md)}.leaderboard-entry{padding:var(--spacing-sm) var(--spacing-md)}.entry-avatar{width:32px;height:32px;font-size:12px}.entry-name{font-size:13px}.entry-stats{font-size:11px}.entry-score{font-size:14px}}.how-it-works-section{margin-top:var(--spacing-md)}.how-it-works-card{background-color:var(--white);border-radius:16px;padding:var(--spacing-lg);box-shadow:0 4px 20px #00000014;border:1px solid rgba(27,64,43,.1);display:flex;flex-direction:column;gap:var(--spacing-lg)}.how-step{display:flex;gap:var(--spacing-md);align-items:flex-start}.how-step .step-icon{width:44px;height:44px;min-width:44px;border-radius:12px;background:linear-gradient(135deg,#1b402b1a,#1b402b0d);display:flex;align-items:center;justify-content:center;color:var(--primary-green);font-size:18px}.step-content{flex:1}.step-title{font-size:15px;font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-xs) 0}.step-text{font-size:14px;color:var(--text-secondary);margin:0;line-height:1.5}.step-text strong{color:var(--primary-green);font-weight:600}.step-list{margin:var(--spacing-sm) 0 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--spacing-xs)}.step-list li{font-size:13px;color:var(--text-secondary);display:flex;align-items:center;gap:var(--spacing-sm)}.direction-tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:6px;font-size:11px;font-weight:600;min-width:48px;justify-content:center}.direction-tag.up{background-color:#22c55e26;color:#16a34a}.direction-tag.down{background-color:#ef444426;color:#dc2626}.direction-tag.same{background-color:#f59e0b26;color:#d97706}@media (max-width: 480px){.how-step .step-icon{width:40px;height:40px;min-width:40px;font-size:16px}.step-title{font-size:14px}.step-text{font-size:13px}.step-list li{font-size:12px}}@media (max-width: 767px){.predictions-container{padding-bottom:100px}.predictions-message{bottom:90px}}.polymarket-section{background:var(--white);border-radius:16px;padding:var(--spacing-xl);box-shadow:0 4px 20px #00000014;border:1px solid rgba(27,64,43,.1)}.polymarket-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-xl)}.polymarket-question{flex:1}.polymarket-question-text{font-size:20px;font-weight:500;color:var(--text-primary);line-height:1.4}.polymarket-chance{display:flex;flex-direction:column;align-items:center;min-width:50px}.polymarket-chance .chance-arc{position:relative;width:44px;height:22px;background:linear-gradient(180deg,transparent 50%,#e5e7eb 50%);border-radius:44px 44px 0 0;overflow:hidden}.polymarket-chance .chance-arc:before{content:"";position:absolute;top:-4px;left:-4px;width:52px;height:26px;border:4px solid var(--arc-color, #22c55e);border-bottom:none;border-radius:52px 52px 0 0;clip-path:polygon(0 0,var(--arc-percent, 50%) 0,var(--arc-percent, 50%) 100%,0 100%);transition:border-color .3s ease}.polymarket-chance .chance-value{display:flex;align-items:baseline;margin-top:var(--spacing-xs)}.polymarket-chance .chance-percent{font-size:24px;font-weight:700;color:var(--text-primary)}.polymarket-chance .chance-suffix{font-size:14px;font-weight:600;color:var(--text-secondary);margin-left:1px}.polymarket-chance .chance-label{font-size:11px;color:var(--arc-color, #22c55e);font-weight:500;text-transform:lowercase;margin-top:-2px}.polymarket-vote-buttons{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:var(--spacing-lg)}.polymarket-btn{display:flex;align-items:center;justify-content:center;padding:14px 32px;border:none;border-radius:6px;font-family:var(--font-family);font-size:16px;font-weight:600;cursor:pointer;transition:all .15s ease;min-height:48px}.polymarket-btn.vote-yes{background-color:#dcfce7;color:#16a34a}.polymarket-btn.vote-yes:hover{background-color:#bbf7d0}.polymarket-btn.vote-yes.selected{background-color:#22c55e;color:#fff}.polymarket-btn.vote-no{background-color:#fee2e2;color:#dc2626}.polymarket-btn.vote-no:hover{background-color:#fecaca}.polymarket-btn.vote-no.selected{background-color:#ef4444;color:#fff}.polymarket-btn:disabled{opacity:.5;cursor:not-allowed}.polymarket-footer{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--text-secondary);padding-top:var(--spacing-md);border-top:1px solid rgba(27,64,43,.1)}.polymarket-footer .votes-count,.polymarket-footer .voting-closes{display:flex;align-items:center;gap:var(--spacing-xs)}.polymarket-footer i{font-size:12px;opacity:.7}.binary-distribution .distribution-bar{height:32px}.bar-yes{background:linear-gradient(135deg,#22c55e,#16a34a)}.bar-no{background:linear-gradient(135deg,#ef4444,#dc2626)}.binary-legend{display:flex;justify-content:space-between;padding:0 var(--spacing-md)}.legend-yes .legend-color{background-color:#22c55e}.legend-no .legend-color{background-color:#ef4444}@media (max-width: 480px){.polymarket-header{flex-direction:column;gap:var(--spacing-md);align-items:stretch}.polymarket-chance{flex-direction:row;justify-content:flex-end;gap:var(--spacing-sm)}.polymarket-question-text{font-size:18px}.polymarket-btn{padding:12px 24px;font-size:15px;min-height:44px}}
