:root{color:#f0f0ed;background:#090a0c;font-family:Inter,Geist,SF Pro Display,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg: #090a0c;--surface: #101114;--surface-2: #151619;--line: rgba(255, 255, 255, .09);--line-strong: rgba(255, 255, 255, .15);--muted: #92959b;--soft: #b8babf;--text: #f0f0ed}*{box-sizing:border-box}html{min-width:320px;background:var(--bg);scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;min-height:100dvh;overflow-x:hidden;background:linear-gradient(180deg,rgba(255,255,255,.018),transparent 24rem),var(--bg)}button,input,textarea{font:inherit}button{color:inherit}button:focus-visible,[tabindex]:focus-visible{outline:2px solid rgba(231,213,160,.86);outline-offset:3px}img{display:block;max-width:100%}.app-shell{min-height:100dvh;padding-bottom:max(36px,env(safe-area-inset-bottom))}.profile-page{width:100%;margin:0 auto}.profile-header{position:relative}.cover{position:relative;width:100%;aspect-ratio:16 / 8.7;max-height:430px;overflow:hidden;background:#111217}.cover img{width:100%;height:100%;object-fit:cover}.cover-fallback{background:linear-gradient(125deg,transparent 0 33%,rgba(255,255,255,.035) 33.2% 33.7%,transparent 34% 100%),linear-gradient(30deg,#121318,#202126 38%,#111216 72%,#191a1d)}.cover-fallback:before,.cover-fallback:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.055);transform:rotate(24deg)}.cover-fallback:before{width:44%;aspect-ratio:1;right:8%;top:-25%}.cover-fallback:after{width:25%;aspect-ratio:1;right:31%;bottom:-29%}.cover-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(9,10,12,.08) 35%,rgba(9,10,12,.32) 72%,var(--bg) 100%);pointer-events:none}.identity-row{position:relative;display:grid;grid-template-columns:78px minmax(0,1fr) 42px;gap:13px;align-items:start;padding:0 18px;margin-top:-28px;z-index:3}.avatar{width:78px;height:78px;overflow:hidden;border:3px solid var(--bg);border-radius:50%;background:#1b1c20;box-shadow:0 0 0 1px #ffffff24}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-fallback{display:grid;place-items:center;color:#deded9;background:linear-gradient(145deg,#28292d,#151619);font-size:21px;font-weight:600;letter-spacing:.06em}.identity-copy{min-width:0;padding-top:31px}.name-line{display:flex;min-width:0;align-items:center;gap:9px}h1,h2,h3,p{margin:0}.name-line h1{min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:21px;line-height:1.2;font-weight:620;white-space:nowrap}.bio{max-width:630px;margin-top:10px;color:var(--soft);font-size:13.5px;line-height:1.55}.icon-button{display:grid;flex:0 0 auto;width:40px;height:40px;place-items:center;border:1px solid var(--line);border-radius:8px;color:#d5d6d2;background:#121316e0;cursor:pointer;transition:border-color .16s ease,background-color .16s ease,transform .16s ease}.icon-button svg{width:17px;height:17px}.share-button{margin-top:30px}.icon-button:hover{border-color:var(--line-strong);background:#191a1e}.icon-button:active{transform:scale(.96)}.badge-wrap{position:relative;flex:0 1 auto}.badge-trigger{display:flex;max-width:125px;height:28px;align-items:center;gap:6px;padding:3px 8px 3px 4px;overflow:hidden;border:1px solid rgba(205,179,105,.26);border-radius:8px;color:#d8c78f;background:#be9d4614;cursor:pointer;font-size:11px}.badge-trigger>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge-icon{position:relative;display:block;flex:0 0 20px;width:20px;height:20px}.badge-icon img,.badge-icon .image-fallback{width:100%;height:100%;object-fit:contain}.badge-image-fallback{display:grid;place-items:center;color:#cfb66e}.badge-image-fallback svg{width:14px}.badge-popover{position:absolute;top:calc(100% + 9px);left:0;width:min(270px,calc(100vw - 32px));padding:18px;border:1px solid var(--line-strong);border-radius:8px;background:#17181b;box-shadow:0 18px 50px #0006;z-index:20;animation:popover-in .16s ease-out}.badge-popover-mark{display:grid;width:34px;height:34px;margin-bottom:13px;place-items:center;border:1px solid rgba(205,179,105,.25);border-radius:50%;color:#cfb66e;background:#be9d4614}.badge-popover-mark svg{width:17px}.badge-popover strong{font-size:14px}.badge-popover p{margin-top:6px;color:var(--soft);font-size:12.5px;line-height:1.5}.popover-close{position:absolute;top:8px;right:8px;display:grid;width:30px;height:30px;place-items:center;border:0;color:var(--muted);background:transparent;cursor:pointer}.popover-close svg{width:14px}@keyframes popover-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.page-content{padding:26px 18px 0}.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.metric{display:flex;min-height:76px;flex-direction:column;justify-content:space-between;padding:13px 14px;border:1px solid var(--line);border-radius:8px;background:#141518b8}.metric-label{color:var(--muted);font-size:10px;font-weight:600;letter-spacing:.11em;text-transform:uppercase}.metric strong{font-size:22px;line-height:1;font-weight:560}.metric-locked{background:linear-gradient(110deg,rgba(255,255,255,.025),transparent),#141518a6}.metric-private{display:flex;align-items:center;gap:7px;color:#b8babd;font-size:14px;font-weight:520}.metric-private svg{width:15px}.content-section{margin-top:34px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:14px}.eyebrow{display:block;margin-bottom:5px;color:#777a80;font-size:9px;font-weight:650;letter-spacing:.17em;text-transform:uppercase}.section-heading h2{font-size:17px;line-height:1.25;font-weight:590}.section-count{color:#74777c;font-size:11px;font-variant-numeric:tabular-nums}.featured-track{display:grid;grid-auto-columns:minmax(148px,44vw);grid-auto-flow:column;gap:10px;overflow-x:auto;padding:1px 18px 10px;margin:0 -18px;scroll-padding-left:18px;scroll-snap-type:x mandatory;scrollbar-width:none}.featured-track::-webkit-scrollbar{display:none}.item-card{--rarity: #a9adb3;--rarity-rgb: 169, 173, 179;position:relative;display:block;min-width:0;padding:0;overflow:hidden;border:1px solid rgba(var(--rarity-rgb),.22);border-radius:8px;color:var(--text);text-align:left;background:#121316;cursor:pointer;isolation:isolate;transition:border-color .18s ease,background-color .18s ease,transform .18s ease}.item-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid rgba(var(--rarity-rgb),.22);border-radius:inherit;opacity:.35;pointer-events:none}.item-card:hover{border-color:rgba(var(--rarity-rgb),.5);background:#151619;transform:translateY(-2px)}.item-card:active{transform:scale(.985)}.featured-card{scroll-snap-align:start}.item-art{position:relative;display:block;width:100%;aspect-ratio:1;overflow:hidden;background:radial-gradient(circle at 50% 35%,rgba(var(--rarity-rgb),.11),transparent 55%),#0e0f11}.item-image,.item-art .image-skeleton,.item-art .image-fallback{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.item-image{object-fit:cover;opacity:0;transition:opacity .24s ease,transform .35s ease}.item-image.is-loaded{opacity:1}.item-card:hover .item-image{transform:scale(1.018)}.image-skeleton{background:linear-gradient(100deg,#131417 25%,#1c1d21,#131417 65%);background-size:220% 100%;animation:skeleton-shift 1.5s ease-in-out infinite}@keyframes skeleton-shift{0%{background-position:100% 0}to{background-position:-100% 0}}.image-fallback{display:grid;place-items:center;color:rgba(var(--rarity-rgb),.68);background:linear-gradient(135deg,transparent 49.5%,rgba(var(--rarity-rgb),.11) 50%,transparent 50.5%),radial-gradient(circle,rgba(var(--rarity-rgb),.09),transparent 60%)}.item-image-fallback svg{width:25%;height:25%;stroke-width:1.25}.item-info{display:block;min-height:69px;padding:11px 11px 12px}.item-info strong{display:-webkit-box;min-height:34px;overflow:hidden;font-size:12.5px;line-height:1.35;font-weight:560;-webkit-box-orient:vertical;-webkit-line-clamp:2}.item-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:7px}.rarity-label{color:var(--rarity);font-size:9px;font-weight:640;letter-spacing:.08em;text-transform:uppercase}.serial-small{color:#9d8c5a;font-size:9px;font-variant-numeric:tabular-nums}.milestone-list{padding:0;margin:0;list-style:none;border-top:1px solid var(--line)}.milestone{position:relative;display:flex;min-height:66px;align-items:center;gap:12px;padding:10px 8px 10px 13px;border-bottom:1px solid var(--line)}.milestone:before{content:"";position:absolute;top:17px;bottom:17px;left:0;width:2px;background:var(--rarity)}.milestone-icon{position:relative;display:block;flex:0 0 36px;width:36px;height:36px}.milestone-icon img,.milestone-icon .image-fallback,.milestone-icon .image-skeleton{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:50%}.milestone-image-fallback{border:1px solid rgba(var(--rarity-rgb),.18);background:rgba(var(--rarity-rgb),.06)}.milestone-image-fallback svg{width:16px}.milestone-copy{display:flex;min-width:0;flex-direction:column;gap:5px}.milestone-copy strong{overflow-wrap:anywhere;font-size:12.5px;line-height:1.4;font-weight:520}.inventory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.empty-inline,.empty-inventory{display:grid;place-items:center;border:1px dashed var(--line-strong);border-radius:8px;color:var(--muted);text-align:center}.empty-inline{grid-template-columns:auto 1fr;gap:10px;min-height:72px;padding:15px;text-align:left}.empty-inline svg{width:18px}.empty-inline p{font-size:12.5px}.empty-inventory{min-height:215px;align-content:center;padding:25px}.empty-inventory svg{width:24px;margin-bottom:14px}.empty-inventory h3{color:#d4d5d1;font-size:14px;font-weight:560}.empty-inventory p{margin-top:7px;font-size:12px}.dialog-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:flex-end;justify-content:center}.dialog-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;border:0;background:#030405bd;cursor:default;animation:backdrop-in .22s ease-out}.item-dialog{--rarity: #a9adb3;--rarity-rgb: 169, 173, 179;position:relative;width:100%;max-height:calc(100dvh - max(18px,env(safe-area-inset-top)));overflow-y:auto;border:1px solid rgba(var(--rarity-rgb),.26);border-bottom:0;border-radius:14px 14px 0 0;background:#121316;box-shadow:0 -20px 60px #00000057;animation:sheet-in .26s cubic-bezier(.22,.8,.3,1);isolation:isolate}.dialog-grip{width:38px;height:4px;margin:9px auto 5px;border-radius:99px;background:#ffffff2b}.dialog-close{position:absolute;top:15px;right:14px;z-index:4;background:#0a0b0db8}.dialog-art{position:relative;width:100%;aspect-ratio:1.34;overflow:hidden;background:radial-gradient(circle at 50% 42%,rgba(var(--rarity-rgb),.12),transparent 58%),#0d0e10}.dialog-art .item-image,.dialog-art .image-fallback,.dialog-art .image-skeleton{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.dialog-art .item-image{object-fit:contain}.dialog-image-fallback svg{width:20%;stroke-width:1}.dialog-copy{padding:22px 20px max(30px,env(safe-area-inset-bottom))}.dialog-copy h2{margin-top:7px;font-size:24px;line-height:1.2;font-weight:590}.dialog-copy>p{margin-top:14px;color:var(--soft);font-size:13.5px;line-height:1.65}.collectible-serial{display:flex;align-items:end;justify-content:space-between;margin-top:18px;padding:13px 0;border-top:1px solid rgba(var(--rarity-rgb),.2);border-bottom:1px solid rgba(var(--rarity-rgb),.2)}.collectible-serial>span{color:var(--muted);font-size:9px;font-weight:650;letter-spacing:.16em;text-transform:uppercase}.collectible-serial strong{color:#d5bd78;font-size:21px;font-weight:580;font-variant-numeric:tabular-nums}.collectible-serial small{color:#8e805a;font-size:11px;font-weight:500}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes sheet-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}.toast-region{position:fixed;right:16px;bottom:max(18px,env(safe-area-inset-bottom));left:16px;z-index:150;display:flex;justify-content:center;pointer-events:none}.toast{max-width:360px;padding:11px 15px;border:1px solid var(--line-strong);border-radius:8px;color:#e9e9e6;background:#1a1b1e;box-shadow:0 8px 30px #0000004d;font-size:12.5px;animation:toast-in .22s ease-out}.toast-success{border-left-color:#769a81}.toast-error{border-left-color:#b16e6e}@keyframes toast-in{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}.loading-state{min-height:100dvh;overflow:hidden}.skeleton-cover{aspect-ratio:16 / 8.7;max-height:430px;background:#141518}.skeleton-identity{display:flex;align-items:center;gap:14px;padding:0 18px;margin-top:-28px}.skeleton-avatar{flex:0 0 78px;width:78px;height:78px;border:3px solid var(--bg);border-radius:50%;background:#1c1d20}.skeleton-lines{display:grid;flex:1;gap:9px;padding-top:28px}.skeleton-lines span,.skeleton-stats span,.skeleton-section>span,.skeleton-cards i{display:block;background:#17181b}.skeleton-lines span:first-child{width:48%;height:18px}.skeleton-lines span:last-child{width:72%;height:10px}.skeleton-stats{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:27px 18px 0}.skeleton-stats span{height:76px;border-radius:8px}.skeleton-section{padding:35px 18px 0}.skeleton-section>span{width:130px;height:18px}.skeleton-cards{display:grid;grid-template-columns:repeat(3,44vw);gap:10px;margin-top:15px}.skeleton-cards i{aspect-ratio:.72;border-radius:8px}.state-view{display:flex;min-height:100dvh;max-width:440px;margin:auto;align-items:center;flex-direction:column;justify-content:center;padding:max(40px,env(safe-area-inset-top)) 24px max(40px,env(safe-area-inset-bottom));text-align:center}.state-mark{display:grid;width:50px;height:50px;margin-bottom:22px;place-items:center;border:1px solid var(--line);border-radius:50%;color:#9b9da2;background:#121316}.state-mark svg{width:20px}.state-view h1{font-size:23px;font-weight:590}.state-view p{max-width:330px;margin-top:9px;color:var(--muted);font-size:13.5px;line-height:1.55}.retry-button{display:flex;height:40px;align-items:center;gap:8px;margin-top:25px;padding:0 15px;border:1px solid var(--line-strong);border-radius:8px;background:#17181b;cursor:pointer}.retry-button svg{width:15px}@media(min-width:600px){.profile-page{max-width:1180px;padding:max(18px,env(safe-area-inset-top)) 24px 0}.cover{border:1px solid var(--line);border-radius:8px;aspect-ratio:2.7 / 1}.identity-row{grid-template-columns:92px minmax(0,1fr) 42px;padding:0 24px;margin-top:-38px}.avatar{width:92px;height:92px}.identity-copy{padding-top:43px}.share-button{margin-top:42px}.page-content{padding:32px 24px 0}.stats{max-width:430px}.featured-track{grid-auto-flow:initial;grid-auto-columns:initial;grid-template-columns:repeat(5,minmax(0,1fr));overflow:visible;padding:1px 0;margin:0}.inventory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:900px){.profile-page{padding-right:36px;padding-left:36px}.cover{aspect-ratio:3.15 / 1}.identity-row,.page-content{padding-right:32px;padding-left:32px}.name-line h1{font-size:24px}.desktop-columns{display:grid;grid-template-columns:minmax(250px,.72fr) minmax(0,2fr);gap:36px;align-items:start}.inventory-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.item-dialog{display:grid;width:min(820px,calc(100vw - 48px));max-height:calc(100vh - 64px);grid-template-columns:1.08fr .92fr;overflow:hidden;border-bottom:1px solid rgba(var(--rarity-rgb),.26);border-radius:8px;animation:modal-in .22s ease-out}.dialog-layer{align-items:center}.dialog-grip{display:none}.dialog-art{height:100%;min-height:480px;aspect-ratio:auto}.dialog-copy{align-self:center;padding:52px 36px}@keyframes modal-in{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}}@media(min-width:1160px){.inventory-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.locked-profile{display:flex;min-height:100dvh;max-width:440px;margin:auto;align-items:center;flex-direction:column;justify-content:center;padding:max(40px,env(safe-area-inset-top)) 24px max(40px,env(safe-area-inset-bottom));text-align:center}.locked-profile-mark{display:grid;width:50px;height:50px;margin-bottom:22px;place-items:center;border:1px solid var(--line);border-radius:50%;color:#9b9da2;background:#121316}.locked-profile-mark svg{width:20px}.locked-profile h1{font-size:23px;font-weight:590;line-height:1.45}.locked-profile p{max-width:330px;margin-top:9px;color:var(--muted);font-size:13.5px;line-height:1.55}.locked-section-body{display:flex;min-height:140px;align-items:center;flex-direction:column;justify-content:center;gap:12px;border:1px dashed var(--line-strong);border-radius:8px;color:var(--muted);background:#14151873;text-align:center;padding:25px}.locked-section-body svg{width:22px;opacity:.65}.locked-section-body p{font-size:12.5px;line-height:1.5}.locked-section-compact{min-height:88px;flex-direction:row;gap:10px}.locked-section-compact svg{width:16px}.rarity-common{--rarity: #a9adb3;--rarity-rgb: 169, 173, 179}.rarity-uncommon{--rarity: #72ad85;--rarity-rgb: 114, 173, 133}.rarity-rare{--rarity: #6d9fd0;--rarity-rgb: 109, 159, 208}.rarity-epic{--rarity: #9a82d1;--rarity-rgb: 154, 130, 209}.rarity-legendary{--rarity: #cbae5f;--rarity-rgb: 203, 174, 95}.item-card.rarity-epic:after{animation:epic-breathe 4.6s ease-in-out infinite}.item-card.rarity-legendary:before,.item-dialog.rarity-legendary:before{background:linear-gradient(108deg,transparent 35%,rgba(255,236,180,.03) 43%,rgba(255,236,180,.24) 50%,rgba(255,236,180,.03) 57%,transparent 65%);content:"";top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;position:absolute;transform:translate(-140%);z-index:2}.item-card.rarity-legendary:before{animation:legendary-sheen 4.2s ease-in-out infinite}@keyframes legendary-sheen{0%,35%{opacity:0;transform:translate(-140%)}45%{opacity:.7}62%{opacity:0;transform:translate(140%)}to{opacity:0;transform:translate(140%)}}@keyframes epic-breathe{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.75;transform:scale(.995)}}@media(prefers-reduced-motion:reduce){.item-card.rarity-legendary:before,.item-card.rarity-epic:after{animation:none}}