*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#1a1a2e,#16213e);min-height:100vh;color:#e0e0e0}.app-container{max-width:100%;width:100%;margin:0 auto;padding:clamp(10px,2vw,20px);box-sizing:border-box}.header{text-align:center;margin-bottom:clamp(15px,3vw,30px)}.header h1{font-size:clamp(1.5rem,4vw,2.5rem);background:linear-gradient(90deg,#00d4ff,#ff6b6b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:10px}.header p{color:#8892b0;font-size:clamp(.85rem,2vw,1.1rem)}.controls-section{display:flex;gap:clamp(10px,2vw,20px);margin-bottom:clamp(10px,2vw,20px);flex-wrap:wrap;justify-content:center;align-items:center}.search-container{position:relative;width:clamp(200px,25vw,300px);min-width:200px}.search-input{width:100%;padding:12px 16px;font-size:16px;border:2px solid #2d3748;border-radius:8px;background:#1a202c;color:#e0e0e0;outline:none;transition:border-color .3s}.search-input:focus{border-color:#00d4ff}.autocomplete-dropdown{position:absolute;top:100%;left:0;right:0;background:#1a202c;border:2px solid #2d3748;border-top:none;border-radius:0 0 8px 8px;max-height:300px;overflow-y:auto;z-index:1000}.autocomplete-item{padding:12px 16px;cursor:pointer;transition:background .2s;display:flex;justify-content:space-between;align-items:center}.autocomplete-item:hover{background:#2d3748}.autocomplete-item .symbol{font-weight:700;color:#00d4ff}.autocomplete-item .name{color:#8892b0;font-size:.9rem}.autocomplete-item .type{font-size:.75rem;padding:2px 8px;border-radius:12px;background:#2d3748;color:#a0aec0}.timeframe-buttons{display:flex;gap:10px}.timeframe-btn{padding:10px 20px;font-size:14px;border:2px solid #2d3748;border-radius:8px;background:#1a202c;color:#e0e0e0;cursor:pointer;transition:all .3s}.timeframe-btn:hover{border-color:#00d4ff}.timeframe-btn.active{background:#00d4ff;border-color:#00d4ff;color:#1a1a2e}.chart-section{display:flex;gap:0;background:#1a202c;border-radius:12px;overflow:hidden;border:2px solid #2d3748;min-height:50vh;height:calc(100vh - 280px);max-height:70vh}.price-chart-container{flex:1;min-width:0;padding:20px;position:relative}.prediction-controls{display:flex;justify-content:center;align-items:center;gap:clamp(10px,2vw,15px);margin-bottom:clamp(10px,2vw,15px);padding:0 clamp(5px,1vw,10px)}.current-price-display{display:flex;flex-direction:column;align-items:center;padding:clamp(8px,1.5vw,12px) clamp(12px,2vw,16px);background:#1a202c;border-radius:12px;border:2px solid #2d3748;min-width:fit-content}.current-price-display .price-label{font-size:clamp(10px,1.2vw,11px);color:#8892b0;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.current-price-display .price-value{font-size:clamp(14px,2vw,18px);font-weight:700;color:#00d4ff}.sentiment-slider-container{padding:clamp(8px,1.5vw,12px) clamp(12px,2vw,20px);background:#1a202c;border-radius:12px;border:2px solid #2d3748;width:clamp(280px,35vw,450px);max-width:100%}.sentiment-labels{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.bearish-label{font-size:11px;color:#e53e3e;font-weight:500}.bullish-label{font-size:11px;color:#38a169;font-weight:500}.sentiment-value{font-size:12px;color:#00d4ff;font-weight:600}.sentiment-slider{width:100%;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(to right,#e53e3e,#4a5568,#38a169);border-radius:3px;outline:none;cursor:pointer}.sentiment-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;background:#00d4ff;border-radius:50%;cursor:pointer;box-shadow:0 2px 6px #00d4ff66;transition:transform .2s}.sentiment-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.sentiment-slider::-moz-range-thumb{width:18px;height:18px;background:#00d4ff;border-radius:50%;cursor:pointer;border:none;box-shadow:0 2px 6px #00d4ff66}.sentiment-slider:disabled{opacity:.5;cursor:not-allowed}.price-inputs{display:flex;justify-content:space-between;margin-top:10px;gap:15px}.price-input-group{display:flex;align-items:center;gap:6px}.price-input-group label{font-size:11px;color:#8892b0}.price-text-input{width:90px;padding:6px 8px;font-size:12px;border:1px solid #2d3748;border-radius:4px;background:#151a24;color:#e0e0e0;outline:none}.price-text-input:focus{border-color:#00d4ff}.price-text-input:disabled{opacity:.5;cursor:not-allowed}.drawing-canvas-container{flex:1;min-width:0;background:#151a24;border-left:2px solid #2d3748;position:relative;display:flex;flex-direction:column;touch-action:none}.drawing-canvas-container canvas{width:100%;height:100%;cursor:crosshair;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.submit-error{position:absolute;top:45px;left:50%;transform:translate(-50%);background:#e53e3ef2;color:#fff;padding:8px 16px;border-radius:6px;font-size:13px;z-index:15;max-width:90%;text-align:center;box-shadow:0 2px 10px #0000004d}.canvas-controls{position:absolute;top:10px;left:50%;transform:translate(-50%);display:flex;gap:10px;z-index:10;touch-action:auto}.canvas-btn{padding:8px 16px;font-size:13px;border:none;border-radius:6px;cursor:pointer;transition:all .3s}.canvas-btn.clear{background:#e53e3e;color:#fff}.canvas-btn.clear:hover{background:#c53030}.canvas-btn.submit{background:#38a169;color:#fff}.canvas-btn.submit:hover{background:#2f855a}.canvas-btn:disabled{opacity:.5;cursor:not-allowed}.drawing-area{position:relative;flex:1;min-height:0;touch-action:none;overflow:hidden}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#1a202ce6;display:flex;align-items:center;justify-content:center;z-index:100}.loading-spinner{width:50px;height:50px;border:4px solid #2d3748;border-top:4px solid #00d4ff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-message{background:#e53e3e;color:#fff;padding:10px 20px;border-radius:8px;margin-bottom:20px;text-align:center}.no-data{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;color:#8892b0}.no-data svg{width:80px;height:80px;margin-bottom:20px;opacity:.5}.header-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.header-text{flex:1}.auth-header{display:flex;align-items:center;gap:15px}.auth-loading{color:#8892b0;font-size:14px}.user-info{display:flex;align-items:center;gap:10px}.profile-image{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #00d4ff}.user-details{display:flex;flex-direction:column}.user-name{font-weight:600;color:#e0e0e0;font-size:14px}.token-balance{font-size:12px;color:#00d4ff}.auth-button{padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;text-decoration:none;cursor:pointer;transition:all .3s}.login-button{background:#00d4ff;color:#1a1a2e}.login-button:hover{background:#00b8e0}.logout-button{background:transparent;border:1px solid #4a5568;color:#a0aec0}.logout-button:hover{border-color:#e53e3e;color:#e53e3e}.stake-input-group{display:flex;align-items:center;gap:6px;background:#0000004d;padding:6px 10px;border-radius:6px}.stake-input-group label{font-size:12px;color:#a0aec0}.stake-input{width:70px;padding:4px 6px;font-size:12px;border:1px solid #4a5568;border-radius:4px;background:#1a202c;color:#00d4ff;text-align:right}.stake-input:focus{border-color:#00d4ff;outline:none}.stake-max{font-size:11px;color:#718096}.predictions-table-container{margin-top:30px;background:#1a202c;border-radius:12px;border:2px solid #2d3748;padding:20px}.table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.table-header h2{font-size:1.4rem;color:#e0e0e0;margin:0}.prediction-count{font-size:14px;color:#8892b0;background:#2d3748;padding:4px 12px;border-radius:12px}.table-filters{display:flex;gap:10px;margin-bottom:15px;flex-wrap:wrap}.filter-input{padding:8px 12px;font-size:14px;border:1px solid #4a5568;border-radius:6px;background:#151a24;color:#e0e0e0;width:180px}.filter-input:focus{border-color:#00d4ff;outline:none}.filter-select{padding:8px 12px;font-size:14px;border:1px solid #4a5568;border-radius:6px;background:#151a24;color:#e0e0e0;cursor:pointer}.filter-select:focus{border-color:#00d4ff;outline:none}.clear-filters-btn{padding:8px 16px;font-size:14px;border:1px solid #4a5568;border-radius:6px;background:transparent;color:#a0aec0;cursor:pointer;transition:all .2s}.clear-filters-btn:hover{border-color:#e53e3e;color:#e53e3e}.table-loading,.table-error,.table-empty{text-align:center;padding:40px;color:#8892b0}.table-error{color:#e53e3e}.predictions-table{width:100%;border-collapse:collapse;font-size:14px}.predictions-table th{text-align:left;padding:12px 10px;color:#a0aec0;font-weight:500;border-bottom:2px solid #2d3748;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.predictions-table th:hover{color:#00d4ff}.sort-icon{margin-left:4px;font-size:12px;opacity:.5}.sort-icon.active{opacity:1;color:#00d4ff}.predictions-table td{padding:10px;border-bottom:1px solid #2d3748;color:#e0e0e0}.predictions-table tbody tr:hover{background:#00d4ff0d}.asset-link{background:none;border:none;color:#00d4ff;cursor:pointer;font-weight:600;padding:0;font-size:inherit}.asset-link:hover{text-decoration:underline}.user-cell{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.date-cell{white-space:nowrap;color:#8892b0}.score-cell{font-family:monospace;color:#4ecdc4;font-weight:600}.positive{color:#38a169}.negative{color:#e53e3e}.table-pagination{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:20px;padding-top:15px;border-top:1px solid #2d3748}.pagination-btn{padding:8px 16px;font-size:14px;border:1px solid #4a5568;border-radius:6px;background:transparent;color:#e0e0e0;cursor:pointer;transition:all .2s}.pagination-btn:hover:not(:disabled){border-color:#00d4ff;color:#00d4ff}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.page-info{font-size:14px;color:#8892b0}.status-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase}.status-active{background:#00d4ff26;color:#00d4ff;border:1px solid rgba(0,212,255,.3)}.status-completed{background:#38a16926;color:#48bb78;border:1px solid rgba(56,161,105,.3)}.status-closed{background:#a0aec026;color:#a0aec0;border:1px solid rgba(160,174,192,.3)}.progress-bar-container{position:relative;width:60px;height:18px;background:#2d3748;border-radius:4px;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,#00d4ff,#7c3aed);transition:width .3s ease}.progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:10px;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.progress-complete{color:#48bb78;font-weight:600;font-size:12px}.progress-closed{color:#a0aec0;font-size:12px}.mspe-cell{font-family:monospace;font-size:12px;color:#a0aec0}.payoff-cell{font-weight:600}.payoff-final{color:#48bb78}.payoff-estimate{color:#a0aec0;font-style:italic}.close-btn{padding:4px 10px;font-size:11px;font-weight:600;border:1px solid #e53e3e;border-radius:4px;background:transparent;color:#e53e3e;cursor:pointer;transition:all .2s}.close-btn:hover:not(:disabled){background:#e53e3e26}.close-btn:disabled{opacity:.5;cursor:not-allowed}.own-prediction{background:#00d4ff0d}.own-prediction:hover{background:#00d4ff1a!important}.chart-section{scroll-margin-top:20px}.register-button{background:transparent;border:2px solid #00d4ff;color:#00d4ff}.register-button:hover{background:#00d4ff1a}.user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#00d4ff,#7c3aed);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;color:#fff}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#1a202c;border-radius:16px;border:2px solid #2d3748;padding:30px;width:100%;max-width:420px;position:relative;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-close{position:absolute;top:15px;right:15px;background:none;border:none;font-size:28px;color:#8892b0;cursor:pointer;line-height:1;padding:0;transition:color .2s}.modal-close:hover{color:#e53e3e}.modal-content h2{font-size:1.5rem;color:#e0e0e0;margin-bottom:25px;text-align:center}.auth-error{background:#e53e3e26;border:1px solid rgba(229,62,62,.3);color:#fc8181;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:14px;text-align:center}.form-row{display:flex;gap:15px}.form-row .form-group{flex:1}.form-group{margin-bottom:18px}.form-group label{display:block;font-size:13px;color:#a0aec0;margin-bottom:6px;font-weight:500}.form-group input{width:100%;padding:12px 14px;font-size:15px;border:2px solid #2d3748;border-radius:8px;background:#151a24;color:#e0e0e0;outline:none;transition:border-color .2s}.form-group input:focus{border-color:#00d4ff}.form-group input::placeholder{color:#4a5568}.submit-button{width:100%;padding:14px;font-size:16px;font-weight:600;border:none;border-radius:8px;background:linear-gradient(135deg,#00d4ff,#7c3aed);color:#fff;cursor:pointer;transition:opacity .2s,transform .2s;margin-top:10px}.submit-button:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.submit-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-switch{margin-top:20px;text-align:center;padding-top:20px;border-top:1px solid #2d3748}.auth-switch p{font-size:14px;color:#8892b0}.auth-switch button{background:none;border:none;color:#00d4ff;font-size:14px;font-weight:600;cursor:pointer;padding:0;text-decoration:underline}.auth-switch button:hover{color:#00b8e0}.instructions-section-centered{display:flex;justify-content:center;margin-bottom:25px}.instructions-section-centered .instructions-panel{max-width:600px;width:100%}.instructions-panel{background:#1a202c;border-radius:12px;border:2px solid #2d3748;padding:20px 25px}.instructions-panel h3{font-size:1.1rem;color:#00d4ff;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #2d3748}.instructions-list{list-style:none;padding:0;margin:0}.instructions-list li{display:flex;align-items:flex-start;gap:12px;padding:8px 0;border-bottom:1px solid rgba(45,55,72,.5)}.instructions-list li:last-child{border-bottom:none}.step-number{min-width:24px;height:24px;background:linear-gradient(135deg,#00d4ff,#7c3aed);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;flex-shrink:0}.step-text{color:#e0e0e0;font-size:14px;line-height:1.5}.scoring-explanation{font-size:14px;color:#e0e0e0}.scoring-intro{margin-bottom:15px;color:#a0aec0}.formula-box{background:#151a24;border-radius:8px;padding:15px;margin-bottom:15px;text-align:center}.formula-label{font-size:12px;color:#8892b0;margin-bottom:8px}.formula{font-size:18px;color:#00d4ff;font-family:Georgia,serif}.formula .sigma{font-size:24px;margin-right:5px}.formula .fraction{display:inline-flex;flex-direction:column;align-items:center;vertical-align:middle;margin-left:5px}.formula .numerator{border-bottom:2px solid #00d4ff;padding-bottom:2px}.formula .denominator{font-size:14px;padding-top:2px}.scoring-details{margin-bottom:15px}.scoring-details p{margin-bottom:8px}.scoring-details ul{list-style:none;padding:0;margin:0}.scoring-details li{padding:4px 0 4px 20px;position:relative;color:#a0aec0;font-size:13px}.scoring-details li:before{content:"•";position:absolute;left:6px;color:#00d4ff}.rewards-info{background:#00d4ff14;border-radius:8px;padding:12px 15px;border:1px solid rgba(0,212,255,.2)}.rewards-info h4{font-size:13px;color:#00d4ff;margin-bottom:6px}.rewards-info p{font-size:13px;color:#a0aec0;margin:0}.beta-notice{display:flex;align-items:center;gap:12px;margin-top:20px;padding:12px 15px;background:#7c3aed26;border-radius:8px;border:1px solid rgba(124,58,237,.3)}.beta-badge{background:linear-gradient(135deg,#7c3aed,#00d4ff);color:#fff;font-size:11px;font-weight:700;padding:4px 10px;border-radius:4px;letter-spacing:1px}.beta-notice p{font-size:13px;color:#a0aec0;margin:0}.disclaimer{margin-top:12px;padding:10px 15px;background:#e53e3e1a;border-radius:6px;border:1px solid rgba(229,62,62,.2);font-size:12px;color:#fc8181;text-align:center}.payoff-box{margin-top:15px;background:#38a1691a;border:1px solid rgba(56,161,105,.3)}.formula-note{font-size:11px;color:#8892b0;margin-top:8px}.scoring-section{margin-top:30px;margin-bottom:30px}.scoring-panel-full{background:#1a202c;border-radius:12px;border:2px solid #2d3748;padding:25px 30px}.scoring-panel-full h3{font-size:1.3rem;color:#00d4ff;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid #2d3748;text-align:center}.scoring-content{display:grid;grid-template-columns:1fr 1fr;gap:30px}.scoring-column{display:flex;flex-direction:column;gap:15px}@media (max-width: 900px){.scoring-content{grid-template-columns:1fr}}.main-nav{display:flex;gap:8px}.nav-link{color:#a0aec0;text-decoration:none;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;transition:all .2s}.nav-link:hover{color:#00d4ff;background:#00d4ff1a}.header-link{text-decoration:none}.header-link h1{cursor:pointer;transition:opacity .2s}.header-link:hover h1{opacity:.9}.page-container{max-width:1200px;margin:0 auto;padding:20px}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #2d3748}.page-header h1{font-size:2rem;color:#e0e0e0;margin:0}.back-link{color:#00d4ff;text-decoration:none;font-size:14px;padding:8px 16px;border:1px solid #00d4ff;border-radius:6px;transition:all .2s}.back-link:hover{background:#00d4ff1a}.loading-state,.error-state,.empty-state{text-align:center;padding:60px 20px;color:#8892b0;font-size:16px}.error-state{color:#fc8181}.auth-required{text-align:center;padding:60px 20px}.auth-required h2{color:#e0e0e0;margin-bottom:15px}.auth-required p{color:#8892b0;margin-bottom:20px}.leaderboard-intro{background:#1a202c;border-radius:12px;border:2px solid #2d3748;padding:20px 25px;margin-bottom:30px;text-align:center}.leaderboard-intro p{color:#a0aec0;font-size:15px;margin:0}.leaderboard-intro strong{color:#00d4ff}.podium{display:flex;justify-content:center;align-items:flex-end;gap:20px;margin-bottom:40px;padding:20px}.podium-place{display:flex;flex-direction:column;align-items:center;background:#1a202c;border-radius:12px;border:2px solid #2d3748;padding:20px;min-width:160px;position:relative}.podium-place.first{order:2;transform:scale(1.1);border-color:gold;background:linear-gradient(180deg,#ffd7001a,#1a202c)}.podium-place.second{order:1}.podium-place.third{order:3}.podium-crown{font-size:32px;margin-bottom:8px}.podium-avatar{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#4a5568,#2d3748);display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#fff;margin-bottom:12px}.podium-avatar.gold{background:linear-gradient(135deg,gold,#ffb700);color:#1a1a2e}.podium-name{font-size:16px;font-weight:600;color:#e0e0e0;margin-bottom:6px;text-align:center}.podium-mspe{font-family:monospace;font-size:18px;color:#00d4ff;font-weight:600;margin-bottom:4px}.podium-balance{font-size:12px;color:#a0aec0;margin-bottom:12px}.podium-stand{font-size:32px;font-weight:700;color:#4a5568;margin-top:10px;padding-top:10px;border-top:2px solid #2d3748;width:100%;text-align:center}.podium-stand.gold{color:gold}.leaderboard-table-container{background:#1a202c;border-radius:12px;border:2px solid #2d3748;padding:20px;overflow-x:auto}.leaderboard-table{width:100%;border-collapse:collapse}.leaderboard-table th{text-align:left;padding:12px 15px;color:#a0aec0;font-weight:500;border-bottom:2px solid #2d3748;white-space:nowrap}.leaderboard-table td{padding:15px;border-bottom:1px solid #2d3748;color:#e0e0e0}.leaderboard-table tbody tr:hover{background:#00d4ff0d}.leaderboard-table tbody tr.current-user{background:#00d4ff1a}.rank-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-weight:600;font-size:13px;background:#2d3748;color:#a0aec0}.rank-badge.gold{background:linear-gradient(135deg,gold,#ffb700);color:#1a1a2e}.rank-badge.silver{background:linear-gradient(135deg,silver,#a0a0a0);color:#1a1a2e}.rank-badge.bronze{background:linear-gradient(135deg,#cd7f32,#b87333);color:#fff}.trader-cell{display:flex;align-items:center;gap:12px}.trader-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#4a5568,#2d3748);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;color:#fff}.trader-name{display:flex;align-items:center;gap:8px}.you-badge{background:#00d4ff;color:#1a1a2e;font-size:10px;font-weight:600;padding:2px 8px;border-radius:10px;text-transform:uppercase}.balance-cell{font-family:monospace;font-weight:600}.pl-cell{font-weight:600}.pl-cell.positive{color:#48bb78}.pl-cell.negative{color:#fc8181}.leaderboard-footer{text-align:center;padding:20px;color:#8892b0;font-size:13px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:#1a202c;border-radius:12px;border:2px solid #2d3748;padding:20px;text-align:center}.stat-card.primary{border-color:#00d4ff;background:linear-gradient(180deg,#00d4ff1a,#1a202c)}.stat-card.positive{border-color:#48bb78}.stat-card.negative{border-color:#fc8181}.stat-value{font-size:1.8rem;font-weight:700;color:#e0e0e0;margin-bottom:5px}.stat-card.primary .stat-value{color:#00d4ff}.stat-card.positive .stat-value{color:#48bb78}.stat-card.negative .stat-value{color:#fc8181}.stat-label{font-size:13px;color:#a0aec0}.stat-sublabel{font-size:11px;color:#718096;margin-top:4px}.prediction-stats{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-bottom:30px;padding:20px;background:#1a202c;border-radius:12px;border:2px solid #2d3748}.stat-item{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#151a24;border-radius:8px}.stat-num{font-size:18px;font-weight:700;color:#00d4ff}.stat-text{font-size:13px;color:#a0aec0}.predictions-section{background:#1a202c;border-radius:12px;border:2px solid #2d3748;padding:25px;margin-bottom:30px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px}.section-header h2{font-size:1.3rem;color:#e0e0e0;margin:0}.filter-tabs{display:flex;gap:8px}.filter-tab{padding:8px 16px;font-size:13px;border:1px solid #4a5568;border-radius:6px;background:transparent;color:#a0aec0;cursor:pointer;transition:all .2s}.filter-tab:hover{border-color:#00d4ff;color:#00d4ff}.filter-tab.active{background:#00d4ff;border-color:#00d4ff;color:#1a1a2e}.account-predictions-table{width:100%;border-collapse:collapse;font-size:14px}.account-predictions-table th{text-align:left;padding:12px 10px;color:#a0aec0;font-weight:500;border-bottom:2px solid #2d3748;white-space:nowrap}.account-predictions-table td{padding:12px 10px;border-bottom:1px solid #2d3748;color:#e0e0e0}.account-predictions-table tbody tr:hover{background:#00d4ff0d}.account-info{background:#1a202c;border-radius:12px;border:2px solid #2d3748;padding:25px}.account-info h3{font-size:1.1rem;color:#e0e0e0;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid #2d3748}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.info-item{display:flex;flex-direction:column;gap:4px}.info-label{font-size:12px;color:#8892b0}.info-value{font-size:15px;color:#e0e0e0}@media (max-width: 768px){.header-content{flex-direction:column;text-align:center}.main-nav{order:3;justify-content:center}.podium{flex-direction:column;align-items:center}.podium-place.first{order:1;transform:scale(1)}.podium-place.second{order:2}.podium-place.third{order:3}.page-header{flex-direction:column;gap:15px;text-align:center}.stats-grid{grid-template-columns:1fr}.section-header{flex-direction:column;align-items:flex-start}.filter-tabs{width:100%;justify-content:center}.account-predictions-table,.leaderboard-table{font-size:12px}.account-predictions-table th,.account-predictions-table td,.leaderboard-table th,.leaderboard-table td{padding:8px 6px}.controls-section{flex-direction:column;align-items:center}.search-container{width:100%}.timeframe-buttons{flex-wrap:wrap;justify-content:center}.sentiment-slider-container{width:100%;max-width:400px}}@media (max-width: 900px) and (orientation: landscape){.chart-section{flex-direction:row;min-height:280px;height:calc(100vh - 200px);max-height:350px}.price-chart-container{flex:1;min-width:0}.drawing-canvas-container{flex:1;min-width:0;border-left:2px solid #2d3748;border-top:none}.canvas-controls{flex-wrap:nowrap;gap:6px}.canvas-btn{padding:6px 10px;font-size:12px}.stake-input-group{padding:4px 8px}.stake-input{width:50px}}@media (max-width: 600px){.chart-section{flex-direction:column;height:auto;min-height:auto;max-height:none}.price-chart-container,.drawing-canvas-container{flex:none;width:100%;min-height:40vh}.drawing-canvas-container{border-left:none;border-top:2px solid #2d3748}}.rotate-prompt{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:350px;padding:40px 20px;background:#1a202c;border-radius:12px;border:2px solid #2d3748;text-align:center}.rotate-icon{position:relative;width:120px;height:120px;margin-bottom:25px}.rotate-icon .phone-icon{width:60px;height:100px;color:#00d4ff;animation:tiltPhone 2s ease-in-out infinite;transform-origin:center center}.rotate-icon .rotate-arrow{position:absolute;top:10px;right:0;width:40px;height:40px;color:#7c3aed;animation:pulseArrow 2s ease-in-out infinite}@keyframes tiltPhone{0%,to{transform:rotate(0)}50%{transform:rotate(-90deg)}}@keyframes pulseArrow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}.rotate-prompt h2{font-size:1.5rem;color:#e0e0e0;margin-bottom:12px}.rotate-prompt p{font-size:15px;color:#a0aec0;max-width:280px;line-height:1.5;margin-bottom:20px}.rotate-hint{background:#00d4ff1a;border:1px solid rgba(0,212,255,.3);border-radius:8px;padding:10px 20px}.rotate-hint span{color:#00d4ff;font-weight:500;font-size:14px}.scoring-page .scoring-panel-full{margin-bottom:30px}.scoring-examples{background:#1a202c;border-radius:12px;border:2px solid #2d3748;padding:25px 30px;margin-bottom:30px}.scoring-examples h2{font-size:clamp(1.1rem,2.5vw,1.3rem);color:#e0e0e0;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid #2d3748}.example-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.example-card{background:#151a24;border-radius:10px;padding:20px;text-align:center}.example-card h3{font-size:1rem;color:#e0e0e0;margin-bottom:12px}.example-mspe{font-family:monospace;font-size:1.1rem;font-weight:600;padding:8px 16px;border-radius:6px;margin-bottom:12px;display:inline-block}.example-mspe.good{background:#38a16926;color:#48bb78;border:1px solid rgba(56,161,105,.3)}.example-mspe.moderate{background:#00d4ff26;color:#00d4ff;border:1px solid rgba(0,212,255,.3)}.example-mspe.fair{background:#ed893626;color:#ed8936;border:1px solid rgba(237,137,54,.3)}.example-mspe.poor{background:#e53e3e26;color:#fc8181;border:1px solid rgba(229,62,62,.3)}.example-card p{font-size:13px;color:#a0aec0;line-height:1.5}.scoring-tips{background:#1a202c;border-radius:12px;border:2px solid #2d3748;padding:25px 30px}.scoring-tips h2{font-size:clamp(1.1rem,2.5vw,1.3rem);color:#e0e0e0;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid #2d3748}.scoring-tips ul{list-style:none;padding:0}.scoring-tips li{padding:12px 0 12px 24px;position:relative;color:#a0aec0;font-size:14px;border-bottom:1px solid rgba(45,55,72,.5)}.scoring-tips li:last-child{border-bottom:none}.scoring-tips li:before{content:"→";position:absolute;left:0;color:#00d4ff}.scoring-tips li strong{color:#e0e0e0}.predictions-page .predictions-table-container{margin-top:0}.table-scroll-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.page-container{max-width:100%;width:100%;margin:0 auto;padding:clamp(10px,2vw,20px)}.leaderboard-tabs{display:flex;gap:10px;margin-bottom:25px;justify-content:center}.tab-btn{padding:12px 24px;font-size:14px;font-weight:600;border:2px solid #2d3748;border-radius:8px;background:#1a202c;color:#a0aec0;cursor:pointer;transition:all .2s}.tab-btn:hover{border-color:#00d4ff;color:#00d4ff}.tab-btn.active{background:linear-gradient(135deg,#00d4ff,#7c3aed);border-color:transparent;color:#fff}.trades-table .clickable-row{cursor:pointer;transition:background .2s}.trades-table .clickable-row:hover{background:#00d4ff1a}.symbol-cell{font-weight:600;color:#00d4ff}.mspe-cell.secondary{color:#718096;font-size:11px}.trade-detail-modal{max-width:700px;max-height:90vh;overflow-y:auto}.trade-detail-modal .modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #2d3748}.trade-detail-modal .modal-header h2{margin:0;text-align:left}.trade-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:15px;margin-bottom:25px}.trade-info-item{background:#151a24;border-radius:8px;padding:12px 15px}.trade-info-item .info-label{display:block;font-size:11px;color:#8892b0;margin-bottom:4px;text-transform:uppercase}.trade-info-item .info-value{font-size:15px;font-weight:600;color:#e0e0e0}.trade-info-item .info-value.mspe-value{color:#00d4ff;font-family:monospace}.trade-info-item .info-value.positive{color:#48bb78}.trade-info-item .info-value.negative{color:#fc8181}.chart-section h3{font-size:1rem;color:#e0e0e0;margin-bottom:15px}.chart-container{background:#151a24;border-radius:8px;padding:15px}.no-data-message{display:flex;align-items:center;justify-content:center;height:100%;color:#8892b0;font-size:14px}.chart-note{font-size:12px;color:#8892b0;text-align:center;margin-top:10px;font-style:italic}.performance-history-section{background:#1a202c;border-radius:12px;border:2px solid #2d3748;padding:25px;margin-bottom:30px}.performance-chart-container{height:250px;background:#151a24;border-radius:8px;padding:15px}.metric-selector{display:flex;align-items:center}.metric-dropdown{padding:8px 12px;font-size:13px;border:1px solid #4a5568;border-radius:6px;background:#151a24;color:#e0e0e0;cursor:pointer}.metric-dropdown:focus{border-color:#00d4ff;outline:none}.no-history-message{display:flex;align-items:center;justify-content:center;height:100%;color:#8892b0;font-size:14px}.no-history-message p{margin:0}.view-btn{padding:4px 10px;font-size:11px;font-weight:600;border:1px solid #00d4ff;border-radius:4px;background:transparent;color:#00d4ff;cursor:pointer;transition:all .2s}.view-btn:hover{background:#00d4ff26}.account-predictions-table .clickable-row{cursor:pointer}.account-predictions-table .clickable-row:hover{background:#00d4ff1a}