.header-controls{display:flex;align-items:center;gap:10px}.refresh-button{background:rgba(33,150,243,.1);border:1px solid rgba(33,150,243,.3);border-radius:6px;padding:4px 8px;font-size:12px;color:#2196f3;cursor:pointer;transition:all .2s ease}.refresh-button:hover{background:rgba(33,150,243,.2);border-color:rgba(33,150,243,.5);transform:scale(1.05)}.refresh-button:active{transform:scale(.95)}*{font-family:Orbitron,Source Code Pro,sans-serif}body,html{padding:0;height:100%;overflow-y:auto;font-family:Orbitron,Source Code Pro,sans-serif}.tinder-container,body,html{margin:0;width:100%;overflow-x:hidden}.tinder-container{height:70vh;max-height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;position:relative;background:#d4ff00;overflow-y:hidden;padding:40px 20px}@media (max-width:768px){.tinder-container{justify-content:center}}@media (min-width:769px){.tinder-container{height:65vh!important;max-height:65vh!important}}.tinder-container:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0,transparent 70%);animation:float 20s ease-in-out infinite;pointer-events:none}.tinder-container:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(120,119,198,.1) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,119,198,.1) 0,transparent 50%),radial-gradient(circle at 40% 40%,rgba(120,219,255,.1) 0,transparent 50%);animation:pulse 15s ease-in-out infinite;pointer-events:none}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(180deg)}}.card-container{position:relative;z-index:10;margin-bottom:20px}.card-container,.tinder-card{width:100%;max-width:330px;display:flex;align-items:center;justify-content:center}.tinder-card{height:100%}.card{width:100%;max-width:330px;height:528px;background:rgba(255,255,255,.95);backdrop-filter:blur(20px);border-radius:24px;border:1px solid rgba(255,255,255,.3);box-shadow:0 25px 50px rgba(0,0,0,.1),inset 0 0 0 1px rgba(255,255,255,.2);overflow:hidden;position:relative;cursor:grab;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:20}.card:active{cursor:grabbing;transform:scale(.98)}.card:hover{transform:translateY(-8px);box-shadow:0 35px 70px rgba(0,0,0,.15),inset 0 0 0 1px rgba(255,255,255,.3)}.card-image{width:100%;height:65%;overflow:hidden;position:relative;background:linear-gradient(135deg,#667eea,#764ba2)}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s cubic-bezier(.4,0,.2,1)}.card:hover .card-image img{transform:scale(1.05)}.image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(0,0,0,.2),transparent 30%,transparent 70%,rgba(0,0,0,.3));padding:20px;display:flex;flex-direction:column;justify-content:space-between}.category-badge{background:rgba(255,255,255,.95);backdrop-filter:blur(10px);color:#1e293b;padding:8px 16px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;align-self:flex-start;border:1px solid rgba(255,255,255,.3)}.price-info{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.price{background:rgba(0,0,0,.8);color:white;padding:8px 16px;border-radius:16px;font-size:18px;font-weight:700}.change,.price{backdrop-filter:blur(10px);font-family:Source Code Pro,monospace}.change{background:rgba(255,255,255,.95);padding:6px 12px;border-radius:12px;font-size:14px;font-weight:600}.change.positive{color:#059669;background:rgba(16,185,129,.1)}.change.negative{color:#dc2626;background:rgba(220,38,38,.1)}.voters-info{background:rgba(59,130,246,.1);color:#1e40af;padding:6px 12px;border-radius:12px;font-size:14px;font-weight:600;backdrop-filter:blur(10px);border:1px solid rgba(59,130,246,.2)}.card-content{padding:24px 24px 80px;text-align:left;background:rgba(255,255,255,.8);backdrop-filter:blur(10px)}.card-title{margin:0 0 12px;font-size:20px;font-weight:700;color:#1e293b;line-height:1.3;letter-spacing:-.025em;font-family:Exo\ 2,sans-serif}.prediction-text{margin:0 0 16px;font-size:16px;font-weight:500;color:#475569;line-height:1.5}.countdown-line{display:flex;align-items:center;justify-content:center;gap:8px;margin:12px 0;padding:8px 12px;background:rgba(255,255,255,.9);border-radius:12px;border:1px solid rgba(255,255,255,.3);box-shadow:0 2px 8px rgba(0,0,0,.1);text-align:center}.countdown-icon{font-size:16px;animation:clockTick 1s ease-in-out infinite}.countdown-text{font-size:14px;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.1)}.countdown-text.text-red-500{color:#ef4444;animation:urgentPulse .5s ease-in-out infinite}.countdown-text.text-orange-500{color:#f59e0b;animation:warningPulse 1s ease-in-out infinite}.countdown-text.text-green-500{color:#10b981}@keyframes clockTick{0%,to{transform:rotate(0deg)}25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}@keyframes urgentPulse{0%,to{transform:scale(1);color:#ef4444}50%{transform:scale(1.05);color:#dc2626}}@keyframes warningPulse{0%,to{transform:scale(1);color:#f59e0b}50%{transform:scale(1.02);color:#d97706}}.prediction-meta{display:flex;justify-content:space-between;align-items:center;gap:16px}.confidence,.timeframe{font-size:13px;font-weight:500;color:#64748b;padding:6px 12px;background:rgba(148,163,184,.1);border-radius:12px;backdrop-filter:blur(10px)}.voting-section{margin-top:12px}.voting-section-fixed{position:absolute;bottom:0;left:0;right:0;padding:16px;background:linear-gradient(0deg,rgba(255,255,255,.95),rgba(255,255,255,.8));backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.3)}.voting-bar{width:100%;height:20px;background:rgba(239,68,68,.2);border-radius:10px;overflow:hidden;display:flex;position:relative}.voting-yes{background:linear-gradient(90deg,#10b981,#34d399)}.voting-no,.voting-yes{height:100%;display:flex;align-items:center;justify-content:center;transition:width .6s ease}.voting-no{background:linear-gradient(90deg,#ef4444,#f87171)}.voting-text{font-size:10px;font-weight:600;color:white;text-shadow:0 1px 2px rgba(0,0,0,.3);white-space:nowrap}.swipe-text-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:30;background:rgba(255,255,255,.1);backdrop-filter:blur(10px)}.swipe-text-overlay.left{background:linear-gradient(135deg,rgba(239,68,68,.1),rgba(239,68,68,.05))}.swipe-text-overlay.right{background:linear-gradient(135deg,rgba(34,197,94,.1),rgba(34,197,94,.05))}.swipe-text{font-size:56px;font-weight:800;text-transform:uppercase;letter-spacing:3px;padding:24px 48px;border-radius:20px;background:rgba(255,255,255,.95);backdrop-filter:blur(20px);box-shadow:0 20px 40px rgba(0,0,0,.1),inset 0 0 0 1px rgba(255,255,255,.3);transform:rotate(-15deg);animation:textAppear .4s cubic-bezier(.4,0,.2,1)}.swipe-text-overlay.left .swipe-text{color:#dc2626;border:3px solid rgba(220,38,38,.3)}.swipe-text-overlay.right .swipe-text{color:#059669;border:3px solid rgba(5,150,105,.3)}@keyframes textAppear{0%{opacity:0;transform:rotate(-15deg) scale(.8) translateY(20px)}to{opacity:1;transform:rotate(-15deg) scale(1) translateY(0)}}.chart-loading{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(255,255,255,.9);backdrop-filter:blur(10px);border-radius:16px;z-index:10}.loading-container{text-align:center;padding:60px 20px;color:#666}.loading-logo{margin:0 auto 20px;display:flex;justify-content:center;align-items:center}.spinning-logo{width:80px;height:80px;animation:spin 2s linear infinite;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.loading-spinner{border:3px solid rgba(59,130,246,.3);border-top-color:#3b82f6;margin-bottom:12px}.chart-loading p{color:#64748b;font-size:14px;font-weight:500;margin:0}.prediction-details{position:relative;margin:20px auto 40px;width:95%;max-width:600px;background:rgba(255,255,255,.95);backdrop-filter:blur(20px);border-radius:20px;padding:16px;box-shadow:0 20px 40px rgba(0,0,0,.1),inset 0 0 0 1px rgba(255,255,255,.3);border:1px solid rgba(255,255,255,.3);z-index:15}.details-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid rgba(255,255,255,.2)}.details-header h4{margin:0;font-size:18px;font-weight:700;color:#1e293b;font-family:Exo\ 2,sans-serif;letter-spacing:-.025em;background:linear-gradient(135deg,#1e293b,#3b82f6,#8b5cf6);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 4px rgba(0,0,0,.1);position:relative}.details-header h4:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:8px;z-index:-1;opacity:.1;filter:blur(4px)}.card-number{font-size:12px;font-weight:500;color:#64748b;padding:4px 8px;background:linear-gradient(135deg,rgba(59,130,246,.1),rgba(139,92,246,.1));border-radius:8px;border:1px solid rgba(59,130,246,.2);box-shadow:0 2px 8px rgba(59,130,246,.1);position:relative;overflow:hidden}.card-number:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left 2s ease}.card-number:hover:before{left:100%}.prediction-description{margin:0 0 16px;font-size:15px;line-height:1.8;color:#1e293b;text-align:left;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;max-width:100%;padding:20px;background:rgba(0,0,0,.02);border-radius:12px;border:1px solid rgba(0,0,0,.05);font-weight:600;font-family:Orbitron,sans-serif;box-shadow:0 2px 4px rgba(0,0,0,.05)}.prediction-description strong{display:block;font-size:17px;color:#0f172a;margin-top:16px;margin-bottom:8px;font-weight:700}.prediction-description br{display:block;margin:8px 0}.prediction-stats{justify-content:space-between;gap:12px;margin-bottom:16px;padding:12px;background:rgba(255,255,255,.1);border-radius:12px;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.prediction-stats,.stat{display:flex;align-items:center}.stat{flex-direction:column;gap:4px;text-align:center;flex:1;min-width:0}.stat-label{font-size:6px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.2px;font-family:Orbitron,sans-serif;text-shadow:0 1px 1px rgba(255,255,255,.6)}.stat-value{font-size:12px;font-weight:700;color:#1e293b;padding:4px 8px;background:rgba(255,255,255,.2);border-radius:6px;backdrop-filter:blur(10px);font-family:Exo\ 2,sans-serif;word-break:break-word;overflow-wrap:break-word;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.stat-label-badge{font-size:8px!important;font-weight:600!important;padding:2px 6px!important;height:auto!important;font-family:Orbitron,sans-serif!important;text-transform:uppercase!important;letter-spacing:.3px!important;border:1px solid rgba(255,255,255,.3)!important;background:rgba(255,255,255,.1)!important;color:#6b7280!important}.stat-value-badge{font-size:11px!important;font-weight:700!important;padding:4px 8px!important;height:auto!important;font-family:Exo\ 2,sans-serif!important;background:rgba(255,255,255,.2)!important;color:#1e293b!important;border:1px solid rgba(255,255,255,.2)!important;word-break:break-word!important;overflow-wrap:break-word!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important}.charts-section{gap:8px!important;margin-top:16px!important;padding:12px!important;background:rgba(255,255,255,.1)!important;border-radius:12px!important;border:1px solid rgba(255,255,255,.2)!important}.chart-item,.charts-section{display:flex!important;flex-direction:column!important;backdrop-filter:blur(10px)!important}.chart-item{background:rgba(255,255,255,.2)!important;border-radius:8px!important;padding:8px 12px!important;border:1px solid rgba(255,255,255,.3)!important;text-align:center!important;min-height:50px!important;justify-content:center!important;width:100%!important}.chart-title{font-size:9px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.3px;margin-bottom:4px}.chart-value{font-size:14px;font-weight:700;color:#1e293b;margin-bottom:4px;font-family:Exo\ 2,sans-serif}.chart-subtitle{font-size:8px;color:#3b82f6;text-transform:uppercase;font-weight:600}.risk-details{display:flex;flex-direction:column;gap:2px;text-align:center}.risk-level{font-size:14px;font-weight:700;color:#1e293b}.risk-level,.risk-score{font-family:Exo\ 2,sans-serif}.risk-score{font-size:10px;font-weight:600;color:#ef4444}.risk-breakdown{font-size:7px;color:#64748b;font-family:Source Code Pro,monospace;line-height:1.2;word-break:break-all}.progress-bar{width:100%;height:6px;background:rgba(148,163,184,.2);border-radius:3px;margin:6px 0}.progress-fill{background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:3px;transition:width .6s ease}.mini-chart{width:100%;height:40px;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-radius:8px;position:relative;overflow:hidden}.chart-line{bottom:0;left:0;height:2px;background:linear-gradient(90deg,#3b82f6,#8b5cf6)}.chart-dots,.chart-line{position:absolute;width:100%}.chart-dots{height:100%}.chart-dot{position:absolute;width:3px;height:3px;background:#3b82f6;border-radius:50%}@media (max-width:768px){.tinder-container{padding:20px 15px;height:65vh;max-height:65vh}.card-container{margin-bottom:15px}.card{width:308px;height:501px;touch-action:pan-y pinch-zoom;-webkit-tap-highlight-color:transparent}.card-content{padding:20px}.card-title{font-size:1.4em;margin-bottom:8px}.prediction-text{font-size:.9em;line-height:1.4}.swipe-text{font-size:48px;padding:20px 40px}.prediction-details{width:95%;padding:16px;margin-top:15px;margin-bottom:40px}.voting-section-fixed{padding:12px 20px}.voting-bar{height:20px}.voting-bar,.voting-no,.voting-yes{border-radius:12px}.voting-text{font-size:11px;font-weight:600}.action-buttons{padding:15px 20px}.btn{padding:12px 20px;font-size:14px;min-height:44px;touch-action:manipulation}}@media (max-width:480px){.tinder-container{padding:30px 15px 20px;height:70vh;max-height:70vh}.prediction-details{margin-top:50px}.tinder-container{padding:15px 10px}.card{width:280px;height:450px;touch-action:pan-y pinch-zoom;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.card-content{padding:18px}.card-title{font-size:1.3em;margin-bottom:6px}.prediction-text{font-size:.85em;line-height:1.3}.swipe-text{font-size:36px;padding:14px 28px}.prediction-details{width:98%;padding:12px;margin-top:10px}.prediction-stats{gap:4px}.stat{gap:3px}.voting-section-fixed{padding:10px 16px}.voting-bar{height:16px}.voting-bar,.voting-no,.voting-yes{border-radius:8px}.voting-text{font-size:8px;font-weight:600}.countdown-line{margin:8px 0;padding:6px 10px;border-radius:10px}.countdown-icon{font-size:14px}.countdown-text{font-size:12px}.btn{padding:14px 18px;font-size:13px;min-height:48px}.quick-amount-btn{padding:10px 12px;min-width:48px;font-size:12px}}@media (max-width:360px){.tinder-container{padding:10px 8px}.card{width:260px;height:420px}.card-content{padding:16px}.card-title{font-size:1.2em}.prediction-text{font-size:.8em}.btn{padding:12px 16px;font-size:12px;min-height:44px}.quick-amount-btn{padding:8px 10px;min-width:44px;font-size:11px}}@media (hover:none) and (pointer:coarse){.card{touch-action:pan-y}.btn,.quick-amount-btn{-webkit-tap-highlight-color:rgba(0,0,0,.1)}.card,.card-content,.prediction-text{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}}@media (max-height:500px) and (orientation:landscape){.tinder-container{padding:10px;flex-direction:row;align-items:center}.card-container{flex:1;margin-bottom:0}.prediction-details{flex:1;margin-left:20px;max-width:300px}}@keyframes cardEntrance{0%{opacity:0;transform:scale(.9) translateY(30px)}to{opacity:1;transform:scale(1) translateY(0)}}.card{animation:cardEntrance .6s cubic-bezier(.4,0,.2,1)}.tinder-card[data-swipe=left] .card{transform:rotate(-15deg) translateX(-100px) scale(.95);transition:transform .4s cubic-bezier(.4,0,.2,1);box-shadow:0 20px 40px rgba(244,67,54,.4)}.tinder-card[data-swipe=right] .card{transform:rotate(15deg) translateX(100px) scale(.95);transition:transform .4s cubic-bezier(.4,0,.2,1);box-shadow:0 20px 40px rgba(76,175,80,.4)}@keyframes successPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.success-animation{animation:successPulse .6s ease-out}.btn,.card,.quick-amount-btn,.tab-btn{transition:all .3s cubic-bezier(.4,0,.2,1)}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;border-radius:15px;z-index:10}.loading-spinner{border:4px solid rgba(255,255,255,.3);border-top-color:#4ecdc4}.action-feedback{position:fixed;top:20px;left:50%;transform:translateX(-50%);z-index:1000;animation:slideDown .3s ease-out}.feedback-content{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.95);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:12px 20px;box-shadow:0 8px 32px rgba(0,0,0,.1);min-width:280px}.feedback-content.skip{border-left:4px solid #ff6b6b}.feedback-content.bet{border-left:4px solid #4ecdc4}.feedback-icon{font-size:24px;animation:bounce .6s ease-out}.feedback-text{flex:1}.feedback-title{font-weight:600;font-size:14px;color:#1a202c;margin-bottom:2px}.feedback-subtitle{font-size:12px;color:#718096}.feedback-prediction{font-size:11px;color:#a0aec0;font-weight:500}@keyframes slideDown{0%{opacity:0;transform:translateX(-50%) translateY(-20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.action-buttons-section{display:flex;justify-content:center;align-items:center;gap:10px;margin:20px 15px;flex-wrap:wrap;max-width:100%}@media (min-width:769px){.action-buttons-section{margin:5px 15px 20px!important}}.or-text{font-size:15px;font-weight:700;color:#374151;text-shadow:0 1px 2px rgba(0,0,0,.1);letter-spacing:1px}.tutorial-button{background:url(/splash.png) 50%/cover;color:#ffffff;border:2px solid #3b82f6;border-radius:18px;padding:7px 10px;font-size:11px;font-weight:600;cursor:not-allowed;transition:all .3s ease;box-shadow:0 4px 15px rgba(59,130,246,.3);text-transform:uppercase;letter-spacing:.5px;min-width:120px;height:34px;opacity:.9;position:relative;overflow:hidden}.tutorial-button:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.4);z-index:1}.tutorial-button>*{position:relative;z-index:2}.swipe-animation{display:flex;align-items:center;justify-content:center;width:100%;gap:20px}.swipe-icon{font-size:30px;animation:swipePulse 2s ease-in-out infinite}.swipe-icon:first-child{animation-delay:0s}.swipe-icon:last-child{animation-delay:1s}@keyframes swipePulse{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.2);opacity:1}}.skip-button{background:linear-gradient(135deg,#d4ff00,#b8e600);color:#374151;border:2px solid #3b82f6;border-radius:18px;padding:7px 16px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px rgba(59,130,246,.3);text-transform:uppercase;letter-spacing:.5px;min-width:85px;height:34px;display:flex;align-items:center;justify-content:center}.skip-button:hover{background:linear-gradient(135deg,#b8e600,#9ccc00);transform:translateY(-2px);box-shadow:0 6px 20px rgba(59,130,246,.4)}.skip-button:active{transform:translateY(0);box-shadow:0 2px 10px rgba(59,130,246,.3)}.skip-button:focus{outline:none;box-shadow:0 0 0 3px rgba(59,130,246,.5)}@media (max-width:768px){.action-buttons-section{gap:15px}.skip-button{padding:10px 25px;font-size:14px;min-width:100px}.tutorial-button{padding:5px 8px;font-size:9px;min-width:105px;height:30px}.skip-button{min-width:75px;height:30px;font-size:11px}.swipe-icon{font-size:22px}.or-text{font-size:13px}}.modern-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-out}.modern-modal{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border-radius:24px;max-width:400px;width:90%;max-height:80vh;border:1px solid rgba(212,255,0,.2);box-shadow:0 25px 50px rgba(0,0,0,.7),0 0 0 1px rgba(212,255,0,.1);animation:slideUp .3s ease-out;overflow:hidden;display:flex;flex-direction:column}.modern-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(212,255,0,.1);background:linear-gradient(135deg,rgba(212,255,0,.05),rgba(212,255,0,.02))}.modal-title{display:flex;flex-direction:column;gap:4px}.prediction-number{font-size:24px;font-weight:700;color:#d4ff00;letter-spacing:-.5px}.modal-subtitle{font-size:14px;color:rgba(255,255,255,.6);font-weight:500;text-transform:uppercase;letter-spacing:1px}.modern-close-btn{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:12px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:rgba(255,255,255,.7);transition:all .3s ease}.modern-close-btn:hover{background:rgba(255,255,255,.15);color:rgba(255,255,255,.9);border-color:rgba(212,255,0,.3)}.modern-modal-content{padding:20px 24px;flex:1;overflow-y:auto;display:flex;flex-direction:column}.prediction-choice{display:flex;justify-content:center;margin-bottom:24px}.choice-badge{display:flex;align-items:center;gap:10px;padding:12px 20px;border-radius:16px;font-weight:700;font-size:18px;letter-spacing:1px}.choice-badge.yes{background:linear-gradient(135deg,rgba(16,185,129,.2),rgba(52,211,153,.1));border:2px solid rgba(16,185,129,.4);color:#10b981}.choice-badge.no{background:linear-gradient(135deg,rgba(239,68,68,.2),rgba(248,113,113,.1));border:2px solid rgba(239,68,68,.4);color:#ef4444}.choice-icon{font-size:20px;font-weight:900}.amount-section{text-align:center;margin-bottom:32px}.amount-display{align-items:baseline;justify-content:center;gap:8px}.modern-modal .amount-value{font-size:48px;font-weight:800;color:#d4ff00;letter-spacing:-1px}.modern-modal .amount-currency{font-size:18px;font-weight:600;color:rgba(255,255,255,.8)}.amount-description{font-size:14px;color:rgba(255,255,255,.5);font-weight:500}.modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:auto;padding-top:20px;flex-shrink:0}.modern-cancel-btn{padding:16px 24px;border:2px solid rgba(255,255,255,.2);border-radius:16px;background:rgba(255,255,255,.05);color:rgba(255,255,255,.8);font-weight:600;font-size:16px;cursor:pointer;transition:all .3s ease}.modern-cancel-btn:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.3);color:rgba(255,255,255,.9)}.modern-confirm-btn{padding:16px 24px;border:none;border-radius:16px;background:linear-gradient(135deg,#d4ff00,#b8e600);color:#1a1a1a;font-weight:700;font-size:16px;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 25px rgba(212,255,0,.3);display:flex;align-items:center;justify-content:center;gap:8px}.modern-confirm-btn:hover{background:linear-gradient(135deg,#b8e600,#9ccc00);transform:translateY(-2px);box-shadow:0 12px 35px rgba(212,255,0,.4)}.modern-confirm-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.modern-spinner{width:16px;height:16px;border:2px solid rgba(26,26,26,.3);border-top-color:#1a1a1a;border-radius:50%;animation:spin 1s linear infinite}.yes-no-amounts{display:flex;justify-content:space-between;margin-bottom:8px;gap:8px}.amount-item{display:flex;flex-direction:column;align-items:center;flex:1}.amount-label{font-size:12px;font-weight:600;color:#666;margin-bottom:2px;text-transform:uppercase;letter-spacing:.5px}.yes-amount .amount-label{color:#10b981}.no-amount .amount-label{color:#ef4444}.amount-value{font-size:11px;font-weight:600;color:#1f2937;line-height:1.2}.proportional-chart{margin-top:8px}.no-stakes{text-align:center}.no-stakes-text{font-size:11px;color:#9ca3af;margin-bottom:4px}.no-stakes-bar{height:4px;background:#e5e7eb;border-radius:2px;overflow:hidden}.no-stakes-fill{height:100%;width:100%;background:linear-gradient(90deg,#e5e7eb,#d1d5db 50%,#e5e7eb);animation:shimmer 2s ease-in-out infinite}.split-visualization{display:flex;flex-direction:column;gap:4px}.split-bar{display:flex;height:8px;border-radius:4px;overflow:hidden;box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.split-yes{background:linear-gradient(90deg,#10b981,#34d399);transition:width .3s ease;position:relative}.split-yes:after{content:"";position:absolute;top:0;right:0;width:1px;height:100%;background:rgba(255,255,255,.3)}.split-no{background:linear-gradient(90deg,#ef4444,#f87171);transition:width .3s ease}.split-percentages{display:flex;justify-content:space-between;font-size:10px;font-weight:600}.yes-percentage{color:#10b981}.no-percentage{color:#ef4444}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (max-width:768px){.charts-section{display:flex;flex-direction:column;gap:12px}.chart-item{min-height:60px;padding:6px}.chart-title{font-size:11px;margin-bottom:4px}.chart-value{font-size:16px;margin-bottom:4px}.chart-subtitle{font-size:9px}.amount-value{font-size:12px}.amount-label{font-size:10px}.split-bar{height:6px}.split-percentages{font-size:9px}}.swipers-visualization{margin-top:8px}.no-swipers{text-align:center}.no-swipers-text{font-size:11px;color:#9ca3af;margin-bottom:4px}.no-swipers-bar{height:4px;background:#e5e7eb;border-radius:2px;overflow:hidden}.no-swipers-fill{height:100%;width:100%;background:linear-gradient(90deg,#e5e7eb,#d1d5db 50%,#e5e7eb);animation:shimmer 2s ease-in-out infinite}.swipers-avatars-horizontal{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;padding:12px 8px;min-height:80px;overflow-x:auto;overflow-y:hidden;position:relative}.swipers-avatars-horizontal::-webkit-scrollbar{display:none}.swipers-avatars-horizontal{-ms-overflow-style:none;scrollbar-width:none}.more-swipers-indicator{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px}.loading-swipers{width:100%;height:100%;position:absolute;top:0;left:0;z-index:10}.loading-logo-container{display:flex;align-items:center;justify-content:center;margin-bottom:8px}.loading-logo-spin{width:32px;height:32px;border:3px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite}.swiper-avatar{position:relative;cursor:pointer;transition:all .3s ease;animation:pulse 2s ease-in-out infinite;z-index:10;margin:2px}.swiper-avatar:hover{transform:scale(1.3);z-index:20}.swiper-avatar.active{transform:scale(1.1)}.swiper-avatar.inactive{opacity:.3;transform:scale(.8)}.avatar-circle{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.8);box-shadow:0 2px 8px rgba(0,0,0,.15);transition:all .3s ease;overflow:hidden}.avatar-circle.avatar-image{padding:0;background:transparent}.avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.swiper-avatar:hover .avatar-circle{box-shadow:0 4px 12px rgba(0,0,0,.25);border-color:rgba(255,255,255,1)}.avatar-initials{font-size:8px;font-weight:700;color:white;text-shadow:0 1px 2px rgba(0,0,0,.3);font-family:Source Code Pro,monospace;letter-spacing:.5px}.avatar-tooltip{position:absolute;bottom:-80px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.95);color:white;padding:8px 12px;border-radius:8px;font-size:10px;font-weight:500;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:30;min-width:200px;box-shadow:0 4px 12px rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.1)}.swiper-avatar:hover .avatar-tooltip{opacity:1}.tooltip-header{border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:4px;margin-bottom:6px}.tooltip-title{font-size:11px;font-weight:700;color:#d4ff00;margin-bottom:2px}.tooltip-address{font-size:9px;color:rgba(255,255,255,.8);font-family:Source Code Pro,monospace}.tooltip-content{display:flex;flex-direction:column;gap:3px}.tooltip-info{display:flex;justify-content:space-between;align-items:center;gap:8px}.tooltip-label{font-size:9px;color:rgba(255,255,255,.6);font-weight:500}.tooltip-value{font-size:9px;color:white;font-weight:600;font-family:Source Code Pro,monospace;max-width:120px;overflow:hidden;text-overflow:ellipsis}.tooltip-action{font-size:8px;color:#d4ff00;font-weight:600;text-align:center;margin-top:4px;padding:2px 4px;background:rgba(212,255,0,.1);border-radius:4px;border:1px solid rgba(212,255,0,.2)}.more-swipers{position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:10px;color:#6b7280;font-weight:600;background:rgba(255,255,255,.8);padding:2px 6px;border-radius:10px;border:1px solid #e5e7eb}.loading-swipers{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:8px;min-height:32px}.loading-swipers .loading-spinner{width:16px;height:16px;border:2px solid rgba(59,130,246,.3);border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite}.loading-swipers .loading-text{font-size:8px;color:#6b7280;font-weight:500}.swipers-dots{position:relative;height:20px;display:flex;align-items:center;justify-content:center}.swiper-dot{position:absolute;width:8px;height:8px;border-radius:50%;transition:all .3s ease;animation:pulse 2s ease-in-out infinite}.swiper-dot.active{background:linear-gradient(135deg,#3b82f6,#8b5cf6);box-shadow:0 0 8px rgba(59,130,246,.4);transform:scale(1.2)}.swiper-dot.inactive{background:#e5e7eb;opacity:.3}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.vote-indicator{position:relative;display:inline-block}.vote-indicator.vote-yes{border:3px solid #10b981;border-radius:50%;padding:2px;background:linear-gradient(135deg,rgba(16,185,129,.1),rgba(16,185,129,.2));box-shadow:0 0 15px rgba(16,185,129,.3)}.vote-indicator.vote-no{border:3px solid #ef4444;border-radius:50%;padding:2px;background:linear-gradient(135deg,rgba(239,68,68,.1),rgba(239,68,68,.2));box-shadow:0 0 15px rgba(239,68,68,.3)}.vote-indicator.vote-both{border:3px solid #f59e0b;border-radius:50%;padding:2px;background:linear-gradient(135deg,rgba(245,158,11,.1),rgba(245,158,11,.2));box-shadow:0 0 15px rgba(245,158,11,.3)}.vote-indicator.vote-none{border:2px solid rgba(255,255,255,.2);border-radius:50%;padding:2px;background:rgba(255,255,255,.05)}.vote-badge{position:absolute;top:-4px;right:-4px;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;z-index:10}.vote-indicator.vote-yes .vote-badge{background:#10b981;color:white;box-shadow:0 2px 8px rgba(16,185,129,.4)}.vote-indicator.vote-no .vote-badge{background:#ef4444;color:white;box-shadow:0 2px 8px rgba(239,68,68,.4)}.vote-indicator.vote-both .vote-badge{background:#f59e0b;color:white;box-shadow:0 2px 8px rgba(245,158,11,.4)}.vote-icon{font-size:12px;font-weight:700;line-height:1}.token-selection{margin-bottom:20px}.token-options{display:flex;gap:12px;margin-bottom:16px}.token-option{flex:1;display:flex;flex-direction:column;align-items:center;padding:16px 12px;border:2px solid #e5e7eb;border-radius:12px;background:white;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.token-option:hover{border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 8px 25px rgba(59,130,246,.15)}.token-option.active{border-color:#10b981;background:linear-gradient(135deg,#10b981,#34d399);color:white;transform:translateY(-2px);box-shadow:0 8px 25px rgba(16,185,129,.3)}.token-option.active:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,.05));border-radius:10px}.token-icon{font-size:24px;margin-bottom:8px;position:relative;z-index:1}.token-logo-container{width:40px;height:40px;border-radius:50%;background:transparent;display:flex;align-items:center;justify-content:center;margin-bottom:6px;border:2px solid #444;transition:all .2s;overflow:hidden;position:relative;z-index:1}.swipe-logo,.token-logo{width:100%;height:100%;object-fit:cover;border-radius:50%}.token-name{font-size:16px;font-weight:600;margin-bottom:4px}.token-limit,.token-name{position:relative;z-index:1}.token-limit{font-size:12px;opacity:.8}.amount-input-section{background:#f8fafc;border-radius:12px;padding:16px;border:2px solid #e5e7eb}.amount-display{display:flex;align-items:center;gap:12px;margin-bottom:8px}.amount-input{flex:1;padding:12px 16px;border:2px solid #d1d5db;border-radius:8px;font-size:16px;font-weight:600;background:white;transition:all .3s ease}.amount-input:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px rgba(16,185,129,.1)}.amount-currency{font-size:16px;font-weight:600;color:#6b7280;min-width:60px;text-align:center}.amount-description{font-size:12px;color:#6b7280;text-align:center;line-height:1.4}@media (max-width:768px){.modern-modal{max-height:95vh;width:95%;margin:10px}.modern-modal-content{padding:20px}.token-options{flex-direction:column;gap:8px}.token-option{padding:12px}.amount-display{flex-direction:column;gap:8px}.amount-input{width:100%}.modal-actions{padding-top:16px;gap:12px}.modern-cancel-btn,.modern-confirm-btn{padding:14px 20px;font-size:14px}}.share-prompt-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease-out}.share-prompt-content{background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(255,255,255,.9));backdrop-filter:blur(20px);border-radius:24px;padding:32px;max-width:400px;width:90%;text-align:center;box-shadow:0 20px 40px rgba(0,0,0,.1),0 0 0 1px rgba(255,255,255,.2);animation:slideUp .4s ease-out}.share-prompt-header{margin-bottom:24px}.share-prompt-icon{font-size:48px;margin-bottom:16px;animation:bounce .6s ease-out}.share-prompt-header h3{font-family:Orbitron,sans-serif;font-weight:700;font-size:24px;color:#1a1a1a;margin:0 0 8px}.share-prompt-header p{font-family:Source Code Pro,monospace;font-size:14px;color:#666;margin:0}.share-prompt-body{margin-bottom:24px}.share-prompt-body p{font-family:Source Code Pro,monospace;font-size:16px;color:#333;line-height:1.5;margin:0}.share-prompt-actions{display:flex;flex-direction:column;gap:12px}.share-btn{padding:16px 24px;border:none;border-radius:16px;font-family:Orbitron,sans-serif;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.share-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.share-btn:hover:before{left:100%}.share-achievement{background:linear-gradient(135deg,#4CAF50,#45a049);color:white;box-shadow:0 4px 15px rgba(76,175,80,.3)}.share-achievement:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(76,175,80,.4)}.share-challenge{background:linear-gradient(135deg,#FF9800,#F57C00);color:white;box-shadow:0 4px 15px rgba(255,152,0,.3)}.share-challenge:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,152,0,.4)}.share-prediction{background:linear-gradient(135deg,#2196F3,#1976D2);color:white;box-shadow:0 4px 15px rgba(33,150,243,.3)}.share-prediction:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(33,150,243,.4)}.share-skip{background:linear-gradient(135deg,#9E9E9E,#757575);color:white;box-shadow:0 4px 15px rgba(158,158,158,.3)}.share-skip:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(158,158,158,.4)}.share-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@media (max-width:768px){.share-prompt-content{padding:24px;max-width:350px}.share-prompt-icon{font-size:40px}.share-prompt-header h3{font-size:20px}.share-btn{padding:14px 20px;font-size:13px}}.dashboard-selector{text-align:center;padding:20px;background:rgba(255,255,255,.1);backdrop-filter:blur(10px);margin-bottom:20px;border-radius:15px}.dashboard-tabs{display:flex;justify-content:center;gap:10px;margin-top:20px;flex-wrap:wrap}.tab-btn{padding:12px 30px;background:rgba(255,255,255,.2);border:none;border-radius:25px;color:white;cursor:pointer;font-weight:700;transition:all .3s;font-size:14px}.tab-btn.active,.tab-btn:hover{background:linear-gradient(45deg,#ff6b6b,#4ecdc4);transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,.3)}.dashboard{display:none;max-width:1400px;margin:0 auto;padding:30px}.dashboard.active{display:block}.dashboard-header{text-align:center;margin-bottom:30px}.dashboard-title{font-size:2.5em;margin-bottom:10px;background:linear-gradient(45deg,#ff6b6b,#4ecdc4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:rgba(255,255,255,.1);backdrop-filter:blur(10px);border-radius:15px;padding:25px;text-align:center;transition:transform .3s}.stat-card:hover{transform:translateY(-5px)}.stat-number{font-size:2.5em;color:#4ecdc4;margin-bottom:10px;font-family:Exo\ 2,sans-serif;font-weight:700}.stat-label{font-size:1.1em;opacity:.8}.predictions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px;margin-top:30px}.prediction-card{background:rgba(255,255,255,.95);backdrop-filter:blur(10px);border-radius:15px;padding:20px;margin-bottom:20px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;color:#1a202c}.prediction-card:hover{transform:translateY(-5px)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.category-badge{background:rgba(255,107,107,.8)}.category-badge,.status-badge{padding:5px 15px;border-radius:15px;font-size:.9em;font-weight:700}.status-live{background:rgba(76,175,80,.8)}.status-pending{background:rgba(255,193,7,.8)}.status-resolved{background:rgba(96,125,139,.8)}.status-cancelled{background:rgba(244,67,54,.8)}.status-expired{background:rgba(255,152,0,.8)}.prediction-question{font-size:1.3em;font-weight:700;margin-bottom:15px;line-height:1.3;color:#1a202c!important}.prediction-stats{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:15px 0}.stat-item{background:rgba(255,255,255,.1);padding:10px;border-radius:10px;text-align:center}.stat-item .stat-value{font-size:1.2em;font-weight:700;color:#4ecdc4}.odds-bar{margin:15px 0}.odds-visual{display:flex;height:8px;border-radius:4px;overflow:hidden;background:rgba(255,255,255,.2)}.yes-bar{background:linear-gradient(90deg,#4caf50,#8bc34a)}.no-bar{background:linear-gradient(90deg,#f44336,#ff7043)}.odds-labels{display:flex;justify-content:space-between;margin-top:5px;font-size:.9em}.action-buttons{display:flex;gap:10px;margin-top:15px}.btn{padding:10px 20px;border:none;border-radius:20px;cursor:pointer;font-weight:700;transition:all .3s;flex:1;font-size:14px}.btn-yes{background:linear-gradient(45deg,#4caf50,#8bc34a);color:white}.btn-no{background:linear-gradient(45deg,#f44336,#ff7043);color:white}.btn-approve{background:linear-gradient(45deg,#4caf50,#66bb6a);color:white}.btn-reject{background:linear-gradient(45deg,#f44336,#ef5350);color:white}.btn-resolve{background:linear-gradient(45deg,#2196f3,#42a5f5);color:white}.btn-cancel{background:linear-gradient(45deg,#ff9800,#ffb74d);color:white}.btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,.3)}.approval-section{background:rgba(255,193,7,.2);border:2px solid rgba(255,193,7,.5);padding:15px;border-radius:15px;margin:15px 0}.approval-progress{display:flex;align-items:center;gap:10px;margin-bottom:10px}.progress-bar{flex:1;height:8px;background:rgba(255,255,255,.3);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#4caf50,#8bc34a);transition:width .3s}.user-stakes{background:rgba(255,255,255,.1);padding:15px;border-radius:10px;margin-top:15px}.stake-info{display:flex;justify-content:space-between;margin:5px 0}.potential-payout{background:rgba(76,175,80,.3);padding:10px;border-radius:8px;margin-top:10px;border:1px solid rgba(76,175,80,.5)}.stake-input-section{background:rgba(255,255,255,.1);border-radius:15px;padding:20px;margin:15px 0;border:2px solid rgba(255,255,255,.2)}.stake-input-group{display:flex;align-items:center;gap:10px;margin-bottom:15px}.stake-input{flex:1;padding:12px 15px;border:none;border-radius:10px;background:rgba(0,0,0,.7);color:white;font-size:16px;font-weight:700;text-align:center;border:1px solid rgba(255,255,255,.3)}.stake-input::placeholder{color:rgba(255,255,255,.7)}.stake-input:focus{background:rgba(255,255,255,.3);box-shadow:0 0 10px rgba(76,220,196,.5)}.eth-label{background:rgba(76,220,196,.3);padding:8px 15px;border-radius:20px;font-weight:700;color:#4ecdc4}.quick-amounts{display:flex;gap:8px;margin-bottom:15px;flex-wrap:wrap}.quick-amount-btn{background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.3);color:white;padding:8px 15px;border-radius:15px;cursor:pointer;font-size:.9em;transition:all .3s}.quick-amount-btn:hover{background:rgba(76,220,196,.3);border-color:#4ecdc4}.stake-preview{background:rgba(76,175,80,.2);border:1px solid rgba(76,175,80,.5);border-radius:10px;padding:15px;margin-top:15px}.preview-line{display:flex;justify-content:space-between;margin:5px 0}.preview-total{border-top:1px solid rgba(255,255,255,.3);padding-top:10px;margin-top:10px;font-weight:700;color:#4ecdc4}.time-remaining{color:#ffcc02;font-weight:700;text-align:center;margin:15px 0}.admin-controls{background:rgba(156,39,176,.2);border:2px solid rgba(156,39,176,.5);padding:20px;border-radius:15px;margin-top:20px}.admin-title{color:#ba68c8;font-weight:700;margin-bottom:15px}.already-approved,.approval-success,.rejection-details,.resolution-notice,.resolution-success{background:rgba(255,193,7,.2);padding:15px;border-radius:10px;margin:15px 0}.resolution-success{background:rgba(76,175,80,.2);border:1px solid rgba(76,175,80,.5)}.rejection-details{background:rgba(244,67,54,.2);border:1px solid rgba(244,67,54,.5)}.rejection-success{text-align:center;padding:20px;opacity:.7}.already-approved,.approval-success{background:rgba(76,175,80,.2);border:1px solid rgba(76,175,80,.5);text-align:center;padding:20px}.live-stats,.prediction-details{background:rgba(255,255,255,.1);padding:15px;border-radius:10px;margin-bottom:15px}.live-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}@media (max-width:768px){.predictions-grid{grid-template-columns:1fr;gap:15px}.prediction-card{padding:15px;margin-bottom:15px}.prediction-question{font-size:14px;line-height:1.4}.odds-labels{font-size:12px}.action-buttons{flex-direction:column;gap:8px}.action-buttons button{padding:8px 12px;font-size:12px}}@media (max-width:480px){.dashboard{padding:15px}.predictions-grid{gap:10px}.prediction-card{padding:12px;border-radius:10px}.prediction-question{font-size:13px;line-height:1.3}.odds-labels{font-size:11px}.action-buttons button{padding:6px 10px;font-size:11px}.stats-grid{grid-template-columns:1fr;gap:10px}.stat-card{padding:10px}}.stake-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-out}.stake-modal{background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(255,255,255,.9));backdrop-filter:blur(20px);border-radius:20px;max-width:420px;width:90%;max-height:90vh;overflow-y:auto;border:1px solid rgba(255,255,255,.3);box-shadow:0 25px 50px rgba(0,0,0,.5);animation:slideUp .3s ease-out}.stake-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid rgba(0,0,0,.1)}.stake-modal-header h3{margin:0;color:rgba(0,0,0,.8);font-size:1.4em;font-weight:600}.modal-close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:rgba(0,0,0,.6);padding:5px;border-radius:50%;width:35px;height:35px;display:flex;align-items:center;justify-content:center;transition:all .2s}.modal-close-btn:hover{background:rgba(0,0,0,.1);color:rgba(0,0,0,.8)}.stake-modal-content{padding:25px}.stake-prediction-info{text-align:center;margin-bottom:25px}.stake-prediction-title{font-size:1.1em;font-weight:600;color:rgba(0,0,0,.8);margin-bottom:10px}.stake-choice{margin-bottom:20px}.choice-indicator{font-size:1.2em;font-weight:600;padding:10px 20px;border-radius:25px;display:inline-block}.choice-indicator.yes{background:linear-gradient(45deg,#10b981,#34d399);color:white}.choice-indicator.no{background:linear-gradient(45deg,#ef4444,#f87171);color:white}.stake-amount-section{margin-bottom:25px}.stake-amount-section label{display:block;font-weight:600;color:rgba(0,0,0,.8);margin-bottom:10px;font-size:1em}.stake-input-container{position:relative;margin-bottom:8px}.stake-input{width:100%;padding:15px 50px 15px 15px;border:2px solid rgba(0,0,0,.1);border-radius:12px;font-size:1.1em;font-weight:600;background:rgba(255,255,255,.9);color:rgba(0,0,0,.8);transition:all .3s}.stake-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.eth-label{position:absolute;right:15px;top:50%;transform:translateY(-50%);color:rgba(0,0,0,.6);font-weight:600;font-size:.9em}.stake-limits{font-size:.85em;color:rgba(0,0,0,.6);text-align:center}.stake-quick-amounts{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:25px}.stake-quick-amounts button{padding:10px;border:2px solid rgba(0,0,0,.1);border-radius:8px;background:rgba(255,255,255,.9);color:rgba(0,0,0,.8);font-weight:600;cursor:pointer;transition:all .2s;font-size:.9em}.stake-quick-amounts button:hover{border-color:#3b82f6;background:rgba(59,130,246,.1);transform:translateY(-1px)}.stake-actions{display:grid;grid-template-columns:1fr 1fr;gap:15px}.btn-cancel{padding:15px;border:2px solid rgba(0,0,0,.2);border-radius:12px;background:rgba(255,255,255,.9);color:rgba(0,0,0,.7);font-weight:600;cursor:pointer;transition:all .3s;font-size:1em}.btn-cancel:hover{background:rgba(0,0,0,.1);border-color:rgba(0,0,0,.3)}.btn-confirm{padding:15px;border:none;border-radius:12px;background:linear-gradient(45deg,#3b82f6,#1d4ed8);color:white;font-weight:600;cursor:pointer;transition:all .3s;font-size:1em;box-shadow:0 4px 15px rgba(59,130,246,.3)}.btn-confirm:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(59,130,246,.4)}.btn-confirm:active{transform:translateY(0)}.btn-confirm.loading{pointer-events:none;opacity:.8}.btn-confirm.loading .loading-spinner{width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.3);border-top-color:white;animation:spin 1s ease-in-out infinite;margin-right:8px;display:inline-block}.btn-cancel:disabled{opacity:.6;cursor:not-allowed}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.transaction-history-section{margin-top:30px;padding:20px;background:rgba(255,255,255,.1);backdrop-filter:blur(10px);border-radius:15px;border:1px solid rgba(255,255,255,.1)}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.history-header h3{margin:0;color:rgba(0,0,0,.8);font-size:1.3em;font-weight:600}.btn-history-toggle{padding:8px 16px;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.3);border-radius:20px;color:rgba(0,0,0,.8);cursor:pointer;font-size:.9em;font-weight:500;transition:all .3s}.btn-history-toggle:hover{background:rgba(255,255,255,.3);transform:translateY(-1px)}.transaction-list{max-height:400px;overflow-y:auto}.transaction-item{display:flex;align-items:center;padding:15px;margin-bottom:10px;background:rgba(255,255,255,.1);border-radius:10px;border:1px solid rgba(255,255,255,.2);transition:all .3s}.transaction-item:hover{background:rgba(255,255,255,.2);transform:translateX(5px)}.transaction-item.pending{border-left:4px solid #fbbf24}.transaction-item.confirmed{border-left:4px solid #10b981}.transaction-item.failed{border-left:4px solid #ef4444}.transaction-icon{font-size:1.5em;margin-right:15px;width:40px;text-align:center}.transaction-details{flex:1}.transaction-type{font-weight:600;color:rgba(0,0,0,.8);margin-bottom:5px;display:flex;align-items:center;gap:10px}.outcome-badge{padding:4px 8px;border-radius:12px;font-size:.8em;font-weight:600}.outcome-badge.yes{background:rgba(16,185,129,.2);color:#059669}.outcome-badge.no{background:rgba(239,68,68,.2);color:#dc2626}.transaction-prediction{color:rgba(0,0,0,.7);font-size:.9em;margin-bottom:8px}.transaction-meta{display:flex;gap:15px;font-size:.85em;color:rgba(0,0,0,.6)}.no-transactions{text-align:center;padding:40px;color:rgba(0,0,0,.6)}.no-transactions p{margin:0;font-size:1.1em}@media (max-width:768px){.stake-modal{width:95%;margin:10px}.stake-modal-header{padding:15px 20px}.stake-modal-content{padding:20px}.stake-quick-amounts{grid-template-columns:repeat(2,1fr)}.stake-actions{grid-template-columns:1fr;gap:10px}.history-header{flex-direction:column;gap:10px;align-items:flex-start}.transaction-meta{flex-direction:column;gap:5px}.transaction-item{flex-direction:column;align-items:flex-start}.transaction-icon{margin-right:0;margin-bottom:10px}}.notification-container{position:fixed;top:20px;right:20px;z-index:2000;max-width:400px;pointer-events:none}.notification-item{display:flex;align-items:flex-start;background:rgba(0,0,0,.9);backdrop-filter:blur(10px);border-radius:12px;padding:16px;margin-bottom:12px;border-left:4px solid;box-shadow:0 8px 32px rgba(0,0,0,.3);pointer-events:auto;transform:translateX(420px);opacity:0;transition:all .3s ease;animation:slideInNotification .3s ease forwards}.notification-item.visible{transform:translateX(0);opacity:1}.notification-item.hidden{transform:translateX(420px);opacity:0}.notification-item.success{background:rgba(16,185,129,.1);border-left-color:#10b981}.notification-item.error{background:rgba(239,68,68,.1);border-left-color:#ef4444}.notification-item.warning{background:rgba(245,158,11,.1);border-left-color:#f59e0b}.notification-item.info{background:rgba(59,130,246,.1);border-left-color:#3b82f6}.notification-icon{font-size:1.2em;margin-right:12px;flex-shrink:0}.notification-content{flex:1;min-width:0}.notification-title{font-weight:600;font-size:.9em;color:rgba(255,255,255,.9);margin-bottom:4px}.notification-message{font-size:.85em;color:rgba(255,255,255,.7);line-height:1.4}.notification-close{background:none;border:none;color:rgba(255,255,255,.6);font-size:16px;cursor:pointer;padding:4px;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:all .2s;margin-left:8px;flex-shrink:0}.notification-close:hover{background:rgba(255,255,255,.1);color:rgba(255,255,255,.9)}@keyframes slideInNotification{0%{transform:translateX(420px);opacity:0}to{transform:translateX(0);opacity:1}}@media (max-width:768px){.notification-container{top:10px;right:10px;left:10px;max-width:none}.notification-item{transform:translateY(-100px)}.notification-item.visible{transform:translateY(0)}.notification-item.hidden{transform:translateY(-100px)}@keyframes slideInNotification{0%{transform:translateY(-100px);opacity:0}to{transform:translateY(0);opacity:1}}}.admin-panel{padding:20px;max-width:1200px;margin:0 auto}.admin-header{text-align:center;margin-bottom:30px}.admin-header h1{font-size:2.5em;color:rgba(0,0,0,.8);margin-bottom:10px;font-weight:700}.admin-header p{font-size:1.1em;color:rgba(0,0,0,.6);margin:0}.admin-tabs{display:flex;gap:10px;margin-bottom:30px;justify-content:center;flex-wrap:wrap}.admin-tab{padding:12px 24px;background:rgba(255,255,255,.1);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:20px;color:rgba(0,0,0,.8);font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;font-size:.9em}.admin-tab:hover{background:rgba(255,255,255,.2);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.admin-tab.active{background:rgba(59,130,246,.2);border-color:rgba(59,130,246,.4);color:#2563eb;font-weight:600}.tab-icon{font-size:1.1em}.admin-badge{background:rgba(239,68,68,.2);color:#dc2626;padding:2px 6px;border-radius:8px;font-size:.7em;font-weight:600;margin-left:4px}.admin-content{background:rgba(255,255,255,.1);backdrop-filter:blur(10px);border-radius:15px;border:1px solid rgba(255,255,255,.1);padding:30px;min-height:400px}.access-denied{text-align:center;padding:60px 20px}.access-denied h2{font-size:2em;color:rgba(239,68,68,.8);margin-bottom:15px}.access-denied p{font-size:1.1em;color:rgba(0,0,0,.6);line-height:1.5;margin:10px 0}.mobile-sync-btn{-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.mobile-sync-btn:active{transform:scale(.95)!important;box-shadow:0 1px 2px rgba(0,0,0,.2)!important}.mobile-sync-btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,0,0,.15)!important}@media (max-width:768px){.admin-panel{padding:15px}.admin-header h1{font-size:2em}.admin-tabs{gap:8px}.admin-tab{padding:10px 18px;font-size:.85em}.admin-content{padding:20px}.admin-tabs{justify-content:flex-start;overflow-x:auto;padding-bottom:10px}.admin-tabs::-webkit-scrollbar{height:4px}.admin-tabs::-webkit-scrollbar-track{background:rgba(255,255,255,.1);border-radius:2px}.admin-tabs::-webkit-scrollbar-thumb{background:rgba(255,255,255,.3);border-radius:2px}.refresh-controls{flex-direction:column!important;align-items:stretch!important;gap:12px!important}.mobile-sync-btn{width:100%!important;min-width:unset!important;font-size:16px!important;padding:16px 20px!important;min-height:50px!important;border-radius:12px!important;box-shadow:0 3px 6px rgba(0,0,0,.15)!important}.mobile-sync-btn:active{transform:scale(.98)!important}.action-buttons{display:flex!important;flex-direction:column!important;gap:10px!important;margin-top:14px!important}.action-buttons .btn{width:100%!important;padding:14px 18px!important;font-size:15px!important;min-height:48px!important;border-radius:10px!important;font-weight:600!important;touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important;box-shadow:0 2px 4px rgba(0,0,0,.1)!important}.action-buttons .btn:active{transform:scale(.99)!important}.force-buttons{margin-top:14px!important;padding:14px!important;border-radius:10px!important}.force-buttons .btn{width:100%!important;padding:12px 16px!important;font-size:13px!important;min-height:44px!important;border-radius:8px!important;margin:3px 0!important}}@media (max-width:480px){.admin-header h1{font-size:1.8em}.admin-tab{padding:8px 14px;font-size:.8em}.admin-content{padding:15px}.mobile-sync-btn{font-size:18px!important;padding:18px 24px!important;min-height:56px!important;border-radius:14px!important}.refresh-controls{gap:16px!important}.action-buttons{display:flex!important;flex-direction:column!important;gap:12px!important;margin-top:16px!important}.action-buttons .btn{width:100%!important;padding:16px 20px!important;font-size:16px!important;min-height:50px!important;border-radius:12px!important;font-weight:600!important;touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important;box-shadow:0 3px 6px rgba(0,0,0,.15)!important}.action-buttons .btn:active{transform:scale(.98)!important}.force-buttons{margin-top:16px!important;padding:16px!important;border-radius:12px!important}.force-buttons .btn{width:100%!important;padding:14px 18px!important;font-size:14px!important;min-height:48px!important;border-radius:10px!important;margin:4px 0!important}}.compact-stats{padding:16px;max-width:424px;margin:0 auto;background:linear-gradient(135deg,#0a0a0a,#1a1a1a 50%,#0f0f0f);min-height:100vh;color:#ffffff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.error-container,.loading-container,.no-data{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:#d4ff00}.loading-spinner{width:40px;height:40px;border:3px solid rgba(212,255,0,.2);border-top-color:#d4ff00;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-icon{font-size:32px;margin-bottom:12px}.retry-button{background:linear-gradient(135deg,#d4ff00,#a8cc00);color:#000;border:none;padding:8px 16px;border-radius:20px;font-weight:600;cursor:pointer;margin-top:12px;transition:all .3s ease}.retry-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(212,255,0,.3)}.stats-header{text-align:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid rgba(212,255,0,.1)}.stats-header h1{font-size:24px;color:#d4ff00;margin:0 0 16px;font-weight:800;letter-spacing:-.5px;text-shadow:0 2px 4px rgba(212,255,0,.2)}.metrics-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:20px}.metric-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px;backdrop-filter:blur(20px);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.metric-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)}.metric-card:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.15);box-shadow:0 8px 25px rgba(0,0,0,.3)}.metric-card.primary{background:linear-gradient(135deg,rgba(212,255,0,.08),rgba(168,204,0,.05));border-color:rgba(212,255,0,.2)}.metric-card.secondary{background:linear-gradient(135deg,rgba(99,102,241,.08),rgba(67,56,202,.05));border-color:rgba(99,102,241,.2)}.metric-card.accent{background:linear-gradient(135deg,rgba(236,72,153,.08),rgba(219,39,119,.05));border-color:rgba(236,72,153,.2)}.metric-card.success{background:linear-gradient(135deg,rgba(34,197,94,.08),rgba(22,163,74,.05));border-color:rgba(34,197,94,.2)}.metric-icon{display:none}.metric-logo{width:12px;height:12px;margin-right:4px;border-radius:50%;object-fit:cover}.metric-content{display:flex;flex-direction:column;gap:4px}.metric-value-container{display:flex;align-items:center;gap:4px}.compact-stats .metric-card .metric-value,.compact-stats .metric-value,.metric-card .metric-value{font-size:18px!important;font-weight:800!important;color:#d4ff00!important;line-height:1.2!important}.compact-stats .metric-value.small-font{font-size:14px!important}.compact-stats .metric-label,.metric-card .metric-label,.metric-label{font-size:10px!important;color:#d4ff00!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:.5px!important}.today-section{margin-bottom:24px}.today-section h3{font-size:16px;color:#d4ff00!important;margin:0 0 12px;font-weight:700}.activity-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.activity-card{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:12px;text-align:center;backdrop-filter:blur(10px)}.compact-stats .activity-value{font-size:16px;font-weight:700;color:#d4ff00!important;margin-bottom:4px}.activity-label{font-size:10px;color:rgba(255,255,255,.6);text-transform:uppercase;letter-spacing:.5px}.category-section{margin-bottom:24px}.category-section h3{font-size:16px;color:#d4ff00!important;margin:0 0 12px;font-weight:700}.category-card{background:linear-gradient(135deg,rgba(212,255,0,.05),rgba(168,204,0,.02));border:1px solid rgba(212,255,0,.15);border-radius:12px;padding:16px;backdrop-filter:blur(10px)}.category-name{font-size:18px;font-weight:700;color:#d4ff00;margin-bottom:8px}.category-stats{font-size:12px;color:rgba(255,255,255,.7)}.trending-section{margin-bottom:24px}.trending-section h3{font-size:16px;color:#d4ff00!important;margin:0 0 12px;font-weight:700}.trending-list{display:flex;flex-direction:column;gap:8px}.trending-item{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:14px;display:flex;align-items:center;gap:10px;backdrop-filter:blur(10px);transition:all .3s ease;min-height:70px}.trending-item:hover{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.1);transform:translateX(4px)}.trending-rank{font-size:12px;font-weight:700;color:#d4ff00;background:rgba(212,255,0,.1);border-radius:8px;padding:4px 8px;min-width:24px;text-align:center}.trending-content{flex:1;min-width:0}.trending-question{font-size:10px;color:#ffffff;font-weight:600;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;line-clamp:3}.trending-stats{display:flex;gap:8px;font-size:9px;color:rgba(255,255,255,.6)}.trending-logo{width:8px;height:8px;border-radius:50%;object-fit:cover;margin-right:2px;vertical-align:middle}.trending-separator{margin:0 2px;color:#666}.trending-volume{font-weight:600;color:#d4ff00!important;display:flex;align-items:center;flex-wrap:wrap}.trending-participants{color:#d4ff00!important;font-size:8px;opacity:.8}.trending-indicator{font-size:16px;font-weight:700;padding:4px;border-radius:6px}.trending-indicator.positive{color:#22c55e;background:rgba(34,197,94,.1)}.trending-indicator.negative{color:#ef4444;background:rgba(239,68,68,.1)}.quick-stats{display:flex;justify-content:space-between;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:16px;backdrop-filter:blur(10px);margin-top:8px}.quick-logo{width:8px;height:8px;border-radius:50%;object-fit:cover;margin-right:3px;vertical-align:middle}.quick-separator{margin:0 4px;color:#666}.quick-stat{display:flex;flex-direction:column;align-items:center;gap:4px}.quick-label{font-size:10px;color:rgba(255,255,255,.6);text-transform:uppercase;letter-spacing:.5px}.compact-stats .quick-value{font-size:10px;font-weight:700;color:#d4ff00!important;display:flex;align-items:center;flex-wrap:wrap;gap:2px}@media (max-width:375px){.compact-stats{padding:12px}.metrics-grid{gap:8px}.metric-card{padding:12px}.metric-value{font-size:16px}.trending-question{font-size:11px}}.legacy-card{background:linear-gradient(135deg,#2a2a2a,#1a1a1a);border:2px solid rgba(255,165,0,.3);border-radius:16px;padding:20px;margin-bottom:20px;position:relative;box-shadow:0 8px 32px rgba(255,165,0,.1);transition:all .3s ease}.legacy-card:hover{border-color:rgba(255,165,0,.5);box-shadow:0 12px 40px rgba(255,165,0,.15);transform:translateY(-2px)}.legacy-badge{position:absolute;top:-10px;right:20px;background:linear-gradient(135deg,#ffa500,#ff8c00);color:#000;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:700;display:flex;align-items:center;gap:4px;box-shadow:0 4px 12px rgba(255,165,0,.3)}.legacy-icon{font-size:14px}.legacy-text{letter-spacing:.5px}.legacy-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;padding-top:10px}.legacy-question{font-size:18px;font-weight:700;color:#d4ff00!important;line-height:1.3;flex:1;margin:0 16px 0 0}.legacy-status{display:flex;align-items:center;gap:6px;background:rgba(255,255,255,.1);padding:6px 12px;border-radius:20px;white-space:nowrap}.legacy-status-icon{font-size:16px}.legacy-status-text{font-size:12px;font-weight:600;letter-spacing:.5px}.legacy-card-body{margin-bottom:20px}.legacy-description{color:rgba(255,255,255,.8);font-size:14px;line-height:1.5;margin:0 0 16px}.legacy-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:20px}.legacy-meta-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:rgba(255,255,255,.05);border-radius:8px;border:1px solid rgba(255,165,0,.2)}.legacy-meta-label{font-size:12px;color:rgba(255,255,255,.6);font-weight:500}.legacy-meta-value{font-size:12px;color:#ffffff;font-weight:600}.legacy-market-stats{margin-bottom:20px}.legacy-pool-info{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.legacy-pool-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:rgba(255,165,0,.1);border-radius:8px;border:1px solid rgba(255,165,0,.3)}.legacy-pool-label{font-size:14px;color:rgba(255,255,255,.8);font-weight:500}.legacy-pool-value{font-size:14px;color:#ffa500;font-weight:700}.legacy-percentages{margin-top:12px}.legacy-percentage-bar{height:8px;background:rgba(255,255,255,.1);border-radius:4px;overflow:hidden;display:flex;margin-bottom:8px}.legacy-percentage-fill{height:100%;transition:width .3s ease}.legacy-percentage-fill.yes{background:linear-gradient(90deg,#00ff88,#00cc6a)}.legacy-percentage-fill.no{background:linear-gradient(90deg,#ff6b6b,#ff4757)}.legacy-percentage-labels{display:flex;justify-content:space-between;align-items:center}.legacy-percentage-label{font-size:12px;font-weight:600;padding:4px 8px;border-radius:4px}.legacy-percentage-label.yes{color:#00ff88;background:rgba(0,255,136,.1)}.legacy-percentage-label.no{color:#ff6b6b;background:rgba(255,107,107,.1)}.legacy-stake-info{background:rgba(255,165,0,.05);border:1px solid rgba(255,165,0,.2);border-radius:12px;padding:16px;margin-bottom:16px}.legacy-stake-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.legacy-stake-title{font-size:16px;font-weight:700;color:#ffa500;margin:0}.legacy-stake-amounts{display:flex;gap:12px}.legacy-stake-amount{font-size:12px;font-weight:600;padding:4px 8px;border-radius:4px}.legacy-stake-amount.yes{color:#00ff88;background:rgba(0,255,136,.1)}.legacy-stake-amount.no{color:#ff6b6b;background:rgba(255,107,107,.1)}.legacy-payout-info{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.legacy-payout-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:rgba(255,255,255,.05);border-radius:6px}.legacy-payout-label{font-size:12px;color:rgba(255,255,255,.7);font-weight:500}.legacy-payout-value{font-size:12px;font-weight:700;text-align:right}.legacy-payout-value.positive{color:#00ff88}.legacy-payout-value.negative{color:#ff6b6b}.legacy-payout-value.potential-payout{color:#d4ff00!important;font-weight:700!important}.legacy-claim-status{display:flex;justify-content:center;align-items:center;padding:8px 12px;border-radius:6px;font-size:12px;font-weight:600}.legacy-claimed{color:#00ff88;background:rgba(0,255,136,.1)}.legacy-claimable,.legacy-claimed{display:flex;align-items:center;gap:6px}.legacy-claimable{color:#ffa500;background:rgba(255,165,0,.1)}.legacy-pending{color:rgba(255,255,255,.6);background:rgba(255,255,255,.05);display:flex;align-items:center;gap:6px}.legacy-card-actions{display:flex;justify-content:center;align-items:center;gap:12px}.legacy-claim-btn{background:linear-gradient(135deg,#ffa500,#ff8c00);color:#000;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.legacy-claim-btn:hover:not(:disabled){background:linear-gradient(135deg,#ff8c00,#ff7700);transform:translateY(-1px);box-shadow:0 6px 20px rgba(255,165,0,.3)}.legacy-claim-btn:disabled{background:rgba(255,165,0,.3);color:rgba(0,0,0,.5);cursor:not-allowed;transform:none;box-shadow:none}.legacy-claim-btn.disabled{background:rgba(255,255,255,.1);color:rgba(255,255,255,.5);cursor:not-allowed}.legacy-claimed-badge{display:flex;align-items:center;gap:8px;padding:12px 24px;background:rgba(0,255,136,.1);color:#00ff88;border-radius:8px;font-size:14px;font-weight:600}.legacy-claimed-icon{font-size:16px}.legacy-claimed-text{letter-spacing:.5px}@media (max-width:768px){.legacy-card{padding:16px;margin-bottom:16px}.legacy-card-header{flex-direction:column;align-items:flex-start;gap:12px}.legacy-question{font-size:16px;margin-right:0}.legacy-meta,.legacy-payout-info,.legacy-pool-info{grid-template-columns:1fr;gap:8px}.legacy-stake-amounts{flex-direction:column;gap:6px}.legacy-claim-btn{padding:10px 20px;font-size:13px}}.legacy-claim-btn.eth-claim-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important;box-shadow:0 4px 12px rgba(59,130,246,.3)!important}.legacy-claim-btn.eth-claim-btn:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8,#1e40af)!important;box-shadow:0 6px 16px rgba(59,130,246,.4)!important}.legacy-claim-btn.swipe-claim-btn{background:linear-gradient(135deg,#00ff88,#00cc6a)!important;box-shadow:0 4px 12px rgba(0,255,136,.3)!important;color:#000!important}.legacy-claim-btn.swipe-claim-btn:hover:not(:disabled){background:linear-gradient(135deg,#00cc6a,#00aa55)!important;box-shadow:0 6px 16px rgba(0,255,136,.4)!important}@media (max-width:480px){.legacy-badge{position:static;align-self:flex-start;margin-bottom:12px}.legacy-card-header{flex-direction:column;align-items:flex-start}.legacy-status{align-self:flex-start}}