:root{color-scheme:dark;--bg:#050611;--panel:#0c1021e8;--panel2:#11152b;--text:#f8f5ff;--muted:#bcb6cb;--purple:#a858ff;--blue:#50a8ff;--gold:#ffbf32;--red:#ff6575;--line:#8067b955;--shadow:0 18px 48px #0009}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--text);background:radial-gradient(circle at 48% 2%,#52208344,transparent 29rem),radial-gradient(circle at 82% 20%,#17387544,transparent 31rem),linear-gradient(#050611,#03040b 80%);padding-bottom:82px}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.34;background-image:radial-gradient(circle,#fff 0 1px,transparent 1.4px);background-size:87px 79px}.shell{width:min(1160px,100%);margin:auto;padding:18px}.topbar{display:grid;grid-template-columns:48px 1fr 48px;align-items:center;margin-bottom:14px}.brand{text-align:center;font-size:clamp(1.6rem,4vw,2.3rem);font-weight:900;letter-spacing:-.03em}.icon-btn{border:1px solid #a58a5e66;background:#0e0f17cc;color:#eee;width:46px;height:46px;border-radius:50%;font-size:1.5rem;cursor:pointer}.profile-hero{display:grid;grid-template-columns:270px minmax(280px,1fr) minmax(270px,.85fr);gap:20px;align-items:center}.avatar-frame{width:250px;aspect-ratio:1;border-radius:50%;padding:11px;background:linear-gradient(145deg,#f5f5f5,#4c4d58 48%,#f8f8f8);box-shadow:0 0 30px #9c55ff44;position:relative}.avatar-inner{height:100%;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle,#482064,#11152e 62%,#080a16);border:3px solid #262a45}.avatar-inner img{width:88%;height:88%;object-fit:contain;filter:drop-shadow(0 8px 12px #0009)}.frame-gem{position:absolute;left:50%;bottom:-8px;transform:translateX(-50%);width:66px;height:66px;display:grid;place-items:center;background:linear-gradient(145deg,#eef,#525867);clip-path:polygon(50% 0,94% 25%,94% 75%,50% 100%,6% 75%,6% 25%);font-size:2rem}.identity h1{font-size:clamp(2rem,6vw,3.2rem);line-height:1;margin:0 0 6px}.verified{color:var(--gold);font-size:.7em}.handle,.birth{color:var(--muted);font-size:1.12rem}.birth{margin-top:22px}.feature-card,.card{border:1px solid var(--line);background:linear-gradient(145deg,#11142ad9,#090c19e8);border-radius:20px;box-shadow:var(--shadow)}.feature-card{margin-top:20px;padding:16px}.section-title{font-size:1.18rem;font-weight:850;color:#bd72ff;margin-bottom:12px}.mashup-blurb{display:grid;grid-template-columns:110px 1fr;gap:16px;align-items:center}.mashup-thumb{aspect-ratio:1;border-radius:16px;background:radial-gradient(circle,#48205f,#101327);display:grid;place-items:center;overflow:hidden;border:1px solid #8d59df88}.mashup-thumb img{width:92%;height:92%;object-fit:contain}.pair-label{font-size:.82rem;color:#bda8dd;margin-top:8px}.microflex{align-self:stretch;padding:26px 24px;background:linear-gradient(145deg,#f1ddb6,#e6c78e);color:#20182f;border-radius:14px;transform:rotate(-.8deg);box-shadow:0 16px 40px #0008;position:relative;border:1px solid #fff5}.microflex:before{content:"";position:absolute;top:-14px;left:50%;width:26px;height:26px;border-radius:50%;background:linear-gradient(#9a58ed,#462183);box-shadow:0 5px 8px #0007}.microflex h2{margin:12px 0 18px;color:#392071}.microflex p{font-size:1.25rem;line-height:1.5;margin:0}.social-grid{display:grid;grid-template-columns:.72fr 1.2fr .95fr;gap:16px;margin-top:18px}.card{padding:18px}.best-card{border-color:#e76d785c}.best-card .section-title{color:#ff7181}.quote{font-size:1.45rem;line-height:1.55}.community{min-height:350px}.vote-stage{display:grid;grid-template-columns:42px 1fr 42px;gap:8px;align-items:center}.nav-round{width:42px;height:42px;border-radius:50%;border:1px solid #b376ff88;background:#6531b9;color:#fff;font-size:1.5rem;cursor:pointer}.speech{padding:22px;border:1px solid #9b8cb766;border-radius:18px;background:#0c1020;min-height:142px;display:grid;place-items:center;text-align:center;font-size:1.12rem;line-height:1.5}.speech .author{color:#b978ff;margin-top:8px}.vote-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.vote{border-radius:13px;background:#0e1429;border:1px solid #526ba066;color:#fff;padding:12px 5px;cursor:pointer;font-weight:800}.vote[data-kind=lol]{color:#ffd052;border-color:#8b6a17}.vote[data-kind=smart]{color:#62beff;border-color:#285d91}.vote[data-kind=love]{color:#ff7c8b;border-color:#8e3744}.vote.active{box-shadow:0 0 0 2px currentColor inset}.vote small{display:block;color:#ddd;font-size:.95rem;margin-top:5px}.voting-now{text-align:center;color:var(--muted);margin:16px 0 0}.tabs{display:flex;gap:6px;background:#090c16;border-radius:12px;padding:4px;margin-bottom:10px}.tab{flex:1;border:0;border-radius:9px;background:transparent;color:#ddd;padding:8px;cursor:pointer}.tab.active{background:#5f2bae}.ranking-list{display:grid;gap:8px}.ranking{display:grid;grid-template-columns:58px 1fr 24px;gap:10px;align-items:center;border:1px solid #33384b;border-radius:12px;padding:8px;cursor:pointer}.ranking img{width:58px;height:58px;object-fit:contain;background:#161a2c;border-radius:10px}.ranking p{margin:0;font-size:.93rem}.ranking small{color:var(--muted)}.more-link{display:block;margin-top:12px;text-align:center;border:1px solid #435aaf;border-radius:999px;padding:9px;color:#82aeff}.collection{display:grid;grid-template-columns:260px 1fr;gap:18px;margin-top:16px}.collection-stat{border-right:1px solid #3f3657;padding-right:16px}.big-number{font-size:2.55rem;font-weight:900}.top8{display:grid;grid-template-columns:repeat(8,1fr);gap:9px}.top8 a{aspect-ratio:1;border:1px solid #7d684b88;border-radius:13px;background:#111522;display:grid;place-items:center;overflow:hidden}.top8 img{width:94%;height:94%;object-fit:contain}.highlights{margin-top:16px}.highlight-grid{display:grid;grid-template-columns:1fr 1fr 1.08fr;gap:14px}.award{display:grid;grid-template-columns:125px 1fr;align-items:center;min-height:190px;border:1px solid #376f7d66;border-radius:16px;padding:12px;background:radial-gradient(circle at 15%,#10415a99,transparent 60%),#0a101c}.award.secret{background:radial-gradient(circle at 15%,#451c6b99,transparent 60%),#0a101c}.award-icon{font-size:5.2rem;text-align:center}.award h3{font-size:1.4rem;margin:8px 0}.rarity{color:#56e8ea}.secret .rarity{color:#bd69ff}.trophy-door{min-height:190px;border-radius:16px;border:1px solid #8f714c77;background:linear-gradient(#0005,#0008),radial-gradient(circle at 50% 45%,#704617,#1b1512 55%,#090a0c);display:grid;place-items:center;text-align:center;color:#ffc438;font-size:1.3rem;font-weight:850;position:relative;overflow:hidden}.door-shape{width:125px;height:145px;border:8px solid #514a40;border-bottom:0;border-radius:66px 66px 4px 4px;background:repeating-linear-gradient(90deg,#4d2c18 0 16px,#382011 16px 18px);box-shadow:inset 0 0 22px #000,0 0 22px #ffb92a20;display:grid;place-items:center;font-size:2.2rem}.about{display:grid;grid-template-columns:170px 1fr auto;align-items:center;margin-top:16px}.museum-building{font-size:4.4rem;text-align:center}.signature{font-family:cursive;font-size:3rem;color:#9344cf}.bottom-nav{position:fixed;z-index:20;left:0;right:0;bottom:0;height:72px;border-top:1px solid #55446c;background:#070a15f2;backdrop-filter:blur(16px);display:flex;justify-content:center}.bottom-nav-inner{width:min(820px,100%);display:grid;grid-template-columns:repeat(5,1fr)}.bottom-nav a{display:grid;place-items:center;text-align:center;color:#aaa;font-size:.78rem}.bottom-nav a span{font-size:1.5rem;display:block}.bottom-nav a.active{color:#d28aff;background:#32145266}.toast{position:fixed;left:50%;bottom:88px;transform:translateX(-50%) translateY(20px);opacity:0;background:#171b2c;border:1px solid #8161ac;padding:11px 18px;border-radius:999px;transition:.2s;z-index:30}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
.best-mashup{display:grid;grid-template-columns:96px 1fr;gap:14px;align-items:center;color:inherit;text-decoration:none}.best-mashup img{width:96px;height:96px;object-fit:contain;border-radius:14px;border:1px solid #98536666;background:#151326}.community-mashup{display:grid;place-items:center;flex:0 0 86px;width:86px;height:86px;border-radius:14px;background:#161a2c;border:1px solid #7651a866;overflow:hidden}.community-mashup img{width:92%;height:92%;object-fit:contain}.speech{grid-template-columns:86px 1fr;gap:16px;text-align:left}.collection-link{color:inherit;text-decoration:none;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.collection-link:hover{transform:translateY(-2px);border-color:#a858ff99;box-shadow:0 20px 52px #000b,0 0 0 1px #a858ff33}.collection-link:focus-visible{outline:3px solid #a858ff;outline-offset:3px}
@media(max-width:900px){.profile-hero{grid-template-columns:210px 1fr}.avatar-frame{width:200px}.microflex{grid-column:1/-1;transform:none}.social-grid{grid-template-columns:1fr 1.25fr}.rankings{grid-column:1/-1}.highlight-grid{grid-template-columns:1fr 1fr}.trophy-door{grid-column:1/-1}.top8{grid-template-columns:repeat(4,1fr)}}@media(max-width:620px){.best-mashup{grid-template-columns:82px 1fr;text-align:left}.best-mashup img{width:82px;height:82px}.speech{grid-template-columns:1fr;text-align:center}.community-mashup{margin:auto}.shell{padding:12px}.profile-hero{grid-template-columns:1fr;text-align:center}.avatar-frame{margin:auto}.identity{text-align:center}.mashup-blurb{text-align:left}.social-grid{grid-template-columns:1fr}.collection{grid-template-columns:1fr}.collection-stat{border:0;border-bottom:1px solid #3f3657;padding:0 0 15px}.highlight-grid{grid-template-columns:1fr}.award{grid-template-columns:95px 1fr}.about{grid-template-columns:90px 1fr}.signature{display:none}.bottom-nav a{font-size:.68rem}.top8{grid-template-columns:repeat(4,1fr)}}