*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#1a1a1a;color:#e0e0e0;overflow-x:hidden}#root{min-height:100vh;background-color:#1a1a1a}.app{min-height:100vh;background-color:#1a1a1a;padding:20px}.main-content{display:grid;grid-template-columns:1fr auto 1fr;gap:40px;max-width:1400px;margin:20px auto 0;align-items:start;min-height:calc(100vh - 200px)}.left-column,.right-column{width:300px}.left-column{justify-self:start;margin-right:auto}.right-column{justify-self:end;margin-left:auto}@media (max-width: 1024px){.app{padding:15px}.main-content{gap:30px;max-width:1000px}.left-column,.right-column{width:280px}}@media (max-width: 768px){.app{padding:10px}.main-content{grid-template-columns:1fr;gap:20px;max-width:100%;margin-top:15px;min-height:auto}.left-column,.right-column{width:100%;max-width:100%}.left-column,.right-column{justify-self:center;margin:0}}@media (max-width: 480px){.app{padding:8px}.main-content{gap:15px;margin-top:10px}}.card{background-color:#2a2a2a;border-radius:12px;padding:12px;margin-bottom:16px;border:1px solid #333;min-height:140px;display:flex;flex-direction:column}.card.chart-card{min-height:200px}.card.text-card{min-height:180px;padding:20px}.card-title{color:#a0a0a0;font-size:14px;font-weight:500;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}@media (max-width: 768px){.card{padding:10px;margin-bottom:12px;min-height:120px;border-radius:8px}.card.chart-card{min-height:180px}.card.text-card{min-height:140px;padding:16px}.card-title{font-size:12px;margin-bottom:10px}}@media (max-width: 480px){.card{padding:8px;margin-bottom:10px;min-height:100px;border-radius:6px}.card.chart-card{min-height:160px}.card.text-card{min-height:120px;padding:14px}.card-title{font-size:11px;margin-bottom:8px}}.accent-color{color:#cef80e}.text-white{color:#e0e0e0}.text-gray{color:#a0a0a0}.loading{color:#cef80e;text-align:center;padding:20px;font-size:16px}.error{color:#ff6b6b;text-align:center;padding:20px;font-size:16px}@media (max-width: 768px){.loading,.error{padding:15px;font-size:14px}}@media (max-width: 480px){.loading,.error{padding:10px;font-size:13px}}.header{display:flex;justify-content:space-between;align-items:center;padding:20px 0;max-width:1400px;margin:0 auto;border-bottom:1px solid #333}.header-left{display:flex;align-items:center;gap:20px}.logo-container{display:flex;align-items:center;gap:12px}.logo-icon{width:40px;height:40px;background-color:transparent;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden}.logo-image{width:24px;height:24px;object-fit:contain}.logo-text{font-size:24px;font-weight:600;color:#cef80e}.rank-number{font-size:48px;font-weight:700;color:#e0e0e0}.header-center{flex:1;margin:0 40px;display:flex;justify-content:center}.stronghold-details{display:flex;gap:40px;align-items:center}.detail-pair{display:flex;flex-direction:column;align-items:center;gap:4px}.detail-value{font-size:16px;color:#e0e0e0;font-weight:600}.header-right{display:flex;gap:30px}.metric-circle{display:flex;flex-direction:column;align-items:center;gap:8px}.circle-progress{position:relative;width:60px;height:60px}.circle-svg{width:100%;height:100%;transform:rotate(-90deg)}.circle-bg{fill:none;stroke:#333;stroke-width:4}.circle-fill{fill:none;stroke-width:4;stroke-linecap:round;transition:stroke-dashoffset .3s ease}.uptime .circle-fill,.vote .circle-fill{stroke:#cef80e}.skip .circle-fill{stroke:#a0a0a0}.circle-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:12px;font-weight:600}.uptime .circle-text,.vote .circle-text{color:#cef80e}.skip .circle-text{color:#a0a0a0}.circle-label{font-size:10px;color:#a0a0a0;text-transform:uppercase;letter-spacing:.5px}.preloader{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0a0a0a,#1a1a1a);display:flex;align-items:center;justify-content:center;z-index:9999}.preloader-content{display:flex;flex-direction:column;align-items:center;gap:30px;padding:20px;max-width:100%}.logo-container{position:relative;display:flex;align-items:center;justify-content:center}.preloader-logo{width:80px;height:80px;object-fit:contain;filter:drop-shadow(0 0 20px rgba(206,248,14,.3));transition:all .3s ease}.loading-spinner{position:absolute;width:100px;height:100px;border:3px solid rgba(206,248,14,.1);border-top:3px solid #cef80e;border-radius:50%;animation:spin 1s linear infinite;transition:all .3s ease}.loading-text{font-size:18px;color:#cef80e;font-weight:500;text-align:center;animation:pulse 2s ease-in-out infinite;transition:all .3s ease}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:.7}50%{opacity:1}}@media (max-width: 1024px) and (min-width: 769px){.preloader-content{gap:25px}.preloader-logo{width:70px;height:70px}.loading-spinner{width:90px;height:90px}.loading-text{font-size:17px}}@media (max-width: 768px){.preloader-content{gap:20px;padding:15px}.preloader-logo{width:60px;height:60px}.loading-spinner{width:80px;height:80px}.loading-text{font-size:16px}}@media (max-width: 480px){.preloader-content{gap:15px;padding:10px}.preloader-logo{width:50px;height:50px}.loading-spinner{width:70px;height:70px;border-width:2px}.loading-text{font-size:14px;line-height:1.4}}@media (max-width: 320px){.preloader-content{gap:12px;padding:8px}.preloader-logo{width:45px;height:45px}.loading-spinner{width:65px;height:65px;border-width:2px}.loading-text{font-size:13px;line-height:1.3}}@media (max-height: 500px) and (orientation: landscape){.preloader-content{gap:15px;flex-direction:row;align-items:center}.preloader-logo{width:50px;height:50px}.loading-spinner{width:70px;height:70px}.loading-text{font-size:16px;margin-left:20px}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.preloader-logo{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}@media (max-width: 768px){.header{flex-direction:column;gap:15px;text-align:center;padding:15px 0}.header-left{order:1;justify-content:center}.header-center{margin:0;order:2;width:100%}.stronghold-details{gap:15px;flex-wrap:wrap;justify-content:center;max-width:100%}.detail-pair{min-width:80px;flex:1;max-width:120px}.detail-label{font-size:10px;margin-bottom:2px}.detail-value{font-size:13px;word-break:break-all}.identity-value{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100px}.header-right{gap:15px;order:3;justify-content:center;flex-wrap:wrap}.metric-circle{gap:4px}.circle-progress{width:45px;height:45px}.circle-svg{width:100%;height:100%}.circle-bg,.circle-fill{cx:22.5;cy:22.5;r:20}.circle-text{font-size:9px}.circle-label{font-size:8px}.rank-number{font-size:32px}.logo-text{font-size:20px}.logo-image{width:20px;height:20px}}@media (max-width: 480px){.header{padding:10px 0;gap:12px}.stronghold-details{gap:12px}.detail-pair{min-width:70px;max-width:100px}.detail-label{font-size:9px}.detail-value{font-size:12px}.identity-value{font-size:10px;max-width:80px}.header-right{gap:12px}.circle-progress{width:40px;height:40px}.circle-bg,.circle-fill{cx:20;cy:20;r:17}.circle-text{font-size:8px}.circle-label{font-size:7px}.logo-text{font-size:18px}.logo-image{width:18px;height:18px}}@media (max-width: 320px){.header{padding:8px 0;gap:10px}.stronghold-details{gap:10px}.detail-pair{min-width:60px;max-width:80px}.detail-label{font-size:8px}.detail-value{font-size:11px}.identity-value{font-size:9px;max-width:70px}.header-right{gap:10px}.circle-progress{width:35px;height:35px}.circle-bg,.circle-fill{cx:17.5;cy:17.5;r:15}.circle-text{font-size:7px}.circle-label{font-size:6px}.logo-text{font-size:16px}.logo-image{width:16px;height:16px}}.left-column{display:flex;flex-direction:column}.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.detail-subtext{font-size:12px;color:#a0a0a0;margin-top:2px}.status-stake-container{display:grid;grid-template-columns:1fr 1fr;gap:20px}.status-section,.stake-section{display:flex;flex-direction:column;gap:12px}.time-selector{display:flex;gap:8px;margin-bottom:16px}.time-btn{padding:6px 12px;background-color:transparent;border:1px solid #333;border-radius:4px;color:#e0e0e0;font-size:12px;cursor:pointer;transition:all .2s ease}.time-btn:hover{border-color:#cef80e;color:#cef80e}.time-btn.active{background-color:#cef80e;color:#1a1a1a;border-color:#cef80e}@media (max-width: 768px){.details-grid{grid-template-columns:1fr;gap:10px}.detail-item{gap:3px}.detail-label{font-size:11px}.detail-value{font-size:13px}.detail-subtext{font-size:11px}.status-stake-container{grid-template-columns:1fr;gap:16px}.status-section,.stake-section{gap:10px}.chart-header{margin-bottom:12px}.chart-value{font-size:20px}.chart-container{height:80px;margin-top:6px}.time-selector{gap:6px;margin-bottom:12px}.time-btn{padding:5px 10px;font-size:11px}}@media (max-width: 480px){.details-grid{gap:8px}.detail-label{font-size:10px}.detail-value{font-size:12px}.detail-subtext{font-size:10px}.status-stake-container{gap:12px}.status-section,.stake-section{gap:8px}.chart-header{margin-bottom:10px}.chart-value{font-size:18px}.chart-container{height:70px;margin-top:4px}.time-selector{gap:4px;margin-bottom:10px;flex-wrap:wrap}.time-btn{padding:4px 8px;font-size:10px;flex:1;min-width:0}}.center-column{display:flex;align-items:center;justify-content:center;width:200px;height:100%;margin:0 auto}.center-icon-container{position:relative;display:flex;align-items:center;justify-content:center}.center-icon{width:200px;height:200px;background-color:transparent;border:10px solid #cef80e;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;z-index:2}.center-logo-image{width:160px;height:160px;object-fit:contain}@media (max-width: 1024px){.center-column{order:-1;padding:20px 0;width:180px}.center-icon{width:180px;height:180px;border-width:8px}.center-logo-image{width:150px;height:150px}}@media (max-width: 768px){.center-column{order:-1;padding:15px 0;width:150px}.center-icon{width:150px;height:150px;border-width:6px}.center-logo-image{width:130px;height:130px}}@media (max-width: 480px){.center-column{padding:10px 0;width:120px}.center-icon{width:120px;height:120px;border-width:5px}.center-logo-image{width:105px;height:105px}}@media (max-width: 320px){.center-column{padding:8px 0;width:100px}.center-icon{width:100px;height:100px;border-width:4px}.center-logo-image{width:90px;height:90px}}.right-column{display:flex;flex-direction:column}.text-card{justify-content:flex-start}.chart-card{justify-content:space-between}.stake-changes-container{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.stake-change-section{display:flex;flex-direction:column;gap:8px}.net-change{display:flex;flex-direction:column;gap:8px;padding-top:16px;border-top:1px solid #333}.net-change-value{font-size:20px;font-weight:600}.chart-header{margin-bottom:16px}.chart-value{font-size:24px;font-weight:600;color:#e0e0e0}.chart-container{height:100px;margin-top:8px;flex:1}.enhanced-chart{background:linear-gradient(135deg,#1e1e1e80,#1414144d);border-radius:8px;padding:10px;border:1px solid rgba(206,248,14,.1);box-shadow:0 4px 20px #0000004d;height:120px}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-label{font-size:12px;color:#a0a0a0;text-transform:uppercase;letter-spacing:.5px}.detail-value{font-size:14px;color:#e0e0e0;font-weight:500}.enhanced-stake-card{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border:1px solid #333;border-radius:12px;padding:20px;margin-bottom:16px}.stake-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.stake-title-section{flex:1}.stake-amount{font-size:28px;font-weight:700;color:#cef80e;margin-top:4px;line-height:1}.stake-percentage-section{text-align:right}.percentage-change{font-size:18px;font-weight:600;margin-bottom:2px}.percentage-change.positive{color:#4ade80}.percentage-change.negative{color:#f87171}.period-label{font-size:12px;color:#888;text-transform:uppercase;letter-spacing:.5px}.stake-metrics{display:flex;justify-content:space-between;margin-bottom:16px;padding:12px 0;border-top:1px solid #333;border-bottom:1px solid #333}.metric-item{display:flex;flex-direction:column;align-items:center;flex:1}.metric-label{font-size:12px;color:#888;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.metric-value{font-size:16px;font-weight:600;color:#e0e0e0}.metric-value.positive{color:#4ade80}.metric-value.negative{color:#f87171}.chart-container.enhanced{height:120px;margin-top:8px}.custom-tooltip{background:#000000e6;border:1px solid #333;border-radius:6px;padding:8px 12px;color:#e0e0e0;font-size:12px}.tooltip-time{margin:0 0 4px;color:#888;font-size:11px}.tooltip-value{margin:0;color:#cef80e;font-weight:600}@media (max-width: 768px){.enhanced-stake-card{padding:16px;margin-bottom:12px}.stake-header{margin-bottom:12px}.stake-amount{font-size:24px}.percentage-change{font-size:16px}.stake-metrics{margin-bottom:12px;padding:8px 0}.metric-item{flex:1}.metric-value{font-size:14px}.chart-container.enhanced{height:100px}.stake-changes-container{grid-template-columns:1fr;gap:16px;margin-bottom:16px}.stake-change-section{gap:6px}.net-change{gap:6px;padding-top:12px}.net-change-value{font-size:18px}.chart-header{margin-bottom:12px}.chart-value{font-size:20px}.chart-container{height:80px;margin-top:6px}.detail-item{gap:3px}.detail-label{font-size:11px}.detail-value{font-size:13px}}@media (max-width: 480px){.enhanced-stake-card{padding:12px;margin-bottom:10px}.stake-amount{font-size:20px}.percentage-change{font-size:14px}.stake-metrics{padding:6px 0}.metric-value{font-size:12px}.chart-container.enhanced{height:80px}.stake-changes-container{gap:12px;margin-bottom:12px}.stake-change-section{gap:5px}.net-change{gap:5px;padding-top:10px}.net-change-value{font-size:16px}.chart-header{margin-bottom:10px}.chart-value{font-size:18px}.chart-container{height:70px;margin-top:4px}.detail-item{gap:2px}.detail-label{font-size:10px}.detail-value{font-size:12px}}