body,html{margin:0;padding:0;min-height:100%}html{color-scheme:dark}body{background:#020617;color:#ffffff;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}.pageShell{min-height:100vh;background:radial-gradient(circle at top,rgba(6,182,212,.16),transparent 28%),linear-gradient(135deg,#020617,#09090b 45%,#082f49);color:#ffffff}.pageContainer{max-width:1280px;margin:0 auto;padding:32px 16px}.hero{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:32px;text-align:center;flex-direction:column}.heroLogo{width:64px;height:64px;border-radius:18px;border:1px solid rgba(34,211,238,.2);background:rgba(255,255,255,.05);padding:8px;box-shadow:0 0 25px rgba(34,211,238,.15)}.heroTitle{margin:0;font-size:2.2rem;line-height:1.1;font-weight:700;letter-spacing:-.02em}.heroSubtitle{margin:8px 0 0;color:#d4d4d8;font-size:1rem}.topBar{display:flex;flex-direction:column;gap:12px;justify-content:space-between;margin-bottom:24px;padding:16px;border-radius:18px;border:1px solid rgba(39,39,42,.8);background:rgba(0,0,0,.3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.topBarText,.updatedText{color:#d4d4d8;font-size:.95rem}.topBarLabel,.updatedValue{color:#ffffff;font-weight:600}.topBarRight{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.refreshButton{border:1px solid rgba(34,211,238,.2);background:rgba(34,211,238,.1);color:#bae6fd;border-radius:12px;padding:10px 16px;font-size:.95rem;font-weight:600;cursor:pointer}.refreshButton:hover{background:rgba(34,211,238,.18)}.refreshButton:disabled{opacity:.7;cursor:default}.errorBox,.messageBox{border-radius:18px;padding:32px;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.messageBox{border:1px solid #27272a;background:rgba(0,0,0,.3);color:#d4d4d8}.errorBox{border:1px solid rgba(239,68,68,.3);background:rgba(239,68,68,.1);color:#fecaca}.statsGrid{display:grid;grid-template-columns:1fr;grid-gap:16px;gap:16px}.card{border-radius:20px;border:1px solid rgba(34,211,238,.2);background:rgba(9,9,11,.8);padding:20px;box-shadow:0 0 30px rgba(34,211,238,.08);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.cardLabel{margin-bottom:10px;font-size:.75rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:rgba(103,232,249,.8)}.cardValue{line-height:1;letter-spacing:-.02em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:clamp(1.1rem,2.4vw,2.2rem);font-weight:700;color:#ffffff}.cardSubvalue,.cardValue{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cardSubvalue{margin-top:12px;font-size:.92rem;color:#a1a1aa}.lowerGrid{display:grid;grid-template-columns:1fr;grid-gap:16px;gap:16px;margin-top:24px}.panel{border-radius:20px;border:1px solid #27272a;background:rgba(0,0,0,.3);padding:20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.panelWide{grid-column:span 1}.panelTitle{margin-bottom:16px;font-size:.8rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:rgba(103,232,249,.8)}.miniGrid{display:grid;grid-template-columns:1fr;grid-gap:16px;gap:16px}.miniCard{border-radius:14px;border:1px solid #27272a;background:rgba(9,9,11,.7);padding:16px}.miniLabel{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:#a1a1aa}.miniValue{margin-top:8px;font-size:1.05rem;font-weight:600;color:#ffffff;word-break:break-word}.walletList{display:flex;flex-direction:column;gap:12px}.walletCard{overflow:hidden;border-radius:14px;border:1px solid #27272a;background:rgba(9,9,11,.7);padding:12px;color:#d4d4d8;font-size:.9rem}.walletAddress{font-family:monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.walletBalance{margin-top:6px;color:#a1a1aa}.oaBox{margin-top:16px;border-radius:14px;border:1px solid rgba(34,211,238,.2);background:rgba(34,211,238,.1);padding:12px;font-size:.92rem;color:#cffafe}.oaBoxStrong{font-weight:700}@media (min-width:640px){.pageContainer{padding:32px 24px}.hero{text-align:left}.hero,.topBar{flex-direction:row}.topBar{align-items:center}.miniGrid{grid-template-columns:1fr 1fr}}@media (min-width:768px){.statsGrid{grid-template-columns:1fr 1fr}}@media (min-width:1200px){.statsGrid{grid-template-columns:repeat(4,1fr)}.lowerGrid{grid-template-columns:2fr 1fr}}.leaguesPanel{margin-top:24px}.leagueSubtitle{margin-top:-6px;margin-bottom:16px;color:#a1a1aa;font-size:.92rem}.leagueHeader,.leagueRow{display:grid;grid-template-columns:1.2fr .7fr 1.4fr 1fr;grid-gap:12px;gap:12px;align-items:center}.leagueHeader{padding:12px 14px;border-radius:12px;background:rgba(30,41,59,.5);border:1px solid rgba(34,211,238,.12);color:#cbd5e1;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.leagueRows{margin-top:12px;display:flex;flex-direction:column;gap:10px}.leagueRow{padding:14px;border-radius:14px;border:1px solid #27272a;background:rgba(9,9,11,.7)}.leaguePercent{color:#d4d4d8;font-weight:600}.leagueTokens{color:#e4e4e7;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;word-break:break-word}.leagueUsd{color:#22c55e;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}@media (max-width:860px){.leagueHeader{display:none}.leagueRow{grid-template-columns:1fr;gap:6px}.leagueName:after{content:""}.leaguePercent:before{content:"Percent: ";color:#71717a;font-weight:500}.leagueTokens:before{content:"Tokens Required: ";color:#71717a;font-weight:500}.leagueUsd:before{content:"USD Value: ";color:#71717a;font-weight:500}}.leagueName{display:flex;align-items:center;gap:8px;font-weight:700;color:#ffffff}.leagueIcon{font-size:1.2rem}