*{box-sizing:border-box}body{color:#fff;background:radial-gradient(circle at 0 0,#581c878c,#0000 34%),radial-gradient(circle at 100% 0,#14b8a629,#0000 28%),#030712;min-height:100vh;margin:0;font-family:Inter,Arial,sans-serif}button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6,#ec4899);border:none;border-radius:14px;width:100%;margin-top:12px;padding:13px 18px;font-size:15px;font-weight:800}button:hover{opacity:.92}button:disabled{cursor:not-allowed;opacity:.75}.app-shell{width:100%;max-width:1500px;margin:0 auto;padding:24px}.top-nav{z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#060a18f0;border:1px solid #785aff59;border-radius:24px;justify-content:space-between;align-items:center;gap:18px;width:100%;padding:16px 20px;display:flex;position:sticky;top:14px;box-shadow:0 18px 60px #00000059}.nav-brand{align-items:center;gap:14px;min-width:250px;display:flex}.nav-logo{color:#050816;background:linear-gradient(135deg,#06f7d8,#8b5cf6);border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;font-size:28px;font-weight:900;display:flex}.nav-title{letter-spacing:.5px;font-size:24px;font-weight:900}.nav-subtitle{color:#94a3b8;letter-spacing:2px;margin-top:4px;font-size:13px}.nav-links{flex:1;justify-content:center;gap:10px;display:flex}.nav-links button{color:#a6adbf;background:0 0;width:auto;margin:0;padding:10px 14px;font-size:13px}.nav-links button:hover{color:#a78bfa;background:#8b5cf626}.nav-actions{align-items:center;gap:12px;display:flex}.network-pill{white-space:nowrap;color:#5eead4;background:#14b8a61f;border:1px solid #2dd4bf66;border-radius:999px;padding:12px 18px;font-size:14px;font-weight:900}#topConnectBtn{color:#020617;background:linear-gradient(135deg,#06f7d8,#8b5cf6);border-radius:14px;width:auto;margin:0;padding:14px 24px;font-size:16px;font-weight:900}.hero-banner{background:radial-gradient(circle at 78%,#14b8a652,#0000 10%),radial-gradient(circle at 100%,#8b5cf652,#0000 34%),linear-gradient(135deg,#27145cf5,#080c1cf5);border:1px solid #6366f173;border-radius:26px;justify-content:space-between;align-items:center;gap:24px;min-height:175px;margin:28px 0 26px;padding:36px;display:flex}.hero-banner h1{margin:0 0 14px;font-size:34px;line-height:1.15}.hero-banner p{color:#c7d2fe;max-width:830px;margin:0;font-size:18px;line-height:1.6}.hero-orb{color:#050816;background:linear-gradient(135deg,#06f7d8,#8b5cf6);border-radius:999px;justify-content:center;align-items:center;width:108px;min-width:108px;height:108px;font-size:54px;font-weight:900;display:flex;box-shadow:0 0 55px #14b8a652}.stats-row{grid-template-columns:repeat(5,1fr);gap:18px;margin-bottom:24px;display:grid}.stat-card{background:#0f172ac7;border:1px solid #94a3b833;border-radius:20px;padding:22px;box-shadow:0 20px 60px #00000038}.stat-card span{color:#c7d2fe;font-size:14px}.stat-card small{color:#2dd4bf}.dashboard-main{grid-template-columns:330px 1fr 490px;align-items:start;gap:22px;display:grid}.center-panel,.right-panel{flex-direction:column;gap:22px;display:flex}.card,.profile-panel,.leaderboard-card,.referral-card{background:#0f172ac7;border:1px solid #94a3b838;border-radius:22px;width:100%;padding:24px;box-shadow:0 24px 70px #00000038}.card h2,.profile-panel h2,.leaderboard-section h2,.referral-section h2{margin:0 0 18px;font-size:22px}.subtitle{color:#b9c0d4;margin:0 0 12px}.profile-panel{text-align:center;position:sticky;top:120px}.profile-panel h2{text-transform:uppercase;color:#a78bfa;letter-spacing:1px;font-size:17px}.profile-circle{background:radial-gradient(circle,#8b5cf6f2,#312e8180 52%,#0000 56%),conic-gradient(from 90deg,#22d3ee,#8b5cf6,#22d3ee);border-radius:999px;justify-content:center;align-items:center;width:160px;height:160px;margin:18px auto;display:flex}.profile-circle b{font-size:38px;font-weight:900}.profile-wallet{color:#c7d2fe;word-break:break-all;margin:8px 0 18px}.profile-info-row{color:#c7d2fe;background:#ffffff0b;border-radius:16px;justify-content:space-between;gap:12px;margin-top:12px;padding:16px;display:flex}.profile-info-row b{color:#fff;text-align:right}.mono{word-break:break-all;font-family:monospace;font-size:11px}#status{color:#c4b5fd;min-height:22px;margin:16px 0 0}.daily-box{background:#ffffff0b;border-radius:18px;justify-content:space-between;align-items:center;gap:22px;padding:22px;display:flex}.daily-box h3{margin:0 0 8px;font-size:20px}.daily-box p{color:#c7d2fe;margin:0}.daily-box button{width:auto;min-width:160px;margin:0}.quest-card,.onchain-card{background:#ffffff0e;border:1px solid #ffffff1f;border-radius:16px;margin-bottom:12px;padding:16px}.quest-card h3,.onchain-card h3{margin:0 0 6px;font-size:18px}.quest-card p,.onchain-card p{color:#c7cbd8;margin:0 0 10px}.quest-card button,.onchain-card button{border-radius:13px;margin-top:8px;padding:11px 14px}.nft-row{justify-content:space-between;align-items:center;gap:14px;display:flex}.nft-thumb{object-fit:contain;width:82px;height:82px}.extra-grid{grid-template-columns:1fr 1fr;align-items:start;gap:24px;margin-top:24px;display:grid}.info,.opn-info-box{background:#ffffff0f;border-radius:18px;margin:16px 0;padding:18px}.info p,.opn-info-box p{color:#b9c0d4;justify-content:space-between;gap:14px;margin:10px 0;display:flex}.info span,.opn-info-box span{color:#a6adbf}.info b,.opn-info-box b{color:#fff;text-align:right}.stake-input-wrapper{width:100%;margin:14px 0 16px;position:relative}.stake-input{color:#fff;background:#ffffff12;border:1px solid #a855f780;border-radius:14px;outline:none;width:100%;padding:14px 18px;font-size:15px}.stake-input::placeholder{color:#ffffff80}.stake-input:focus{border-color:#d946ef;box-shadow:0 0 0 3px #d946ef29}.max-btn{border-radius:10px;min-width:58px;font-size:12px;position:absolute;top:50%;right:8px;transform:translateY(-50%);width:auto!important;margin:0!important;padding:8px 12px!important}.inner-card{background:#ffffff0a;border-radius:18px;margin-bottom:18px;padding:18px}.leaderboard-row{background:#1e293be6;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;padding:13px 14px;display:flex}.leaderboard-left{align-items:center;gap:12px;display:flex}.leaderboard-rank{color:#facc15;min-width:42px;font-size:18px;font-weight:900}.leaderboard-wallet{color:#e5e7eb;font-size:14px}.leaderboard-badge{opacity:.75;margin-top:4px;font-size:12px}.leaderboard-points{color:#22c55e;font-weight:900}.leaderboard-me{background:#22c55e1f;border:1px solid #22c55e8c}.your-rank-box{background:#7c3aed26;border:1px solid #a78bfa59;border-radius:14px;margin-bottom:14px;padding:12px 14px;font-weight:800}.you-label{color:#86efac;background:#22c55e40;border-radius:999px;margin-left:8px;padding:3px 7px;font-size:11px}.referral-box span{color:#c7d2fe;margin-bottom:8px;display:block}#referralLink{color:#fff;background:#0f172ae6;border:1px solid #94a3b840;border-radius:13px;width:100%;margin:8px 0 10px;padding:13px}.hidden-connect-btn{display:none!important}.empty-leaderboard{color:#cbd5e1;text-align:center;padding:14px}@media (width<=1250px){.dashboard-main{grid-template-columns:1fr}.profile-panel{position:static}.stats-row{grid-template-columns:repeat(2,1fr)}.extra-grid{grid-template-columns:1fr}}@media (width<=900px){.top-nav{flex-direction:column;align-items:stretch}.nav-brand{justify-content:center}.nav-links{flex-wrap:wrap}.nav-actions{justify-content:center}.hero-orb{display:none}.daily-box{flex-direction:column;align-items:stretch}.daily-box button{width:100%}}@media (width<=650px){.app-shell{padding:14px}.hero-banner{padding:24px}.hero-banner h1{font-size:26px}.stats-row{grid-template-columns:1fr}.nav-actions{flex-direction:column}#topConnectBtn,.network-pill{text-align:center;width:100%}}.stat-card b{color:#fff;align-items:baseline;gap:8px;margin-top:12px;margin-bottom:10px;font-size:23px;font-weight:800;display:flex}.stat-card b span{font-size:inherit;font-weight:inherit;color:inherit;white-space:nowrap}.profile-stats-box{background:#ffffff0f;border:1px solid #ffffff14;border-radius:18px;margin-top:18px;padding:18px 20px}.profile-stats-box p{justify-content:space-between;align-items:center;margin:12px 0;display:flex}.profile-stats-box span{color:#cfd3ff;font-size:15px}.profile-stats-box b{color:#fff;font-size:16px;font-weight:700}html{scroll-behavior:smooth}section{scroll-margin-top:380px}#backToTopBtn{color:#fff;cursor:pointer;z-index:9999;background:linear-gradient(135deg,#18e0d0,#8b5cf6);border:none;border-radius:50%;width:42px;height:42px;font-size:22px;font-weight:700;display:none;position:fixed;bottom:20px;right:12px;box-shadow:0 8px 20px #0000004d}#backToTopBtn.show{justify-content:center;align-items:center;display:flex}.swap-card{scroll-margin-top:240px}.section-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.coming-pill{color:#20f0df;background:#18e0d01f;border:1px solid #18e0d059;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:800}.swap-desc{color:#bfc8ff;margin:10px 0 18px;line-height:1.5}.swap-panel{background:#ffffff0e;border:1px solid #ffffff14;border-radius:20px;padding:16px}.swap-row{background:#0000002e;border:1px solid #ffffff14;border-radius:16px;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.swap-row span{color:#9fa8d8;margin-bottom:4px;font-size:13px;display:block}.swap-row b{color:#fff;font-size:20px}.swap-row input{color:#fff;text-align:right;background:0 0;border:none;outline:none;width:55%;font-size:24px;font-weight:800}.swap-switch{color:#fff;background:linear-gradient(135deg,#18e0d0,#8b5cf6);border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;margin:12px auto;font-size:22px;font-weight:900;display:flex}.swap-actions{grid-template-columns:1fr 1fr;gap:14px;margin-top:16px;display:grid}.swap-actions button{opacity:.75;cursor:not-allowed}.streak-container{align-items:center;gap:14px;margin-top:18px;display:flex}.streak-label{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#12e6d3,#4f8cff);-webkit-background-clip:text;background-clip:text;justify-content:center;align-items:center;height:30px;margin:0;padding:0;font-size:15px;font-weight:800;line-height:30px;display:inline-flex}.checkin-streak-row{align-items:center;gap:8px;display:flex}.streak-day{color:#fff;opacity:.65;background:linear-gradient(135deg,#7c3aed,#c026d3);border:1px solid #ffffff1f;border-radius:10px;justify-content:center;align-items:center;width:46px;height:30px;font-size:13px;font-weight:800;display:flex}.streak-day.active{color:#06101f;opacity:1;background:linear-gradient(135deg,#12e6d3,#4f8cff);border:1px solid #12e6d3b3;box-shadow:0 0 18px #12e6d359}.nft-claimed-list{flex-direction:column;gap:2px;margin-top:10px;display:flex}.nft-claimed-list p{color:#dbe7ff;justify-content:space-between;align-items:center;margin:0;padding:2px 0;font-size:13px;line-height:1.2;display:flex}.nft-claimed-list b{text-align:right;min-width:20px;font-size:15px;font-weight:700}.stat-card .nft-claimed-list{flex-direction:column;gap:0;margin-top:16px;display:flex}.stat-card .nft-claimed-list p{color:#e8efff;justify-content:space-between;align-items:center;height:28px;margin:0;padding:1px 0;font-size:13px;line-height:28px;display:flex}.stat-card .nft-claimed-list b{text-align:right;min-width:18px;font-size:14px;font-weight:700;line-height:1}.stat-card>b{white-space:nowrap}.streak-day.active{color:#fff!important;background:linear-gradient(135deg,#00eaff,#4f7cff)!important;box-shadow:0 0 16px #00eaffa6!important}.arcade-card{overflow:hidden}.arcade-locked{background:#ff507814;border:1px solid #ff507840;border-radius:18px;margin-top:18px;padding:24px}.arcade-game{margin-top:18px}.arcade-info{color:#dbe7ff;flex-wrap:wrap;gap:16px;margin-bottom:12px;display:flex}.arcade-info span{background:#ffffff0f;border-radius:999px;padding:8px 12px}#gameCanvas{background:linear-gradient(#111b3d,#071025);border:1px solid #78a0ff40;border-radius:18px;width:100%;max-width:720px;height:260px;display:block}.arcade-actions{flex-wrap:wrap;gap:12px;margin-top:14px;display:none}.arcade-buy-btn{cursor:pointer;border:none;border-radius:12px;margin-left:auto;padding:8px 16px}.arcade-bottom-row{align-items:center;gap:12px;margin-top:16px;display:flex}.arcade-buy-small{min-width:220px;width:auto!important}.arcade-message{color:#ffd166;min-height:24px;margin-top:12px;font-weight:600}