body[data-screen=home] .topbar{display:none!important}body[data-screen=home] #view{padding:10px 16px 120px!important;max-width:640px;margin:auto}body[data-screen=home]{background:#030208!important}.home37{container-type:inline-size;display:flex;flex-direction:column;gap:clamp(10px,3.3vw,20px);color:#faf8ff;font-family:Arial,sans-serif}.home37 button{font:inherit;color:inherit;cursor:pointer;box-sizing:border-box;text-align:left}.home37 button:focus-visible{outline:2px solid #57d5ff;outline-offset:3px}.h37-profile{display:flex;align-items:center;gap:1.5cqw;padding:2cqw;border:1px solid #3a294e;border-radius:18cqw;background:linear-gradient(115deg,#1c102c,#080610 68%);height:16.4cqw;margin-bottom:.8cqw;box-shadow:inset 0 1px 2px #b28dd425}.h37-person{display:flex;align-items:center;gap:1.5cqw;min-width:0;flex:1;border:0;background:none;padding:0}.h37-avatar{width:11cqw;height:11cqw;flex-shrink:0;border-radius:50%;background:#251937;border:2px solid #5b506b;display:grid;place-items:center;font-size:5cqw;overflow:hidden}.h37-avatar img{width:100%;height:100%;object-fit:cover}.h37-identity{min-width:0;flex:1}.h37-identity>b{font-size:4.1cqw;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:31cqw}.h37-xp{display:flex;gap:1cqw;align-items:center;margin-top:1cqw}.h37-xp em{font-style:normal;font-size:3.4cqw;font-weight:bold;color:#9f99af}.h37-xp i{height:3.5cqw;flex:1;background:#484454;border-radius:5cqw;overflow:hidden}.h37-xp u{display:block;height:100%;background:linear-gradient(90deg,#b348fc,#26b9ff);border-radius:5cqw}.h37-balances{width:20cqw;display:grid;gap:1cqw}.h37-balances b{display:flex;align-items:center;justify-content:flex-end;gap:.5cqw;background:#fff;color:#09070f;border-radius:6cqw;height:4.8cqw;padding-right:1cqw;font-size:3.4cqw}.h37-balances b+ b{background:#242329;color:white}.h37-balances img{width:3.5cqw;height:3.5cqw;object-fit:contain}.h37-plus{width:11cqw;height:11cqw;border-radius:50%;background:linear-gradient(135deg,#a14bff,#087dff);border:1px solid #997dff;display:grid;place-items:center}.h37-plus svg{width:6cqw}.h37-strip{display:flex;align-items:center;gap:2.5cqw;border:1px solid #3e2555;border-radius:3.3cqw;background:linear-gradient(100deg,#10071e,#0c0419);height:14cqw;padding:1.4cqw 2cqw;box-shadow:inset 0 1px 2px #aa82cc20}.h37-strip>img{width:10cqw;height:10cqw;object-fit:contain;background:radial-gradient(circle,#b444ff,#321259);border-radius:2cqw}.h37-strip>span{flex:1;min-width:0}.h37-strip b{font-size:3.55cqw;font-weight:500;white-space:nowrap}.h37-strip small{display:block;font-size:2.65cqw;color:#888192;margin-top:.5cqw}.h37-arrow{width:9cqw;height:9cqw;display:grid;place-items:center;border:1px solid #4c2469;border-radius:2.3cqw;background:#10061a;box-shadow:0 0 4px #6935ab20}.h37-arrow svg{width:4.6cqw;color:#d9b0ff}.h37-hero{position:relative;isolation:isolate;overflow:hidden;border:1px solid #563363;border-radius:3.4cqw;aspect-ratio:2.17;background:radial-gradient(ellipse at 88% 35%,#41226b,transparent 57%),linear-gradient(120deg,#271132,#0d071a 70%);box-shadow:inset 0 0 2px #e7c0ff55}.h37-mascot{position:absolute;width:57%;height:116%;object-fit:contain;right:-11%;bottom:-10%;z-index:-1}.h37-hero-copy{padding:6cqw 5.5cqw;position:relative}.h37-hero-copy>p{margin:0 0 1cqw;color:#c575ff;font-size:4.05cqw;letter-spacing:-.15cqw}.h37-hero h1{font-size:6.25cqw;letter-spacing:-.25cqw;line-height:1.1;white-space:nowrap;margin:0;font-weight:800;text-shadow:0 2px 6px #0007}.h37-facts{display:flex;gap:1cqw;margin:3.1cqw 0 2.6cqw;width:62%}.h37-facts span{flex:1;padding:1.4cqw;border-radius:.8cqw;background:#10061caa;white-space:nowrap}.h37-facts b{display:block;font-size:2.25cqw;font-weight:500}.h37-facts small{display:block;font-size:1.85cqw;color:#8c8099;margin-top:.4cqw}.h37-cta{display:block;border:0;border-radius:8cqw;background:linear-gradient(100deg,#ae47fa,#009dff);width:63%;height:8.4cqw;text-align:center!important;font-size:3.1cqw!important;font-weight:bold!important;box-shadow:inset 0 1px #ffffff30}.h37-live{padding:2cqw;border:1px solid #493351;border-radius:3.3cqw;background:linear-gradient(110deg,#1b102c,#080511);overflow:hidden}.h37-live h2{font-size:2.5cqw;color:#ff535a;display:flex;align-items:center;gap:1cqw;margin:0 0 1.7cqw}.h37-live h2 i{width:2.2cqw;height:2.2cqw;border-radius:50%;background:#ff3555;box-shadow:0 0 9px #ff294d}.h37-live #h37-feed{display:flex;gap:1.5cqw;overflow:auto;scrollbar-width:none;min-height:9cqw;align-items:center}.h37-win{flex-shrink:0;width:30cqw;display:flex;align-items:center;gap:1cqw;padding:1.2cqw 2cqw;border-radius:8cqw;background:#05030c;border:1px solid #302039}.h37-win img{width:5cqw;height:5cqw;object-fit:contain}.h37-win span{min-width:0}.h37-win b{font-size:2.7cqw;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#dca864;font-weight:500}.h37-win small,.h37-empty{font-size:2.5cqw;color:#958b9f}.h37-grid{display:grid;grid-template-columns:1fr 1fr;gap:3.3cqw}.h37-card{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 100% 100%,#35205080,transparent 65%),linear-gradient(130deg,#180b24,#07060e);border:1px solid #493052;border-radius:3.3cqw;padding:5cqw;text-align:left;box-shadow:inset 0 1px 1px #cfb3e522}.h37-card h2{font-size:4.1cqw;line-height:1.05;letter-spacing:-.1cqw;font-weight:500;color:#bd65eb;margin:0;position:relative;z-index:2}.h37-card p{font-size:2.65cqw;color:#93879d;line-height:1.3;margin:4cqw 0 0;position:relative;z-index:2}.h37-large{height:45.5cqw}.h37-card-cta{position:absolute;bottom:4.3cqw;left:4.5cqw;right:4.5cqw;height:9cqw;display:grid;place-items:center;border-radius:8cqw;background:linear-gradient(100deg,#48205f,#083c5b);font-size:2.8cqw;font-weight:bold}.h37-art{display:block;background-image:url('assets/components/home-art-v37.png');background-size:200% 200%;background-repeat:no-repeat;position:absolute;pointer-events:none;width:33cqw;height:33cqw;z-index:0}.h37-cards{background-position:0 0;top:10cqw;left:6cqw;height:23cqw;width:33cqw}.h37-wallet{background-position:100% 0;right:-4cqw;bottom:-3cqw;width:22cqw;height:22cqw}.h37-trophies{background-position:0 100%;right:0;bottom:-3cqw;width:43cqw;height:30cqw}.h37-pass{background-position:100% 100%;right:-5cqw;top:-4cqw;width:20cqw;height:25cqw;transform:rotate(12deg)}.h37-pass-lines{margin-top:6cqw;display:grid;gap:1.7cqw}.h37-pass-lines span{display:flex;align-items:center;gap:1.5cqw;color:#39beff;font-size:5cqw;line-height:1}.h37-pass-lines span+span{color:#ffdc47}.h37-pass-lines i{height:2.8cqw;background:#392558;border-radius:4cqw;width:24cqw}.h37-short{height:26.5cqw}.h37-short h2{font-size:3.8cqw;color:#ece7f5}.h37-short img{position:absolute;width:25cqw;height:25cqw;object-fit:contain;right:-4cqw;bottom:-4cqw}.h37-referral img{width:31cqw;height:31cqw;right:-7cqw;bottom:-6cqw}.h37-ranking{grid-column:1/-1;height:26.5cqw;background:radial-gradient(ellipse at right,#442d0d90,transparent 65%),#110c0b;border-color:#594025}.h37-ranking h2{color:#ffab17;font-size:4.7cqw}.h37-ranking>b{display:block;margin-top:2cqw;font-size:2.8cqw;color:#ffd455}.h37-ranking p{margin-top:2cqw;color:#ddd4c9}.home37 button:active{filter:brightness(1.15)}@media(prefers-reduced-motion:no-preference){.home37{animation:h37-enter .35s ease-out}@keyframes h37-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}}
