@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap');:root{--bg:#0b0b0d;--panel:#141417;--line:#29282b;--text:#f7f3ef;--muted:#aaa4a0;--red:#f04432;--gold:#ffbd70}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 85% 0,#35150f 0,transparent 34%),var(--bg);color:var(--text);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}header{height:82px;padding:0 clamp(20px,6vw,96px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff18;position:sticky;top:0;background:#0b0b0de8;backdrop-filter:blur(16px);z-index:4}.brand{display:flex;gap:11px;align-items:center;font:700 17px 'Space Grotesk';letter-spacing:.04em}.brand>span:last-child>span{color:#ff8c4a}.brand small{display:block;color:#8e8884;font:700 9px 'DM Sans';letter-spacing:.2em;margin-top:2px}.logo{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(140deg,#ffbf70,#f04432);color:#1a0e09;font:800 22px 'Space Grotesk';box-shadow:0 0 25px #f0443240}nav{display:flex;align-items:center;gap:30px;font-size:12px;font-weight:800;letter-spacing:.1em}nav>a:hover,.drop>a:hover{color:var(--gold)}.drop{position:relative;padding:30px 0}.menu{display:none;position:absolute;top:65px;left:-18px;background:#171619;border:1px solid var(--line);border-radius:12px;padding:10px;min-width:150px}.menu a{display:block;padding:11px;border-radius:7px;font-size:12px}.menu a:hover{background:#ffffff10}.drop:hover .menu{display:block}.discord,.btn{border:1px solid #ffffff25;border-radius:11px;padding:12px 16px;font-weight:800;font-size:12px}.discord{background:#171619}.hero{padding:110px clamp(20px,11vw,170px) 76px;max-width:1440px;margin:auto}.eyebrow{color:#ffb36d;font-weight:800;font-size:11px;letter-spacing:.2em}.hero h1{font:700 clamp(52px,8.5vw,112px)/.98 'Space Grotesk';letter-spacing:-.065em;margin:24px 0}.hero h1 em{font-style:normal;background:linear-gradient(100deg,#ffe0a9,#ff9c52,#f04432);background-clip:text;color:transparent}.hero p{max-width:600px;color:#bcb5b0;font-size:18px;line-height:1.75}.actions{display:flex;gap:12px;margin:30px 0}.btn{display:inline-block;padding:16px 20px}.primary{border:0;background:linear-gradient(100deg,#ffd18b,#ff8a49);color:#25150d}.note,.small{color:#817c78;font-size:12px}.note{border-left:2px solid #ff9c52;padding-left:12px;margin-top:30px}section:not(.hero){max-width:1250px;margin:30px auto;padding:76px clamp(20px,5vw,72px);scroll-margin-top:80px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:26px}h2{font:700 clamp(32px,4vw,52px) 'Space Grotesk';letter-spacing:-.04em;margin:10px 0 0}.sub{color:var(--muted);font-size:13px}.grid{display:grid;gap:14px}.ranks{grid-template-columns:repeat(auto-fit,minmax(215px,1fr))}.three{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.card{position:relative;background:linear-gradient(145deg,#19181b,#111113);border:1px solid var(--line);border-radius:18px;padding:24px;overflow:hidden;transition:.25s transform,.25s border-color}.card:hover{transform:translateY(-5px);border-color:#ff9a5866}.featured{border-color:#f28b4b88;box-shadow:0 12px 60px #ef583015}.rank,.tag{font-size:11px;font-weight:800;letter-spacing:.15em}.turtle{color:#90d9c2}.zombie{color:#9fd47f}.skeleton{color:#d4d4da}.pillager{color:#ffc06c}.wither{color:#d193ef}.card h3{font:700 21px 'Space Grotesk';margin:15px 0 8px}.card p{font-size:13px;line-height:1.65;color:#aaa4a0;min-height:64px}.price{font:700 30px 'Space Grotesk';margin:20px 0}.card button{width:100%;border:1px solid #ffffff20;background:#ffffff08;color:#888;border-radius:9px;padding:13px;font-weight:800;font-size:10px;letter-spacing:.12em}.orb{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font-size:25px;background:#ffffff0b}.red{color:#ff7769}.blue{color:#8bdfff}.gold{color:#ffd174}.small{margin-top:18px}.appeal{display:grid;grid-template-columns:1.4fr .8fr;gap:24px;align-items:center;border-top:1px solid #ffffff18!important;border-bottom:1px solid #ffffff18!important}.appeal p{color:#aaa4a0;line-height:1.7}.appeal aside{padding:24px;border:1px solid #45362d;border-radius:16px;background:#171311}.appeal aside strong{color:#ffd18b}footer{border-top:1px solid #ffffff18;padding:35px clamp(20px,6vw,96px);display:flex;align-items:center;justify-content:space-between;gap:20px;color:#948e89;font-size:12px}footer div:last-of-type{display:flex;gap:16px}footer a:hover{color:#ffbd70}@media(max-width:700px){header{height:auto;min-height:72px;flex-wrap:wrap;padding:12px 18px;gap:10px}nav{order:3;width:100%;justify-content:space-between;gap:8px;font-size:10px}.drop{padding:10px 0}.menu{top:32px}.discord{padding:10px}.hero{padding-top:75px}.section-head{display:block}.sub{display:block;margin-top:12px}.appeal{grid-template-columns:1fr}footer{align-items:flex-start;flex-direction:column}} 
/* FriendMC visual upgrade */
.logo{overflow:hidden;padding:3px;background:linear-gradient(135deg,#ffd37f,#ff694c,#bd42ff);box-shadow:0 0 30px #f0443266,0 0 55px #9f45ff24}.logo img{width:100%;height:100%;object-fit:cover;border-radius:9px}.brand{gap:13px}.hero{position:relative}.hero:after{content:"";position:absolute;right:7%;top:92px;width:230px;height:230px;border:1px solid #ff9a5240;border-radius:50%;box-shadow:0 0 0 22px #a945ff0b,0 0 0 50px #ff9a5209;animation:orbit 24s linear infinite;pointer-events:none}.hero:before{content:"✦";position:absolute;right:16%;top:128px;color:#ffd27c;font-size:22px;filter:drop-shadow(0 0 12px #ffad57);animation:float 4s ease-in-out infinite}.card{background:radial-gradient(ellipse at 80% 0,#ffffff0b,transparent 42%),linear-gradient(145deg,#1b191e,#111113);box-shadow:inset 0 1px #ffffff08}.card:nth-child(5n+1){--accent:#54d6ba}.card:nth-child(5n+2){--accent:#98d859}.card:nth-child(5n+3){--accent:#d7e8ff}.card:nth-child(5n+4){--accent:#ad8aff}.card:nth-child(5n){--accent:#f35cbd}.rank-art{height:160px;margin:-8px -8px 18px;border-radius:13px;background-image:url("assets/vip-mascots.png");background-repeat:no-repeat;background-size:500% 100%;background-position:center;box-shadow:inset 0 -30px 40px #111113aa,0 12px 28px #0004}.turtle-art{background-position:0% center}.zombie-art{background-position:25% center}.skeleton-art{background-position:50% center}.pillager-art{background-position:75% center}.wither-art{background-position:100% center}.rank{display:inline-flex;padding:6px 9px;border-radius:6px;background:color-mix(in srgb,var(--accent,#ffbd70) 14%,transparent);color:var(--accent,#ffbd70)}.card:hover{border-color:var(--accent,#ff9a5866);box-shadow:0 16px 44px color-mix(in srgb,var(--accent,#ff9a52) 15%,transparent)}.featured{background:radial-gradient(ellipse at 50% 0,#ff8a4930,transparent 60%),linear-gradient(145deg,#1d191c,#111113)}.price{background:linear-gradient(95deg,#fff3d6,#ffbb73,#ff6a50);background-clip:text;color:transparent}.orb{box-shadow:0 0 25px currentColor;background:color-mix(in srgb,currentColor 13%,#121114);font-size:28px}.tag{color:#ffd18b}.btn.primary{box-shadow:0 8px 28px #ff855333}.appeal aside{background:radial-gradient(circle at 95% 5%,#c5485428,transparent 50%),#171311}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes float{50%{transform:translateY(-14px)}}@media(max-width:700px){.hero:after,.hero:before{display:none}.rank-art{height:145px}}
/* Palette refresh only — brighter, saturated gaming colors */
:root{--bg:#080a14;--panel:#111526;--line:#293451;--text:#f7f8ff;--muted:#aab4d1;--red:#ff477e;--gold:#ffe45e}
body{background:radial-gradient(ellipse at 12% 5%,#174c8b44 0,transparent 30%),radial-gradient(ellipse at 86% 3%,#7d28bd4a 0,transparent 34%),radial-gradient(ellipse at 48% 60%,#0a667022 0,transparent 44%),var(--bg)}
header{background:#080a14e8;border-bottom-color:#8e9cff2c}.brand>span:last-child>span{color:#ff70c9}.logo{background:linear-gradient(135deg,#2ce8ff,#6d69ff 48%,#ff55b8);box-shadow:0 0 28px #5d7bff80,0 0 50px #e34cff28}
nav>a:hover,.drop>a:hover{color:#5deaff}.menu{background:#11172a;border-color:#5267a055}.menu a:hover{background:#3d56a044;color:#74edff}.discord{background:#11172a;border-color:#53c9ff55;color:#d8f7ff}.discord:hover{border-color:#ff63ce;color:#ffb5e8}
.eyebrow{color:#62e9ff}.hero h1 em{background:linear-gradient(100deg,#5af1ff,#8d78ff 52%,#ff67ce);background-clip:text;color:transparent}.hero:after{border-color:#54e5ff60;box-shadow:0 0 0 22px #a850ff15,0 0 0 50px #ff5fc010}.hero:before{color:#ffe35f;filter:drop-shadow(0 0 12px #ffe35f)}
.btn{border-color:#929dff4a;background:#12182b;color:#f4f6ff}.btn:hover{border-color:#52e8ff;color:#8af2ff}.btn.primary{border:0;background:linear-gradient(105deg,#49e6ff,#6a78ff 52%,#ec5ad3);color:#08101c;box-shadow:0 8px 30px #7964ff55}.btn.primary:hover{filter:brightness(1.12)}
.card{background:radial-gradient(ellipse at 80% 0,#677bff1c,transparent 45%),linear-gradient(145deg,#151c31,#0e1220);border-color:#8295d52c}.card:nth-child(5n+1){--accent:#3ef0d0}.card:nth-child(5n+2){--accent:#a4f05e}.card:nth-child(5n+3){--accent:#67caff}.card:nth-child(5n+4){--accent:#a98bff}.card:nth-child(5n){--accent:#ff63c8}.card:hover{background:radial-gradient(ellipse at 80% 0,#a548ff2c,transparent 48%),linear-gradient(145deg,#1a2340,#101424);border-color:var(--accent,#63eaff);box-shadow:0 16px 44px color-mix(in srgb,var(--accent,#59ddff) 23%,transparent)}.featured{background:radial-gradient(ellipse at 50% 0,#e14dc92e,transparent 62%),linear-gradient(145deg,#211733,#101321);border-color:#d95cff88;box-shadow:0 12px 60px #ae38ff22}
.rank{background:color-mix(in srgb,var(--accent,#63eaff) 17%,#101526);color:var(--accent,#63eaff)}.tag{color:#ffe45e}.price{background:linear-gradient(95deg,#5cecff,#9a7bff 55%,#ff69cd);background-clip:text;color:transparent}.orb{background:color-mix(in srgb,currentColor 17%,#101526)}.turtle{color:#3ef0d0}.zombie{color:#a4f05e}.skeleton{color:#67caff}.pillager{color:#a98bff}.wither{color:#ff63c8}
.appeal aside{border-color:#7d5aff60;background:radial-gradient(circle at 95% 5%,#bb42ff2b,transparent 52%),#121629}.appeal aside strong{color:#ffe45e}.small,.note{color:#aab4d1}.note{border-left-color:#5cecff}footer{border-top-color:#8295d52c;color:#aab4d1}footer a:hover{color:#5deaff}::selection{background:#8b4fff;color:#fff}
/* FriendMC store expansion: panorama, larger VIP art, name prompt */
nav{gap:18px}.mc-account{display:inline-flex;align-items:center;gap:9px;padding:9px 12px;border:1px solid #7deeff65;border-radius:12px;background:linear-gradient(120deg,#14243a,#25183a);color:#e7fbff;font:800 10px 'DM Sans';letter-spacing:.09em;cursor:pointer;box-shadow:inset 0 0 18px #51caff0c;transition:.2s}.mc-account:hover{border-color:#ff65cf;color:#fff;box-shadow:0 0 24px #9b5cff50}.mc-account-icon{display:grid;place-items:center;width:23px;height:23px;border-radius:7px;background:linear-gradient(135deg,#49e6ff,#7d66ff,#ef58cb);color:#09111e;font-size:14px}.mc-account-label{max-width:118px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.world-showcase{position:relative;max-width:1250px;margin:8px auto 42px!important;padding:0!important;height:clamp(240px,35vw,440px);overflow:hidden;border:1px solid #7c8dff40;border-radius:24px;background:#101529;box-shadow:0 24px 70px #111a4660}.world-showcase:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#080b17ed 0%,#101323ad 36%,transparent 78%),linear-gradient(0deg,#080b17bb,transparent 65%);pointer-events:none}.world-showcase>img{width:100%;height:100%;object-fit:cover;object-position:center 54%;display:block;transition:transform 1s}.world-showcase:hover>img{transform:scale(1.035)}.showcase-copy{position:absolute;z-index:1;left:clamp(22px,5vw,64px);bottom:clamp(25px,5vw,56px);max-width:450px}.showcase-copy h2{font-size:clamp(30px,4.2vw,56px);margin:10px 0 20px}.showcase-link{display:inline-flex;padding:12px 16px;border-radius:10px;background:linear-gradient(110deg,#45e4ff,#7870ff,#ef5ac9);color:#09111d;font-size:11px;font-weight:900;letter-spacing:.1em}.showcase-index{position:absolute;right:22px;bottom:18px;z-index:1;color:#eef1ffbb;font:800 10px 'DM Sans';letter-spacing:.2em}
.ranks{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.ranks .card{padding:22px}.rank-art{height:clamp(270px,26vw,350px);margin:-7px -7px 20px;border-radius:15px;background-size:500% 100%;box-shadow:inset 0 -45px 55px #10132199,0 18px 38px #0006}.ranks .card h3{font-size:24px}.ranks .card p{font-size:14px;min-height:76px}.rank{font-size:12px;padding:7px 11px}.ranks .price{font-size:36px}.ranks .card button{border-color:#6d80ff50;background:linear-gradient(105deg,#25304b,#261b3b);color:#e7edff}.ranks .card button:hover{border-color:#52e8ff;color:#69edff}
.mc-modal[hidden]{display:none}.mc-modal{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:20px;background:#050711d9;backdrop-filter:blur(14px);animation:modalFade .22s ease}.mc-modal-card{position:relative;width:min(100%,480px);padding:34px;border:1px solid #647dff80;border-radius:24px;background:radial-gradient(ellipse at 0 0,#1b719933,transparent 45%),radial-gradient(ellipse at 100% 5%,#c43db933,transparent 43%),#101426;box-shadow:0 25px 100px #000b,0 0 55px #6c56ff32;animation:modalRise .3s ease}.mc-modal-close{position:absolute;right:16px;top:13px;width:35px;height:35px;border:1px solid #ffffff22;border-radius:10px;background:#ffffff0c;color:#fff;font-size:24px;cursor:pointer}.mc-modal-mark{width:56px;height:56px;margin-bottom:20px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,#42e7ff,#8167ff 55%,#ff62c7);color:#08111c;font:900 15px 'Space Grotesk';box-shadow:0 0 30px #8a5eff64}.mc-modal-mark span{font-size:9px}.mc-modal-card h2{font-size:32px;margin:9px 0}.mc-modal-card>p{color:#b7c1dc;font-size:14px;line-height:1.7}.mc-name-form label{display:block;margin:22px 0 9px;color:#8ceeff;font-size:10px;font-weight:900;letter-spacing:.18em}.mc-name-form input{width:100%;padding:15px 16px;border:1px solid #6b82ff77;border-radius:11px;background:#080d1b;color:#fff;font:700 16px 'DM Sans';outline:0}.mc-name-form input:focus{border-color:#5cecff;box-shadow:0 0 0 3px #5cecff24}.mc-form-error{display:block;margin-top:8px;color:#98a5c2;font-size:11px}.mc-save{width:100%;margin-top:17px;cursor:pointer}.mc-modal-foot{margin-top:20px;padding-top:16px;border-top:1px solid #ffffff16;color:#8791af;font-size:11px;line-height:1.6}.mc-account-prompt{position:fixed;right:24px;top:94px;z-index:5;padding:12px 16px;border:1px solid #70eaff55;border-radius:12px;background:#101426ee;color:#dceeff;font-size:12px;box-shadow:0 12px 40px #05071180;animation:modalRise .5s ease}.mc-account-prompt strong{color:#66eaff}
@keyframes modalFade{from{opacity:0}to{opacity:1}}@keyframes modalRise{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:900px){.ranks{grid-template-columns:repeat(2,minmax(0,1fr))}.rank-art{height:300px}}@media(max-width:700px){nav{gap:7px;flex-wrap:wrap}.mc-account{padding:7px}.mc-account-label{max-width:85px}.world-showcase{margin:0 20px 34px!important;height:300px}.world-showcase>img{object-position:55% center}.ranks{grid-template-columns:1fr}.rank-art{height:340px}.mc-modal-card{padding:26px 22px}.mc-account-prompt{left:16px;right:16px;top:130px}}@media(prefers-reduced-motion:reduce){.world-showcase>img,.mc-modal,.mc-modal-card{animation:none;transition:none}}