:root{
  --bg:#050815;--panel:#101a2d;--panel2:#0b1220;--ink:#f8e7a2;--cream:#fff5d8;--muted:#9aa9c8;--hot:#ff2f8f;--orange:#ff7a2f;--purple:#8238ff;--discord:#5865F2;--green:#25ff7a;--red:#ff4a68;--line:rgba(248,231,162,.16);--shadow:0 24px 80px rgba(0,0,0,.45)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 80% 10%,rgba(255,47,143,.20),transparent 32%),radial-gradient(circle at 14% 82%,rgba(130,56,255,.22),transparent 34%),linear-gradient(180deg,#070b18,#040611 70%);color:#f7f1dc;font-family:Inter,system-ui,Segoe UI,Arial,sans-serif;min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}.page{position:relative;min-height:100vh}.stars:before,.stars:after{content:"";position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(circle,rgba(255,255,255,.25) 1px,transparent 1px);background-size:70px 70px;opacity:.12}.stars:after{background-size:130px 130px;opacity:.08;transform:translate3d(var(--mx,0),var(--my,0),0)}
.shell{width:100%;min-height:100vh;margin:0;border:0;background:linear-gradient(145deg,rgba(15,27,49,.94),rgba(5,8,18,.96));display:grid;grid-template-columns:112px 1fr;overflow:hidden}.side{border-right:1px solid var(--line);background:rgba(4,6,14,.42);padding:28px 18px;display:flex;flex-direction:column;align-items:center;gap:28px}.brand-mark{width:72px;height:72px;border-radius:20px;object-fit:cover;border:1px solid rgba(255,231,162,.35);box-shadow:0 0 36px rgba(255,47,143,.30)}.side-nav{display:flex;flex-direction:column;gap:16px;margin-top:24px}.side-nav a{width:58px;height:58px;border-radius:14px;background:rgba(0,0,0,.25);display:grid;place-items:center;color:var(--muted);font-size:22px;border:1px solid transparent;transition:.22s}.side-nav a:hover,.side-nav a.active{color:var(--ink);border-color:rgba(255,231,162,.32);box-shadow:0 0 24px rgba(130,56,255,.36);background:linear-gradient(145deg,rgba(130,56,255,.38),rgba(255,47,143,.18))}.side-spacer{flex:1}.gear{background:linear-gradient(145deg,var(--purple),#4520a8)!important;color:white!important}
.main{padding:34px 5vw 48px}.topbar{height:58px;display:flex;align-items:center;gap:18px;margin-bottom:32px}.topbar nav{display:flex;align-items:center;gap:8px;background:rgba(0,0,0,.24);border:1px solid var(--line);border-radius:10px;padding:8px}.topbar nav a{padding:11px 16px;border-radius:6px;color:var(--muted);font-weight:900;font-size:13px;letter-spacing:.05em;text-transform:uppercase}.topbar nav a:hover,.topbar nav a.active{background:rgba(255,231,162,.10);color:var(--ink)}.online{margin-left:auto;border:1px solid var(--line);background:rgba(0,0,0,.25);border-radius:10px;padding:13px 16px;color:#dce6ff;font-weight:900;display:inline-flex;align-items:center;gap:8px;line-height:1}.online .dot{margin-right:0;flex:0 0 auto}.dot{display:inline-block;width:10px;height:10px;background:var(--green);border-radius:50%;box-shadow:0 0 18px var(--green);margin-right:8px;vertical-align:middle}.dot.offline{background:var(--red);box-shadow:0 0 18px var(--red)}.discord{background:var(--discord);padding:14px 18px;border-radius:8px;font-weight:950;box-shadow:0 10px 28px rgba(88,101,242,.35);color:white}.discord:hover{filter:brightness(1.08)}
.hero{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.7fr);gap:28px;align-items:stretch}.hero-card{position:relative;min-height:430px;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:linear-gradient(90deg,rgba(7,10,23,.98),rgba(13,23,42,.70)),url('../assets/mtc-logo.gif') right 6% center/380px no-repeat}.hero-card:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(255,231,162,.07),transparent);transform:translateX(-90%);animation:shine 7s infinite}.hero-content{position:relative;z-index:1;padding:58px 54px;max-width:700px}.eyebrow{display:inline-flex;gap:8px;align-items:center;padding:8px 13px;border-radius:999px;background:rgba(255,231,162,.12);color:var(--ink);font-weight:950;font-size:12px;text-transform:uppercase;letter-spacing:.12em}.title{font-family:'Press Start 2P',monospace;font-size:40px;line-height:1.25;margin:22px 0 18px;text-shadow:4px 4px 0 rgba(0,0,0,.62),0 0 28px rgba(255,47,143,.28)}.lead{color:#d6def2;line-height:1.7;font-size:16px;max-width:610px}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.btn{border:0;border-radius:4px;padding:15px 22px;font-weight:950;cursor:pointer;display:inline-flex;align-items:center;gap:10px;box-shadow:inset 0 -3px 0 rgba(0,0,0,.25)}.btn.primary{background:linear-gradient(180deg,var(--ink),#ffbd58);color:#1b130d;border:1px solid rgba(0,0,0,.45)}.btn.ghost{background:rgba(255,255,255,.06);color:#fff;border:1px solid var(--line)}.profile-card{border:1px solid var(--line);border-radius:18px;background:rgba(0,0,0,.24);padding:26px;text-align:center;display:flex;flex-direction:column;justify-content:center}.avatar{width:150px;height:150px;margin:0 auto 14px;object-fit:cover;filter:drop-shadow(0 16px 30px rgba(0,0,0,.5))}.status-strip{height:10px;border-radius:2px;background:linear-gradient(90deg,var(--purple),var(--hot),var(--orange));margin:18px 0 10px}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:28px}.news-card,.server-card,.server-banner,.panel,.product,.staff-card,.store-server-card{border:1px solid var(--line);background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.02));border-radius:18px;padding:22px;box-shadow:0 16px 40px rgba(0,0,0,.18)}.news-card{min-height:210px;position:relative;overflow:hidden;display:flex;flex-direction:column}.pack-icon{width:58px;height:58px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(255,47,143,.85),rgba(130,56,255,.75));font-size:26px;margin-bottom:16px;box-shadow:0 0 22px rgba(255,47,143,.22)}.server-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.ip-row{margin-top:auto;display:flex;gap:10px;align-items:center}.ip-row code{background:rgba(0,0,0,.32);border:1px solid var(--line);border-radius:6px;padding:9px 10px;color:var(--ink);font-size:12px}.copy-btn{border:1px solid rgba(255,231,162,.28);background:rgba(255,231,162,.10);color:var(--ink);border-radius:4px;padding:9px 10px;font-weight:900;cursor:pointer}.news-card b{font-size:20px}.news-card p,.muted{color:var(--muted);line-height:1.6}.tag{display:inline-flex;border:1px solid rgba(255,231,162,.18);color:var(--ink);border-radius:999px;padding:6px 10px;font-size:12px;font-weight:950;margin-bottom:14px}.section{margin-top:36px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}.section h2{font-family:'Press Start 2P',monospace;font-size:20px}.server-list{display:grid;gap:18px}.server-banner{min-height:210px;display:grid;grid-template-columns:110px 1fr 330px;gap:24px;align-items:center;position:relative;overflow:hidden}.server-banner:before{content:"";position:absolute;inset:auto -80px -90px auto;width:260px;height:260px;background:radial-gradient(circle,var(--hot),transparent 65%);opacity:.16}.server-banner .pack-icon{width:88px;height:88px;font-size:40px;margin:0}.server-actions{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:12px;align-self:center}.server-actions .btn{justify-content:center;width:100%}.tabs{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.tab{padding:11px 13px;border:1px solid var(--line);border-radius:6px;background:rgba(0,0,0,.18);color:var(--muted);cursor:pointer;font-weight:950}.tab.active{color:var(--ink);background:rgba(255,231,162,.08)}.tab-pane{display:none}.tab-pane.active{display:block}.store-server-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.store-server-card{min-height:280px;display:flex;flex-direction:column}.store-server-card .btn{margin-top:auto;align-self:flex-start}.store-server-card p{min-height:54px}.store-server-card .pack-icon{margin-bottom:20px}.store-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product{display:flex;flex-direction:column;min-height:240px}.product .btn{margin-top:auto;align-self:flex-start}.product h3{margin-top:0}.price{font-family:'Press Start 2P',monospace;color:var(--ink);font-size:14px}.rank-table{width:100%;border-collapse:collapse;overflow:hidden;border-radius:18px}.rank-table th,.rank-table td{padding:15px;border-bottom:1px solid var(--line);text-align:center}.rank-table th:first-child,.rank-table td:first-child{text-align:left}.yes{color:#37ff8b}.no{color:#ff4a68}.staff-section{margin-bottom:34px}.staff-section h2{font-family:'Press Start 2P',monospace;font-size:18px;margin-bottom:16px}.staff-row{display:flex;gap:18px;flex-wrap:wrap}.staff-card{width:170px;text-align:center}.head{width:86px;height:86px;border-radius:12px;background:linear-gradient(135deg,var(--purple),var(--hot));margin:0 auto 14px;display:grid;place-items:center;font-size:34px;overflow:hidden}.head img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated}.form{display:grid;gap:12px}.form input,.form textarea,.select{background:rgba(0,0,0,.28);border:1px solid var(--line);border-radius:8px;color:white;padding:14px;font:inherit}.legal{max-width:900px}.footer{padding:24px 5vw 36px;margin-left:112px;display:flex;justify-content:space-between;color:var(--muted);font-size:14px}.glow-cube{position:fixed;width:120px;height:120px;right:8%;top:18%;background:linear-gradient(135deg,rgba(255,47,143,.55),rgba(130,56,255,.25));filter:blur(2px);opacity:.26;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);transform:translate3d(calc(var(--mx,0)*-1),calc(var(--my,0)*-1),0);pointer-events:none}@keyframes shine{50%,100%{transform:translateX(120%)}}@media(max-width:1100px){.hero,.quick-grid,.store-server-grid,.store-grid{grid-template-columns:1fr}.server-banner{grid-template-columns:1fr}.server-actions{justify-content:flex-start}.footer{margin-left:0}}@media(max-width:760px){.shell{grid-template-columns:1fr}.side{display:none}.topbar{height:auto;flex-wrap:wrap}.online{margin-left:0}.title{font-size:26px}.hero-card{background-size:220px;background-position:right bottom}.main{padding:22px}.footer{padding:20px 22px;flex-direction:column;gap:10px}.hero-content{padding:40px 28px}}

.store-switch{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:8px 0 24px}.store-switch a{border:1px solid var(--line);background:rgba(0,0,0,.22);border-radius:8px;padding:14px 16px;color:var(--muted);font-weight:950;display:flex;align-items:center;justify-content:space-between}.store-switch a.active,.store-switch a:hover{color:var(--ink);background:rgba(255,231,162,.08);box-shadow:0 0 22px rgba(130,56,255,.18)}
.footer{margin-left:112px;padding:0;color:var(--muted);font-size:14px;background:linear-gradient(180deg,rgba(5,8,18,.68),rgba(2,4,10,.96));border-top:1px solid var(--line)}.footer-inner{padding:54px 5vw 46px;display:grid;grid-template-columns:1.35fr repeat(3,minmax(140px,.45fr));gap:48px;align-items:start}.footer h2{margin:0 0 18px;color:#fff;font-size:26px;line-height:1.2}.footer h3{margin:0 0 14px;color:var(--ink);font-size:13px;text-transform:uppercase;letter-spacing:.12em}.footer p{line-height:1.7;margin:0 0 14px}.footer a{display:block;color:var(--muted);margin:10px 0}.footer a:hover{color:var(--ink)}.footer-brand{display:flex;gap:16px;align-items:center;margin-bottom:18px}.footer-logo{width:64px;height:64px;border-radius:16px;object-fit:cover;box-shadow:0 0 28px rgba(255,47,143,.25);border:1px solid rgba(255,231,162,.24)}.footer-bottom{border-top:1px solid rgba(248,231,162,.10);padding:18px 5vw;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.mini-dot{width:9px;height:9px;background:var(--green);border-radius:50%;box-shadow:0 0 14px var(--green);display:inline-block;margin-right:8px}
@media(max-width:1100px){.server-actions{grid-template-columns:repeat(2,minmax(110px,1fr))}.footer{margin-left:0}.footer-inner{grid-template-columns:1fr 1fr}.store-switch{grid-template-columns:1fr}}
@media(max-width:760px){.server-actions{grid-template-columns:1fr}.footer-inner{grid-template-columns:1fr;padding:34px 22px}.footer-bottom{padding:16px 22px}.store-switch{grid-template-columns:1fr}}


/* Casper requested fixes: full-width footer, remove stray cog button, real modpack artwork. */
.side-nav.gear{display:none!important}
.footer{margin-left:0!important;width:100%!important;box-sizing:border-box}
.footer-inner{max-width:1600px;margin:0 auto;padding-left:clamp(28px,6vw,120px);padding-right:clamp(28px,6vw,120px)}
.footer-bottom{max-width:1600px;margin:0 auto;padding-left:clamp(28px,6vw,120px);padding-right:clamp(28px,6vw,120px)}
.pack-art{background:none!important;padding:0!important;object-fit:cover;image-rendering:auto;box-shadow:0 14px 30px rgba(0,0,0,.35),0 0 24px rgba(255,47,143,.16);border:1px solid rgba(255,231,162,.22)}
.news-card .pack-art,.store-server-card .pack-art{width:86px!important;height:86px!important;border-radius:14px!important;margin-bottom:18px!important}
.server-banner .pack-art{width:112px!important;height:112px!important;border-radius:16px!important;margin:0!important}
.server-banner{grid-template-columns:130px 1fr 330px}
@media(max-width:1100px){.server-banner{grid-template-columns:1fr}.server-banner .pack-art{width:96px!important;height:96px!important}.footer-inner{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.footer-inner{grid-template-columns:1fr;padding-left:22px;padding-right:22px}.footer-bottom{padding-left:22px;padding-right:22px}.news-card .pack-art,.store-server-card .pack-art{width:76px!important;height:76px!important}}

/* Home hero video update */
.hero{grid-template-columns:1fr!important;}
.hero-video-card{min-height:520px;background:none!important;isolation:isolate;}
.hero-bg-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;filter:saturate(1.12) contrast(1.08) brightness(.62);}
.hero-video-overlay{position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,rgba(5,8,18,.94) 0%,rgba(5,8,18,.72) 42%,rgba(5,8,18,.38) 100%),radial-gradient(circle at 78% 42%,rgba(255,47,143,.28),transparent 36%),linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.62));pointer-events:none;}
.hero-video-card .hero-content{position:relative;z-index:2;max-width:760px;}
.hero-video-card:after{z-index:1;pointer-events:none;}
@media(max-width:760px){.hero-video-card{min-height:560px}.hero-bg-video{object-position:center}.hero-video-overlay{background:linear-gradient(180deg,rgba(5,8,18,.88),rgba(5,8,18,.64),rgba(5,8,18,.9));}}


/* Hero video correction: restore right tile, lighter overlay, and shift video view down. */
.hero{grid-template-columns:minmax(0,1.55fr) minmax(300px,.7fr)!important;align-items:stretch!important;}
.hero-video-card{min-height:520px;background:none!important;isolation:isolate;}
.hero-bg-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 68%;z-index:0;filter:saturate(1.16) contrast(1.06) brightness(.82);}
.hero-video-overlay{position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,rgba(5,8,18,.84) 0%,rgba(5,8,18,.52) 45%,rgba(5,8,18,.18) 100%),radial-gradient(circle at 78% 42%,rgba(255,47,143,.22),transparent 38%),linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.34));pointer-events:none;}
.hero-side-card{min-height:520px;}
.hero-side-card h2{margin:6px 0 12px;font-size:24px;color:var(--cream);}
.hero-side-card .muted{max-width:260px;margin-left:auto;margin-right:auto;}
@media(max-width:1100px){.hero{grid-template-columns:1fr!important}.hero-side-card{min-height:auto}.hero-bg-video{object-position:center 60%;}}
@media(max-width:760px){.hero-video-overlay{background:linear-gradient(180deg,rgba(5,8,18,.74),rgba(5,8,18,.42),rgba(5,8,18,.72));}.hero-bg-video{object-position:center 58%;}}

/* V7 polish: aligned status tags, animated network bar, clickable server cards, cleaner hero, unique vote tile. */
.server-meta{align-items:center!important;min-height:34px;margin-bottom:22px!important}
.server-meta .tag{margin-bottom:0!important;align-items:center;gap:7px;height:30px;padding:0 12px;line-height:1;white-space:nowrap}
.server-meta .tag .dot{width:9px;height:9px;margin:0!important;display:inline-block;flex:0 0 auto}
.server-meta .muted{line-height:1;font-weight:800;display:flex;align-items:center;color:#aeb9d4}
.status-strip{height:6px!important;border-radius:999px!important;overflow:hidden;background:linear-gradient(90deg,var(--purple),var(--hot),var(--orange),var(--purple));background-size:220% 100%;animation:mtcBarFlow 3.8s linear infinite;box-shadow:0 0 22px rgba(255,47,143,.20);}
@keyframes mtcBarFlow{0%{background-position:0% 50%}100%{background-position:220% 50%}}
.server-tile-link{cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;background-position:center;}
.server-tile-link:hover{transform:translateY(-4px);border-color:rgba(255,231,162,.36);box-shadow:0 24px 70px rgba(0,0,0,.28),0 0 30px rgba(255,47,143,.12)}
.server-tile-link:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
.server-tile-link .copy-btn,.server-tile-link code{position:relative;z-index:3}
.hero-video-card .hero-content{min-height:520px;display:flex;flex-direction:column;justify-content:center;padding-top:46px;padding-bottom:74px;}
.hero-video-card .lead{max-width:650px}.hero-video-card .actions{margin-top:44px}
.vote-card{display:flex;flex-direction:column;justify-content:center;text-align:center;align-items:center;min-height:100%;padding:30px 28px;background:radial-gradient(circle at 50% 22%,rgba(255,47,143,.18),transparent 34%),linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));}
.vote-card .vote-meta{width:100%;margin-bottom:18px!important}.vote-card .vote-meta .muted{margin-left:auto}.vote-icon{width:72px!important;height:72px!important;margin:0 0 20px!important;border-radius:16px!important;font-size:52px;background:linear-gradient(145deg,var(--hot),var(--purple))!important;box-shadow:0 0 28px rgba(255,47,143,.24)}
.vote-card b{font-size:22px}.vote-card p{max-width:370px;margin:14px auto 22px}.vote-card .ip-row{margin-top:auto;width:100%;justify-content:center}.vote-card .btn{min-width:180px;justify-content:center}
.server-banner{scroll-margin-top:40px;transition:border-color .2s ease,box-shadow .2s ease}.server-banner:target{border-color:rgba(255,231,162,.42);box-shadow:0 0 0 1px rgba(255,231,162,.14),0 0 44px rgba(255,47,143,.16)}
@media(max-width:760px){.hero-video-card .hero-content{min-height:560px;justify-content:center;padding-bottom:48px}.server-meta{margin-bottom:16px!important}.vote-card{text-align:left;align-items:flex-start}.vote-card .ip-row{justify-content:flex-start}}

/* ATM10 premium rank store additions */
.rank-hero{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:22px;align-items:stretch;margin:10px 0 24px}.rank-hero h2{margin:8px 0 10px;font-size:clamp(1.5rem,3vw,2.6rem);line-height:1;letter-spacing:-.04em}.rank-hero-card{border:1px solid rgba(255,255,255,.12);border-radius:22px;padding:18px;background:radial-gradient(circle at top right,rgba(124,75,255,.2),transparent 38%),linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.03));box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 50px rgba(0,0,0,.28)}.rank-hero-card strong{display:block;font-family:'Press Start 2P',monospace;font-size:.85rem;color:#f4c86a;margin-bottom:12px}.rank-hero-card span{color:rgba(255,255,255,.68);line-height:1.6}.premium-rank-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.premium-rank-card{position:relative;overflow:hidden;min-height:330px}.premium-rank-card::before{content:"";position:absolute;inset:-1px;background:radial-gradient(circle at top,var(--rank-glow),transparent 48%);opacity:.75;pointer-events:none}.premium-rank-card>*{position:relative;z-index:1}.rank-icon{--ingot-a:#f4c86a;--ingot-b:#8e5b1d;width:112px;height:92px;margin-bottom:18px;position:relative;display:grid;place-items:center;filter:drop-shadow(0 0 18px var(--rank-glow))}.rank-icon::before{content:"";position:absolute;width:106px;height:44px;bottom:10px;border-radius:16px;background:linear-gradient(145deg,rgba(16,18,32,.96),rgba(43,47,72,.95));border:1px solid rgba(255,255,255,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}.rank-icon span{width:72px;height:34px;transform:skewX(-18deg) rotate(-6deg);border-radius:8px;background:linear-gradient(160deg,rgba(255,255,255,.75),transparent 28%),linear-gradient(145deg,var(--ingot-a),var(--ingot-b));border:1px solid rgba(255,255,255,.38);box-shadow:inset -8px -8px 0 rgba(0,0,0,.18),inset 5px 5px 0 rgba(255,255,255,.14),0 12px 26px rgba(0,0,0,.35)}.rank-icon.dual span:first-child{position:absolute;left:18px;top:20px;scale:.86}.rank-icon.dual span:last-child{position:absolute;right:12px;top:34px;scale:.86}.rank-modium{--rank-glow:rgba(244,190,80,.4);--ingot-a:#ffd86a;--ingot-b:#9a611e}.rank-vibranium{--rank-glow:rgba(49,230,238,.34);--ingot-a:#5af4ff;--ingot-b:#126873}.rank-unobtainium{--rank-glow:rgba(180,78,255,.4);--ingot-a:#d878ff;--ingot-b:#5d238c}.rank-modium-vibranium{--rank-glow:rgba(255,197,88,.3);--ingot-a:#ffd86a;--ingot-b:#126873}.rank-modium-unobtainium{--rank-glow:rgba(200,98,255,.34);--ingot-a:#ffd86a;--ingot-b:#5d238c}.rank-vibranium-unobtainium{--rank-glow:rgba(104,217,255,.32);--ingot-a:#5af4ff;--ingot-b:#6e2bb0}.rank-perks-panel{margin-top:26px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px}.section-head h2{margin:6px 0 0}.section-head .muted{max-width:520px;text-align:right}.rank-table-wrap{overflow-x:auto;border-radius:18px;border:1px solid rgba(255,255,255,.1)}.premium-rank-table{min-width:1050px;width:100%;border-collapse:collapse}.premium-rank-table th,.premium-rank-table td{padding:14px 12px;border-bottom:1px solid rgba(255,255,255,.08);border-right:1px solid rgba(255,255,255,.06);text-align:center;vertical-align:middle}.premium-rank-table th:first-child,.premium-rank-table td:first-child{text-align:left;position:sticky;left:0;z-index:2;background:rgba(9,12,24,.96)}.premium-rank-table thead th{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.74);background:rgba(255,255,255,.04)}.premium-rank-table td{color:rgba(255,255,255,.78)}.premium-rank-table .yes{color:#8cff9d;font-weight:900}.premium-rank-table .no{color:rgba(255,255,255,.28);font-weight:900}@media (max-width:1100px){.premium-rank-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.rank-hero{grid-template-columns:1fr}.premium-rank-grid{grid-template-columns:1fr}.section-head{display:block}.section-head .muted{text-align:left}}

/* ATM10 rank image icon overrides */
.rank-icon{width:92px;height:92px;margin-bottom:14px;display:flex;align-items:center;justify-content:flex-start;position:relative;filter:none !important}.rank-icon::before{display:none !important}.rank-icon span{display:none !important}.rank-icon-image{display:block;width:88px;height:88px;object-fit:contain;filter:drop-shadow(0 10px 22px rgba(0,0,0,.38))}.premium-rank-card{min-height:340px}.premium-rank-card .price{margin-top:auto;font-size:18px;padding-top:10px}@media (max-width:760px){.rank-icon{width:84px;height:84px}.rank-icon-image{width:80px;height:80px}}

/* Gradient rank name colours */
.rank-name{display:inline-block;font-weight:900;letter-spacing:-0.01em}.grad-modium,.grad-vibranium,.grad-unobtainium,.grad-modium-vibranium,.grad-modium-unobtainium,.grad-unobtainium-vibranium{-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.grad-modium{background-image:linear-gradient(90deg,#ffd766 0%,#ffb326 52%,#ff8a00 100%);text-shadow:0 0 18px rgba(255,178,38,.18)}.grad-vibranium{background-image:linear-gradient(90deg,#87f8ff 0%,#37d7ee 52%,#0aa9c9 100%);text-shadow:0 0 18px rgba(55,215,238,.18)}.grad-unobtainium{background-image:linear-gradient(90deg,#ffb8ff 0%,#d85cff 48%,#8d38ff 100%);text-shadow:0 0 18px rgba(216,92,255,.18)}.grad-modium-vibranium{background-image:linear-gradient(90deg,#ffd766 0%,#ff9e0d 38%,#6beeff 62%,#14c0d8 100%);text-shadow:0 0 18px rgba(107,238,255,.12)}.grad-modium-unobtainium{background-image:linear-gradient(90deg,#ffd766 0%,#ff9e0d 36%,#d85cff 64%,#8d38ff 100%);text-shadow:0 0 18px rgba(216,92,255,.12)}.grad-unobtainium-vibranium{background-image:linear-gradient(90deg,#ffb8ff 0%,#cf5fff 38%,#73f3ff 65%,#13c0db 100%);text-shadow:0 0 18px rgba(115,243,255,.12)}.premium-rank-card h3{font-size:2rem;line-height:1.08}.premium-rank-table thead th .rank-name{font-size:inherit;letter-spacing:.02em}@media (max-width:900px){.premium-rank-card h3{font-size:1.65rem}}

/* ATM10 rank card redesign */
.premium-rank-grid{gap:22px!important;align-items:stretch}.premium-rank-card{display:flex;flex-direction:column;gap:18px;padding:22px 22px 20px!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:24px!important;background:radial-gradient(circle at top left,var(--rank-glow-soft),transparent 36%),linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 45px rgba(0,0,0,.22)!important;min-height:300px!important}.premium-rank-card::before{display:none!important}.rank-modium{--rank-glow-soft:rgba(255,189,64,.16)}.rank-vibranium{--rank-glow-soft:rgba(69,230,246,.14)}.rank-unobtainium{--rank-glow-soft:rgba(213,97,255,.16)}.rank-modium-vibranium{--rank-glow-soft:rgba(123,214,224,.10)}.rank-modium-unobtainium{--rank-glow-soft:rgba(219,126,255,.12)}.rank-vibranium-unobtainium{--rank-glow-soft:rgba(121,221,255,.10)}.rank-card-top{display:flex;align-items:center;gap:16px;min-height:92px}.rank-card-copy{display:flex;flex-direction:column;justify-content:center;gap:6px;min-width:0}.rank-tier{display:inline-flex;align-items:center;width:max-content;padding:7px 11px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(7,12,24,.55);color:rgba(255,243,198,.92);font-size:.75rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.premium-rank-card h3{margin:0!important;font-size:1.8rem!important;line-height:1.05!important;letter-spacing:-.03em}.premium-rank-card .muted{margin:0;color:rgba(215,224,244,.84)!important;line-height:1.65;max-width:42ch;font-size:1rem}.rank-card-bottom{margin-top:auto;display:flex;align-items:end;justify-content:space-between;gap:16px;padding-top:4px}.rank-price-stack{display:flex;flex-direction:column;gap:6px;min-width:0}.rank-price-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.48);font-weight:800}.premium-rank-card .price{display:flex;align-items:center;gap:10px;margin:0!important;padding:0!important;font-size:1.5rem!important;line-height:1;font-family:'Press Start 2P',monospace}.price-old{color:rgba(255,243,197,.68);text-decoration:line-through;text-decoration-thickness:2px;font-size:.68em}.price-divider{color:rgba(255,255,255,.28);font-size:.75em}.price-new{color:#ffefab;text-shadow:0 0 16px rgba(255,213,87,.12)}.premium-rank-card .btn.primary{display:inline-flex;align-items:center;justify-content:center;min-width:136px;height:50px;border-radius:14px;font-weight:900;box-shadow:0 10px 24px rgba(0,0,0,.22)}.rank-icon{width:78px!important;height:78px!important;flex:0 0 78px;justify-content:center!important;margin:0!important}.rank-icon-image{width:74px!important;height:74px!important;filter:drop-shadow(0 8px 18px rgba(0,0,0,.34))!important}.premium-rank-card:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.18)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 22px 55px rgba(0,0,0,.28)!important}@media (max-width:1280px){.premium-rank-card h3{font-size:1.6rem!important}.premium-rank-card .price{font-size:1.7rem!important}}@media (max-width:900px){.rank-card-bottom{flex-direction:column;align-items:flex-start}.premium-rank-card .btn.primary{min-width:100%}}@media (max-width:760px){.premium-rank-card{padding:20px!important}.rank-card-top{gap:14px;align-items:flex-start}.rank-icon{width:70px!important;height:70px!important;flex-basis:70px}.rank-icon-image{width:66px!important;height:66px!important}.premium-rank-card h3{font-size:1.45rem!important}.premium-rank-card .muted{font-size:.96rem}.premium-rank-card .price{font-size:1.45rem!important}}


/* Unified button polish + cleaner server banners */
.server-list{gap:20px}
.server-banner{--server-accent:rgba(255,189,64,.18);--server-accent-strong:rgba(255,189,64,.32);min-height:198px!important;grid-template-columns:104px minmax(0,1fr) 308px!important;gap:28px!important;padding:24px 24px 24px 20px!important;border-radius:24px!important;border:1px solid rgba(255,255,255,.11)!important;background:
radial-gradient(circle at 10% 0%,var(--server-accent),transparent 32%),
linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.02))!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 48px rgba(0,0,0,.24)!important;align-items:center!important;overflow:hidden}
.server-banner#sky{--server-accent:rgba(66,231,245,.14);--server-accent-strong:rgba(66,231,245,.26)}
.server-banner#stoneblock{--server-accent:rgba(232,84,255,.12);--server-accent-strong:rgba(232,84,255,.24)}
.server-banner::before{content:"";position:absolute;inset:auto -80px -110px auto;width:280px;height:280px;background:radial-gradient(circle,var(--server-accent-strong),transparent 66%);opacity:.55;pointer-events:none}
.server-banner::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 0%,rgba(255,255,255,.03) 38%,transparent 62%);transform:translateX(-100%);transition:transform .75s ease;pointer-events:none}
.server-banner:hover::after{transform:translateX(100%)}
.server-banner:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.16)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 24px 60px rgba(0,0,0,.28)!important}
.server-banner .pack-icon.pack-art{width:92px!important;height:92px!important;margin:0!important;padding:8px;border-radius:22px!important;background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.12);box-shadow:0 18px 32px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.08);object-fit:cover}
.server-banner > div:first-of-type{min-width:0}
.server-banner h2{margin:6px 0 10px;font-size:clamp(1.55rem,2vw,2rem);line-height:1.08;letter-spacing:-.03em}
.server-banner .tag{margin-bottom:10px!important;background:rgba(7,12,24,.62);border-color:rgba(255,255,255,.1);padding:7px 12px;font-weight:900;letter-spacing:.02em}
.server-banner .muted{max-width:78ch;color:rgba(216,226,245,.82)!important;font-size:1rem;line-height:1.7}
.server-banner .ip-row{margin-top:18px;gap:12px;flex-wrap:wrap}
.server-banner .ip-row code{display:inline-flex;align-items:center;min-height:46px;padding:0 14px;border-radius:12px;background:rgba(5,9,20,.62);border:1px solid rgba(255,255,255,.1);color:#ffe8a1;font-weight:900;letter-spacing:.01em;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.server-actions{align-self:stretch!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;padding-left:8px}
.server-actions .btn,.copy-btn,.premium-rank-card .btn.primary{height:46px;border-radius:12px!important;font-weight:900!important;letter-spacing:.01em;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}
.server-actions .btn{justify-content:center;width:100%;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.03))!important;border:1px solid rgba(255,255,255,.11)!important;color:#f2f5ff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 12px 24px rgba(0,0,0,.16)!important}
.server-actions .btn:hover,.server-actions .btn:focus-visible{transform:translateY(-2px);border-color:rgba(255,231,162,.28)!important;background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.045))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 16px 30px rgba(0,0,0,.22),0 0 0 1px rgba(255,231,162,.04)!important}
.copy-btn{display:inline-flex;align-items:center;justify-content:center;min-width:104px;padding:0 16px;border:1px solid rgba(255,255,255,.11)!important;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03))!important;color:#f2f5ff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 10px 22px rgba(0,0,0,.15)!important}
.copy-btn:hover{transform:translateY(-2px);border-color:rgba(255,231,162,.28)!important;background:linear-gradient(180deg,rgba(255,255,255,.11),rgba(255,255,255,.05))!important}
.premium-rank-card .btn.primary{min-width:132px!important;padding:0 20px!important;border-radius:12px!important;background:linear-gradient(180deg,#ffe79f,#f7bf56)!important;color:#1d160d!important;border:1px solid rgba(63,42,0,.28)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 14px 26px rgba(0,0,0,.22)!important}
.premium-rank-card .btn.primary:hover{transform:translateY(-2px);filter:brightness(1.03)}
@media (max-width:1280px){.server-banner{grid-template-columns:92px minmax(0,1fr) 280px!important;gap:24px!important}.server-banner .muted{font-size:.97rem}}
@media (max-width:1100px){.server-banner{grid-template-columns:92px minmax(0,1fr)!important}.server-actions{padding-left:0;margin-top:8px;grid-column:1 / -1}.server-banner .pack-icon.pack-art{width:86px!important;height:86px!important}}
@media (max-width:760px){.server-banner{grid-template-columns:1fr!important;padding:18px!important;gap:18px!important}.server-banner .pack-icon.pack-art{width:78px!important;height:78px!important}.server-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}.server-banner .ip-row{flex-direction:column;align-items:stretch}.server-banner .ip-row code,.copy-btn,.server-actions .btn,.premium-rank-card .btn.primary{width:100%}.server-banner h2{font-size:1.42rem}}


/* Staff page 4-column category grid */
.staff-category-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:22px;
  align-items:stretch;
  margin-top:24px;
}

.staff-category-grid .staff-section{
  --staff-accent:rgba(255,231,162,.18);
  --staff-glow:rgba(255,231,162,.10);
  position:relative;
  overflow:hidden;
  min-height:100%;
  margin:0!important;
  padding:22px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:24px;
  background:
    radial-gradient(circle at 50% -10%,var(--staff-glow),transparent 42%),
    linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.02));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 45px rgba(0,0,0,.22);
}

.staff-category-grid .staff-section::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  background:linear-gradient(135deg,var(--staff-accent),transparent 32%);
  opacity:.55;
}

.staff-category-grid .staff-section > *{
  position:relative;
  z-index:1;
}

.staff-owner{--staff-accent:rgba(255,190,72,.22);--staff-glow:rgba(255,190,72,.16)}
.staff-admins{--staff-accent:rgba(130,56,255,.22);--staff-glow:rgba(130,56,255,.16)}
.staff-mods{--staff-accent:rgba(37,255,122,.18);--staff-glow:rgba(37,255,122,.12)}
.staff-helpers{--staff-accent:rgba(69,230,246,.18);--staff-glow:rgba(69,230,246,.12)}

.staff-category-grid .staff-section h2{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  margin:0 0 18px!important;
  padding:8px 12px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:999px;
  background:rgba(7,12,24,.62);
  color:var(--ink);
  font-family:'Press Start 2P',monospace;
  font-size:.78rem;
  line-height:1;
  letter-spacing:.08em;
}

.staff-category-grid .staff-row{
  display:grid!important;
  grid-template-columns:repeat(1,minmax(0,1fr));
  gap:16px;
}

.staff-category-grid .staff-card{
  width:auto!important;
  min-height:210px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:22px 16px;
  border-radius:20px;
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.022));
  border:1px solid rgba(255,255,255,.10);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 12px 28px rgba(0,0,0,.20);
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}

.staff-category-grid .staff-card:hover{
  transform:translateY(-3px);
  border-color:rgba(255,231,162,.24);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 34px rgba(0,0,0,.28);
}

.staff-category-grid .head{
  width:92px;
  height:92px;
  border-radius:20px;
  margin:0 auto 16px;
  box-shadow:0 14px 28px rgba(0,0,0,.35),0 0 24px var(--staff-glow);
}

.staff-category-grid .staff-card h3{
  margin:0 0 8px;
  color:var(--cream);
  font-size:1.02rem;
  line-height:1.2;
  text-align:center;
  word-break:break-word;
}

.staff-category-grid .staff-card .muted{
  margin:0;
  color:rgba(216,226,245,.75);
  font-weight:800;
  text-align:center;
}

@media(max-width:1300px){
  .staff-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:760px){
  .staff-category-grid{grid-template-columns:1fr;gap:16px}
  .staff-category-grid .staff-section{padding:18px}
  .staff-category-grid .staff-card{min-height:190px}
}


/* Full site footer rework */
.footer{
  position:relative;
  margin-left:0!important;
  padding:0!important;
  width:100%!important;
  overflow:hidden;
  color:var(--muted);
  background:
    radial-gradient(circle at 18% 0%,rgba(255,122,47,.12),transparent 34%),
    radial-gradient(circle at 82% 12%,rgba(130,56,255,.16),transparent 36%),
    linear-gradient(180deg,rgba(8,13,28,.92),rgba(3,5,12,.98))!important;
  border-top:1px solid rgba(255,255,255,.10)!important;
}

.footer-glow{
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,transparent,rgba(255,231,162,.08),transparent),
    radial-gradient(circle at 50% 0%,rgba(255,47,143,.10),transparent 40%);
  opacity:.8;
}

.footer-inner{
  position:relative;
  max-width:1600px;
  margin:0 auto;
  padding:58px clamp(24px,5vw,96px) 44px!important;
  display:grid!important;
  grid-template-columns:minmax(280px,1.4fr) repeat(3,minmax(150px,.42fr))!important;
  gap:42px!important;
  align-items:start;
}

.footer-main{
  max-width:620px;
}

.footer-brand{
  display:flex;
  gap:18px;
  align-items:center;
  margin-bottom:18px!important;
}

.footer-logo{
  width:72px!important;
  height:72px!important;
  flex:0 0 72px;
  border-radius:20px!important;
  object-fit:cover;
  border:1px solid rgba(255,231,162,.24);
  box-shadow:0 0 34px rgba(255,47,143,.22),0 16px 30px rgba(0,0,0,.28);
}

.footer h2{
  margin:0 0 8px!important;
  color:var(--cream);
  font-size:clamp(1.45rem,2vw,2rem);
  letter-spacing:-.03em;
}

.footer h3{
  margin:0 0 18px!important;
  color:var(--ink);
  font-size:.78rem;
  text-transform:uppercase;
  letter-spacing:.14em;
}

.footer p{
  margin:0;
  color:rgba(216,226,245,.76);
  line-height:1.75;
}

.footer-summary{
  max-width:560px;
}

.footer a{
  display:flex!important;
  align-items:center;
  min-height:34px;
  margin:6px 0!important;
  color:rgba(216,226,245,.72)!important;
  font-weight:800;
  transition:color .18s ease,transform .18s ease;
}

.footer a:hover{
  color:var(--ink)!important;
  transform:translateX(4px);
}

.footer-bottom{
  position:relative;
  max-width:1600px;
  margin:0 auto;
  padding:18px clamp(24px,5vw,96px)!important;
  display:flex;
  justify-content:space-between;
  gap:16px;
  flex-wrap:wrap;
  border-top:1px solid rgba(255,255,255,.08)!important;
  color:rgba(216,226,245,.62);
}

.mini-dot{
  width:9px;
  height:9px;
  background:var(--green);
  border-radius:50%;
  box-shadow:0 0 14px var(--green);
  display:inline-block;
  margin-right:8px;
}

/* Store hub spruce-up */
.store-intro{
  display:grid;
  grid-template-columns:minmax(0,1fr) 310px;
  gap:24px;
  align-items:center;
  margin:0 0 24px;
  padding:26px!important;
  border-radius:24px!important;
  background:
    radial-gradient(circle at 88% 0%,rgba(130,56,255,.16),transparent 36%),
    linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.02))!important;
}

.store-intro h2{
  margin:8px 0 10px;
  font-size:clamp(1.6rem,2.6vw,2.55rem);
  letter-spacing:-.04em;
}

.store-intro-note{
  border:1px solid rgba(255,255,255,.10);
  border-radius:20px;
  padding:18px;
  background:rgba(5,9,20,.48);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}

.store-intro-note strong{
  display:block;
  margin-bottom:8px;
  color:var(--ink);
}

.store-intro-note span{
  color:rgba(216,226,245,.72);
  line-height:1.6;
}

.store-hub-grid{
  gap:22px!important;
}

.store-hub-card{
  position:relative;
  overflow:hidden;
  min-height:360px!important;
  padding:24px!important;
  border-radius:24px!important;
  border:1px solid rgba(255,255,255,.11)!important;
  background:
    radial-gradient(circle at 20% 0%,var(--store-glow),transparent 36%),
    linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.022))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 48px rgba(0,0,0,.24)!important;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}

.store-hub-card:hover{
  transform:translateY(-4px);
  border-color:rgba(255,255,255,.18)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 26px 62px rgba(0,0,0,.28)!important;
}

.store-live{--store-glow:rgba(255,190,72,.18)}
.store-soon{--store-glow:rgba(120,160,255,.12)}

.store-card-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  margin-bottom:20px;
}

.store-hub-card .pack-art{
  width:92px!important;
  height:92px!important;
  border-radius:20px!important;
  margin:0!important;
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 16px 30px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.08);
}

.store-status{
  display:inline-flex;
  align-items:center;
  min-height:32px;
  padding:0 12px;
  border-radius:999px;
  font-size:.78rem;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.06em;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(5,9,20,.55);
}

.store-status.live{
  color:#8cffb0;
  box-shadow:0 0 18px rgba(37,255,122,.08);
}

.store-status.soon{
  color:#ffe8a1;
}

.store-hub-card h2{
  margin:0 0 12px;
  font-size:clamp(1.45rem,2vw,2rem);
  letter-spacing:-.035em;
}

.store-hub-card .muted{
  color:rgba(216,226,245,.78)!important;
  line-height:1.7;
}

.store-card-meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:18px 0 22px;
}

.store-card-meta span{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:0 10px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:999px;
  background:rgba(7,12,24,.48);
  color:rgba(216,226,245,.74);
  font-size:.78rem;
  font-weight:900;
}

.store-hub-card .btn{
  min-height:48px;
  justify-content:center;
  border-radius:12px!important;
}

/* Coming soon store pages */
.coming-soon-panel{
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:280px minmax(0,1fr);
  gap:36px;
  align-items:center;
  min-height:430px;
  padding:38px!important;
  border:1px solid rgba(255,255,255,.11);
  border-radius:28px;
  background:
    radial-gradient(circle at 18% 12%,rgba(255,231,162,.13),transparent 32%),
    radial-gradient(circle at 88% 18%,rgba(130,56,255,.20),transparent 38%),
    linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.022));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 24px 68px rgba(0,0,0,.26);
}

.coming-soon-panel::before{
  content:"";
  position:absolute;
  inset:-1px;
  pointer-events:none;
  background:linear-gradient(110deg,transparent 0%,rgba(255,255,255,.04) 42%,transparent 64%);
}

.coming-soon-art{
  width:240px;
  height:240px;
  display:grid;
  place-items:center;
  border-radius:34px;
  background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.025));
  border:1px solid rgba(255,255,255,.11);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 20px 46px rgba(0,0,0,.28);
}

.coming-soon-art img{
  width:172px;
  height:172px;
  object-fit:cover;
  border-radius:26px;
  box-shadow:0 18px 34px rgba(0,0,0,.30);
}

.coming-soon-copy h2{
  margin:12px 0 12px;
  font-family:'Press Start 2P',monospace;
  font-size:clamp(2.1rem,5vw,4.8rem);
  line-height:1.1;
  color:var(--cream);
  text-shadow:4px 4px 0 rgba(0,0,0,.55),0 0 34px rgba(255,47,143,.24);
}

.coming-soon-copy h3{
  margin:0 0 14px;
  font-size:clamp(1.35rem,2.2vw,2.2rem);
  letter-spacing:-.035em;
}

.coming-soon-copy p{
  max-width:680px;
  font-size:1.05rem;
  color:rgba(216,226,245,.78)!important;
}

.coming-soon-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:26px;
}

.coming-soon-actions .btn{
  min-height:48px;
  border-radius:12px;
}

@media(max-width:1100px){
  .footer-inner{grid-template-columns:1fr 1fr!important}
  .store-intro{grid-template-columns:1fr}
  .coming-soon-panel{grid-template-columns:1fr}
  .coming-soon-art{width:190px;height:190px}
  .coming-soon-art img{width:136px;height:136px}
}

@media(max-width:760px){
  .footer-inner{grid-template-columns:1fr!important;padding:40px 22px 32px!important}
  .footer-bottom{padding:16px 22px!important}
  .footer-brand{align-items:flex-start}
  .store-intro{padding:20px!important}
  .store-card-top{align-items:center}
  .coming-soon-panel{padding:24px!important;gap:22px;min-height:360px}
  .coming-soon-copy h2{font-size:2.1rem}
  .coming-soon-actions .btn{width:100%;justify-content:center}
}


/* Stripe checkout / payment readiness */
.payment-method-strip{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  margin:6px 0 22px;
  padding:14px 16px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:18px;
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.022));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}

.payment-method-strip span{
  color:rgba(216,226,245,.70);
  font-weight:900;
  margin-right:4px;
}

.payment-method-strip strong{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:0 11px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:999px;
  background:rgba(7,12,24,.56);
  color:var(--ink);
  font-size:.78rem;
  font-weight:950;
}

.checkout-modal{
  position:fixed;
  inset:0;
  display:none;
  align-items:center;
  justify-content:center;
  padding:24px;
  background:rgba(2,4,10,.72);
  backdrop-filter:blur(10px);
  z-index:9999;
}

.checkout-modal[aria-hidden="false"]{
  display:flex;
}

.checkout-modal-card{
  position:relative;
  width:min(560px,100%);
  padding:28px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:26px;
  background:
    radial-gradient(circle at 12% 0%,rgba(255,190,72,.16),transparent 36%),
    radial-gradient(circle at 90% 10%,rgba(130,56,255,.18),transparent 38%),
    linear-gradient(180deg,rgba(17,25,44,.98),rgba(7,10,22,.98));
  box-shadow:0 30px 90px rgba(0,0,0,.52),inset 0 1px 0 rgba(255,255,255,.08);
}

.checkout-modal-card h2{
  margin:12px 0 10px;
  font-size:clamp(1.6rem,3vw,2.35rem);
  letter-spacing:-.04em;
}

.checkout-modal-card ol{
  margin:18px 0 0;
  padding-left:20px;
  color:rgba(216,226,245,.78);
  line-height:1.75;
}

.checkout-modal-card code{
  color:var(--ink);
  background:rgba(0,0,0,.32);
  border:1px solid rgba(255,255,255,.08);
  padding:2px 6px;
  border-radius:6px;
}

.checkout-modal-close{
  position:absolute;
  right:18px;
  top:18px;
  width:38px;
  height:38px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:12px;
  background:rgba(255,255,255,.06);
  color:#fff;
  font-size:24px;
  line-height:1;
  cursor:pointer;
}

.checkout-modal-actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top:24px;
}

.checkout-modal-open{
  overflow:hidden;
}

@media(max-width:760px){
  .payment-method-strip{align-items:flex-start}
  .checkout-modal-card{padding:22px}
  .checkout-modal-actions .btn{width:100%;justify-content:center}
}


/* PayPal secure checkout */
.payment-method-strip{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:6px 0 22px;padding:14px 16px;border:1px solid rgba(255,255,255,.10);border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.022));box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.payment-method-strip span{color:rgba(216,226,245,.70);font-weight:900;margin-right:4px}.payment-method-strip strong{display:inline-flex;align-items:center;min-height:30px;padding:0 11px;border:1px solid rgba(255,255,255,.10);border-radius:999px;background:rgba(7,12,24,.56);color:var(--ink);font-size:.78rem;font-weight:950}.buy-rank-btn{border:0;cursor:pointer;font:inherit}.paypal-checkout-modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;padding:24px;background:rgba(2,4,10,.74);backdrop-filter:blur(10px);z-index:9999}.paypal-checkout-modal[aria-hidden=false]{display:flex}.paypal-checkout-card{position:relative;width:min(640px,100%);max-height:calc(100vh - 48px);overflow:auto;padding:28px;border:1px solid rgba(255,255,255,.12);border-radius:28px;background:radial-gradient(circle at 12% 0%,rgba(255,190,72,.16),transparent 36%),radial-gradient(circle at 90% 10%,rgba(130,56,255,.18),transparent 38%),linear-gradient(180deg,rgba(17,25,44,.98),rgba(7,10,22,.98));box-shadow:0 30px 90px rgba(0,0,0,.52),inset 0 1px 0 rgba(255,255,255,.08)}.paypal-checkout-card h2{margin:12px 0 18px;font-size:clamp(1.75rem,3vw,2.55rem);letter-spacing:-.04em}.paypal-checkout-close{position:absolute;right:18px;top:18px;width:38px;height:38px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(255,255,255,.06);color:#fff;font-size:24px;line-height:1;cursor:pointer}.paypal-selected-rank{display:grid;grid-template-columns:1fr auto;gap:16px;padding:16px;border:1px solid rgba(255,255,255,.10);border-radius:18px;background:rgba(5,9,20,.46);margin-bottom:18px}.paypal-label,.paypal-player-form label span{display:block;color:rgba(216,226,245,.58);font-size:.75rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px}.paypal-player-form label span em{color:rgba(216,226,245,.40);font-style:normal;text-transform:none;letter-spacing:0}.paypal-selected-rank strong{color:var(--ink);font-size:1.05rem}.paypal-player-form{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px}.paypal-player-form input{width:100%;min-height:48px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(0,0,0,.28);color:#fff;padding:0 14px;font:inherit;outline:none}.paypal-player-form input:focus{border-color:rgba(255,231,162,.34);box-shadow:0 0 0 3px rgba(255,231,162,.08)}.paypal-note{margin:0 0 18px;padding:13px 14px;border:1px solid rgba(255,231,162,.12);border-radius:14px;background:rgba(255,231,162,.055);color:rgba(216,226,245,.74);line-height:1.55}.paypal-note strong{color:var(--ink)}.paypal-button-container{min-height:80px}.paypal-checkout-message{margin-top:14px;color:rgba(216,226,245,.76);line-height:1.55;font-weight:800}.paypal-checkout-message[data-type=success]{color:#8cffb0}.paypal-checkout-message[data-type=error]{color:#ff8fa3}.paypal-checkout-message[data-type=warning]{color:#ffe8a1}.paypal-checkout-message[data-type=pending]{color:#9fdcff}.paypal-modal-open{overflow:hidden}@media(max-width:760px){.paypal-checkout-card{padding:22px}.paypal-selected-rank,.paypal-player-form{grid-template-columns:1fr}.payment-method-strip{align-items:flex-start}}


/* ATM10 rank comparison table cleanup */
.rank-table-wrap{
  width:100%;
  overflow:auto;
  border-radius:20px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(5,9,20,.32);
}

.premium-rank-table{
  width:100%!important;
  min-width:1180px;
  height:auto!important;
  border-collapse:separate!important;
  border-spacing:0;
  table-layout:fixed;
}

.premium-rank-table th,
.premium-rank-table td{
  width:auto!important;
  height:auto!important;
  padding:16px 14px!important;
  border-right:1px solid rgba(255,255,255,.055);
  border-bottom:1px solid rgba(255,255,255,.075);
  vertical-align:middle;
  text-align:center;
}

.premium-rank-table th:first-child,
.premium-rank-table td:first-child{
  width:230px!important;
  min-width:230px;
  text-align:left;
  position:sticky;
  left:0;
  z-index:3;
  background:linear-gradient(180deg,rgba(9,13,26,.98),rgba(7,10,22,.98));
  box-shadow:10px 0 24px rgba(0,0,0,.22);
}

.premium-rank-table thead th{
  position:sticky;
  top:0;
  z-index:4;
  background:linear-gradient(180deg,rgba(18,25,44,.98),rgba(9,13,26,.98));
  color:rgba(255,255,255,.82);
  font-size:.72rem;
  text-transform:uppercase;
  letter-spacing:.06em;
}

.premium-rank-table thead th:first-child{
  z-index:5;
}

.premium-rank-table tbody tr:nth-child(even):not(.rank-table-group) td{
  background-color:rgba(255,255,255,.018);
}

.premium-rank-table tbody tr:hover:not(.rank-table-group) td{
  background-color:rgba(255,231,162,.035);
}

.premium-rank-table .yes,
.premium-rank-table .no{
  font-size:1.2rem;
  font-weight:950;
  line-height:1;
}

.premium-rank-table .yes{
  color:#22df9a;
  text-shadow:0 0 16px rgba(34,223,154,.18);
}

.premium-rank-table .no{
  color:#ff5d8b;
}

.rank-table-group td{
  position:sticky;
  left:0;
  z-index:2;
  background:linear-gradient(90deg,rgba(255,231,162,.13),rgba(130,56,255,.10))!important;
  color:var(--ink)!important;
  font-family:'Press Start 2P',monospace;
  font-size:.72rem;
  text-transform:uppercase;
  letter-spacing:.08em;
  text-align:left!important;
  box-shadow:none!important;
}

.perk-code{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:0 9px;
  border-radius:8px;
  background:rgba(130,56,255,.16);
  border:1px solid rgba(255,255,255,.08);
  color:#e7ddff;
  font-family:Inter,system-ui,Segoe UI,Arial,sans-serif;
  font-size:.95rem;
  font-weight:900;
}

@media(max-width:760px){
  .premium-rank-table{
    min-width:980px;
  }
  .premium-rank-table th:first-child,
  .premium-rank-table td:first-child{
    width:190px!important;
    min-width:190px;
  }
}


/* Final MTC polish pass */
.status-strip{
  height:5px!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,#8238ff 0%,#ff2f8f 25%,#ff7a2f 50%,#ff2f8f 75%,#8238ff 100%)!important;
  background-size:200% 100%!important;
  animation:mtcSmoothBar 5.5s linear infinite!important;
  box-shadow:0 0 18px rgba(255,47,143,.22)!important;
}
@keyframes mtcSmoothBar{from{background-position:0% 50%}to{background-position:-200% 50%}}
.footer-bottom{
  margin:0 5vw 28px!important;
  padding:14px 18px!important;
  border:1px solid rgba(248,231,162,.12)!important;
  border-radius:18px!important;
  background:linear-gradient(90deg,rgba(255,231,162,.055),rgba(130,56,255,.06),rgba(255,47,143,.045))!important;
  align-items:center!important;
  color:#b9c8ee!important;
}
.footer-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid rgba(37,255,122,.18);border-radius:999px;background:rgba(37,255,122,.055);color:#dfffea!important;font-weight:900}.footer-pill .mini-dot{margin:0}
.server-banner{
  grid-template-columns:190px minmax(0,1fr) 280px!important;
  min-height:260px!important;
  align-items:center!important;
  padding:28px!important;
}
.server-banner .pack-icon.pack-art{
  width:156px!important;height:156px!important;border-radius:26px!important;padding:0!important;
  object-fit:cover!important;align-self:center!important;justify-self:center!important;
}
.server-actions{align-self:center!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:14px!important;min-width:260px!important;padding-left:0!important}.server-actions .btn{height:52px!important;border-radius:10px!important}.server-banner .tag{display:inline-flex;align-items:center}.server-banner .tag .dot{margin-right:8px!important;flex:none}.server-banner .ip-row{margin-top:20px!important}.server-banner h2{margin-top:8px!important}
.server-subnav{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0 26px}.server-subnav a{padding:12px 14px;border-radius:8px;border:1px solid var(--line);background:rgba(0,0,0,.24);color:var(--muted);font-weight:950}.server-subnav a.active,.server-subnav a:hover{color:var(--ink);background:rgba(255,231,162,.09)}
.rank-intro{margin-bottom:18px}.free-rank-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.free-rank-card{border:1px solid var(--line);border-radius:18px;padding:20px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.02));box-shadow:0 16px 40px rgba(0,0,0,.18)}.free-rank-card h2{margin:12px 0 6px}.rank-top{display:flex;justify-content:space-between;align-items:center}.rank-number{font-family:'Press Start 2P',monospace;color:var(--ink);font-size:11px}.rank-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--purple),var(--hot));box-shadow:0 0 20px rgba(255,47,143,.18)}.rank-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.rank-mini-grid b{color:var(--ink)}.rank-mini-grid ul{padding-left:18px;margin:8px 0 0;color:var(--muted);line-height:1.55;font-size:14px}.vote-hero{display:grid;grid-template-columns:1fr 220px;gap:24px;align-items:center;margin-bottom:18px}.vote-crate{height:180px;border-radius:24px;display:grid;place-items:center;font-size:76px;background:radial-gradient(circle,rgba(255,231,162,.22),rgba(255,47,143,.12),rgba(130,56,255,.12));border:1px solid rgba(255,231,162,.12)}.vote-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.vote-link{display:flex;justify-content:space-between;align-items:center;padding:16px;border:1px solid var(--line);border-radius:12px;background:rgba(0,0,0,.22)}.vote-link b{color:var(--ink)}.ban-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px}.ban-category h2{font-family:'Press Start 2P',monospace;font-size:18px}.ban-list{display:grid;gap:10px;margin-top:16px}.ban-row{display:grid;gap:4px;padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(0,0,0,.18)}.ban-row span{color:var(--muted);font-size:13px}.ban-row b{color:#fff}
.btn.disabled{opacity:.55;pointer-events:none}
@media(max-width:1200px){.free-rank-grid,.ban-grid{grid-template-columns:repeat(2,1fr)}.vote-grid{grid-template-columns:repeat(2,1fr)}.server-banner{grid-template-columns:150px minmax(0,1fr)!important}.server-banner .pack-icon.pack-art{width:128px!important;height:128px!important}.server-actions{grid-column:1/-1;grid-template-columns:repeat(4,1fr)!important}}
@media(max-width:760px){.free-rank-grid,.ban-grid,.vote-grid,.vote-hero{grid-template-columns:1fr}.rank-mini-grid{grid-template-columns:1fr}.server-banner{grid-template-columns:1fr!important}.server-actions{grid-template-columns:1fr 1fr!important;min-width:0!important}.server-banner .pack-icon.pack-art{justify-self:start!important}}


/* V10: clean image holders and add ATM10 page nav to store */
.premium-rank-card .rank-icon{
  width:78px!important;
  height:78px!important;
  flex:0 0 78px!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  filter:none!important;
  overflow:visible!important;
}
.premium-rank-card .rank-icon-image{
  width:78px!important;
  height:78px!important;
  object-fit:contain!important;
  display:block!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  filter:drop-shadow(0 10px 18px rgba(0,0,0,.35))!important;
}
.free-rank-card .rank-icon{
  width:52px!important;
  height:52px!important;
  flex:0 0 52px!important;
  display:grid!important;
  place-items:center!important;
  background:transparent!important;
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:4px!important;
  box-shadow:none!important;
  color:rgba(255,245,216,.72)!important;
  font-size:16px!important;
}
.free-rank-card .rank-icon img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.store-switch{margin-top:18px!important;}
@media(max-width:760px){
  .premium-rank-card .rank-icon{width:70px!important;height:70px!important;flex-basis:70px!important;}
  .premium-rank-card .rank-icon-image{width:70px!important;height:70px!important;}
}

/* V12: layered parallax background scene. Not real depth, because pixels refuse to provide a z-axis, but close enough to fool the eyeballs. */
:root{
  --depth-x:0px;
  --depth-y:0px;
  --depth-scroll:0px;
}
.depth-scene{
  position:fixed;
  inset:0;
  z-index:-5;
  overflow:hidden;
  pointer-events:none;
  background:#040712;
}
.depth-layer{
  position:absolute;
  inset:-9vh -9vw;
  background-image:var(--depth-image);
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center center;
  will-change:transform,opacity,filter;
}
.depth-back{
  transform:translate3d(calc(var(--depth-x) * -0.16), calc((var(--depth-y) * -0.12) + (var(--depth-scroll) * .035)), 0) scale(1.08);
  filter:blur(5px) brightness(.36) saturate(1.08);
  opacity:.58;
}
.depth-mid{
  transform:translate3d(calc(var(--depth-x) * .30), calc((var(--depth-y) * .22) + (var(--depth-scroll) * .07)), 0) scale(1.03);
  filter:brightness(.48) saturate(1.18) contrast(1.06);
  opacity:.66;
}
.depth-front{
  transform:translate3d(calc(var(--depth-x) * .68), calc((var(--depth-y) * .46) + (var(--depth-scroll) * .115)), 0) scale(1.12);
  filter:brightness(.54) saturate(1.24) contrast(1.12);
  opacity:.34;
  mask-image:linear-gradient(90deg,rgba(0,0,0,.85) 0%,rgba(0,0,0,.25) 35%,rgba(0,0,0,.12) 72%,rgba(0,0,0,.58) 100%),linear-gradient(180deg,transparent 0%,black 52%,black 100%);
  -webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.85) 0%,rgba(0,0,0,.25) 35%,rgba(0,0,0,.12) 72%,rgba(0,0,0,.58) 100%),linear-gradient(180deg,transparent 0%,black 52%,black 100%);
}
.depth-mist{
  position:absolute;
  inset:0;
  transform:translate3d(calc(var(--depth-x) * -0.22), calc(var(--depth-y) * .08), 0);
  background:
    radial-gradient(circle at 18% 70%,rgba(130,56,255,.20),transparent 34%),
    radial-gradient(circle at 82% 22%,rgba(255,47,143,.16),transparent 30%),
    radial-gradient(circle at 58% 78%,rgba(255,122,47,.13),transparent 28%),
    linear-gradient(180deg,rgba(5,8,18,.46),rgba(5,8,18,.72));
  mix-blend-mode:screen;
  opacity:.62;
}
.depth-vignette{
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 50% 44%,transparent 0%,rgba(3,5,12,.34) 58%,rgba(2,3,8,.86) 100%),
    linear-gradient(90deg,rgba(4,7,17,.88),rgba(4,7,17,.34) 28%,rgba(4,7,17,.26) 72%,rgba(4,7,17,.88));
}
body{
  background:#050815!important;
}
.shell{
  background:linear-gradient(145deg,rgba(15,27,49,.80),rgba(5,8,18,.88))!important;
  backdrop-filter:blur(1px);
}
.main{
  position:relative;
  z-index:2;
}
.side{
  background:rgba(4,6,14,.58)!important;
  backdrop-filter:blur(10px);
}
.footer{
  position:relative;
  z-index:2;
}
@media (prefers-reduced-motion: reduce){
  .depth-layer,.depth-mist{transform:none!important;}
}
@media(max-width:760px){
  .depth-layer{inset:-7vh -18vw;background-position:center center;}
  .depth-back{opacity:.42;}
  .depth-mid{opacity:.48;}
  .depth-front{opacity:.22;}
}

/* V15: proper split-layer 2.5D parallax background. Actual depth, not the previous wallpaper cosplay. */
:root{
  --depth-x:0px;
  --depth-y:0px;
  --depth-scroll:0px;
}
body{
  background:#030713!important;
}
.depth-scene-3d{
  position:fixed!important;
  inset:0!important;
  z-index:0!important;
  pointer-events:none!important;
  overflow:hidden!important;
  perspective:1000px;
  background:#030713;
}
.depth-scene-3d .depth-layer{
  position:absolute!important;
  inset:-8vh -8vw!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
  background-position:center center!important;
  will-change:transform,opacity!important;
  transform-origin:center center;
}
.depth-scene-3d .depth-back{
  background-image:url('../assets/parallax/depth-00-back.webp')!important;
  opacity:.72!important;
  filter:saturate(1.02) brightness(.72) blur(.2px);
  transform:translate3d(calc(var(--depth-x) * -0.08), calc((var(--depth-y) * -0.05) + (var(--depth-scroll) * .018)), -120px) scale(1.16)!important;
}
.depth-scene-3d .depth-far{
  background-image:url('../assets/parallax/depth-01-far.webp')!important;
  opacity:.60!important;
  filter:saturate(1.06) brightness(.82);
  transform:translate3d(calc(var(--depth-x) * -0.22), calc((var(--depth-y) * -0.12) + (var(--depth-scroll) * .035)), -70px) scale(1.12)!important;
}
.depth-scene-3d .depth-mid{
  background-image:url('../assets/parallax/depth-02-mid.webp')!important;
  opacity:.54!important;
  filter:saturate(1.08) brightness(.86);
  transform:translate3d(calc(var(--depth-x) * .18), calc((var(--depth-y) * .12) + (var(--depth-scroll) * .055)), 0) scale(1.08)!important;
}
.depth-scene-3d .depth-front{
  background-image:url('../assets/parallax/depth-03-front.webp')!important;
  opacity:.42!important;
  filter:saturate(1.12) brightness(.92);
  transform:translate3d(calc(var(--depth-x) * .46), calc((var(--depth-y) * .30) + (var(--depth-scroll) * .09)), 80px) scale(1.10)!important;
}
.depth-scene-3d .depth-close{
  background-image:url('../assets/parallax/depth-04-close.webp')!important;
  opacity:.30!important;
  filter:saturate(1.2) brightness(.78) blur(.35px);
  transform:translate3d(calc(var(--depth-x) * .82), calc((var(--depth-y) * .54) + (var(--depth-scroll) * .13)), 140px) scale(1.16)!important;
}
.depth-scene-3d .depth-fireflies{
  position:absolute;
  inset:0;
  opacity:.28;
  background-image:
    radial-gradient(circle,rgba(255,199,95,.9) 0 1px,transparent 2px),
    radial-gradient(circle,rgba(255,75,155,.7) 0 1px,transparent 2px),
    radial-gradient(circle,rgba(130,56,255,.7) 0 1px,transparent 2px);
  background-size:220px 180px,340px 260px,520px 410px;
  animation:depthFireflyDrift 18s linear infinite;
  transform:translate3d(calc(var(--depth-x) * .34), calc(var(--depth-y) * .22), 0);
}
.depth-scene-3d .depth-vignette{
  position:absolute!important;
  inset:0!important;
  background:
    linear-gradient(90deg,rgba(3,7,19,.78),rgba(3,7,19,.28) 38%,rgba(3,7,19,.62)),
    radial-gradient(circle at 50% 30%,rgba(3,7,19,.10),rgba(3,7,19,.78) 78%),
    linear-gradient(180deg,rgba(3,7,19,.55),rgba(3,7,19,.86))!important;
  opacity:.95!important;
}
@keyframes depthFireflyDrift{
  from{background-position:0 0,0 0,0 0}
  to{background-position:220px -180px,-340px 260px,520px 410px}
}
.page,.shell,.main,.footer{position:relative!important;z-index:2!important;}
.shell{
  background:linear-gradient(145deg,rgba(8,15,31,.70),rgba(3,6,15,.78))!important;
  backdrop-filter:blur(1.5px);
}
.side{background:rgba(2,5,13,.50)!important;backdrop-filter:blur(7px);}
.main{background:transparent!important;}
.news-card,.server-card,.server-banner,.panel,.product,.staff-card,.store-server-card,.profile-card,.hero-card{
  background-color:rgba(9,15,30,.58)!important;
  backdrop-filter:blur(8px) saturate(1.05);
}
.footer{
  background:linear-gradient(180deg,rgba(4,8,18,.74),rgba(2,4,10,.92))!important;
  backdrop-filter:blur(10px);
}
@media (prefers-reduced-motion: reduce){
  .depth-scene-3d .depth-layer,.depth-scene-3d .depth-fireflies{transform:none!important;animation:none!important;}
}
@media(max-width:760px){
  .depth-scene-3d .depth-layer{inset:-6vh -28vw!important;background-position:center center!important;}
  .depth-scene-3d .depth-front,.depth-scene-3d .depth-close{opacity:.22!important;}
}

/* V16: make the 2.5D parallax actually visible on real pages, especially store-atm10. */
html, body{
  background:#030713!important;
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-2;
  background:url('../assets/mtc-parallax-bg.png') center/cover no-repeat;
  opacity:.34;
  filter:saturate(1.05) brightness(.55);
  pointer-events:none;
}
.depth-scene-3d{
  z-index:0!important;
  opacity:1!important;
  background:transparent!important;
}
.depth-scene-3d .depth-back{opacity:.92!important;filter:saturate(1.08) brightness(.82) blur(.15px)!important;}
.depth-scene-3d .depth-far{opacity:.74!important;filter:saturate(1.12) brightness(.92)!important;}
.depth-scene-3d .depth-mid{opacity:.66!important;filter:saturate(1.14) brightness(.98)!important;}
.depth-scene-3d .depth-front{opacity:.54!important;filter:saturate(1.18) brightness(1.04)!important;}
.depth-scene-3d .depth-close{opacity:.40!important;filter:saturate(1.22) brightness(.95) blur(.25px)!important;}
.depth-scene-3d .depth-vignette{
  background:
    linear-gradient(90deg,rgba(3,7,19,.42),rgba(3,7,19,.14) 42%,rgba(3,7,19,.34)),
    radial-gradient(circle at 50% 32%,rgba(3,7,19,0),rgba(3,7,19,.46) 82%),
    linear-gradient(180deg,rgba(3,7,19,.30),rgba(3,7,19,.58))!important;
  opacity:.88!important;
}
.depth-scene-3d .depth-fireflies{opacity:.38!important;}
.page,.stars{background:transparent!important;}
.shell{
  background:linear-gradient(145deg,rgba(8,15,31,.34),rgba(3,6,15,.48))!important;
  backdrop-filter:none!important;
}
.side{
  background:rgba(2,5,13,.54)!important;
  backdrop-filter:blur(8px) saturate(1.05)!important;
}
.main{background:transparent!important;}
.topbar nav,.online{
  background:rgba(2,5,13,.54)!important;
  backdrop-filter:blur(8px) saturate(1.08)!important;
}
.news-card,.server-card,.server-banner,.panel,.product,.staff-card,.store-server-card,.profile-card,.hero-card,.store-intro,.rank-hero-card,.coming-soon-panel,.premium-rank-card,.rank-card,.vote-panel,.ban-category,.store-switch a,.payment-strip,.notice-card{
  background-color:rgba(9,15,30,.46)!important;
  backdrop-filter:blur(5px) saturate(1.08)!important;
}
.panel,.product,.premium-rank-card,.rank-card,.store-intro,.payment-strip,.notice-card{
  background-image:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018))!important;
}
.footer{
  background:linear-gradient(180deg,rgba(4,8,18,.58),rgba(2,4,10,.82))!important;
  backdrop-filter:blur(8px) saturate(1.05)!important;
}
/* A soft clear lane makes the background visible between content and the page edge. */
.main::before{
  content:"";
  position:fixed;
  inset:88px 0 0 112px;
  z-index:-1;
  pointer-events:none;
  background:radial-gradient(circle at 85% 32%,rgba(255,122,47,.10),transparent 24%),radial-gradient(circle at 12% 82%,rgba(130,56,255,.10),transparent 26%);
}
@media(max-width:760px){
  .main::before{inset:0;}
  .shell{background:rgba(3,6,15,.48)!important;}
}

/* Store package cards for claim chunks and force loads */
.store-package-grid{align-items:stretch}
.store-package-card{position:relative;overflow:hidden;min-height:310px!important;padding:24px!important;border-radius:24px!important;background:radial-gradient(circle at 18% 0%,rgba(255,231,162,.13),transparent 34%),linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.022))!important;border:1px solid rgba(255,255,255,.11)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 48px rgba(0,0,0,.24)!important}
.store-package-card.claim-package{background:radial-gradient(circle at 18% 0%,rgba(37,255,122,.13),transparent 34%),linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.022))!important}
.store-package-card.load-package{background:radial-gradient(circle at 18% 0%,rgba(130,56,255,.18),transparent 34%),linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.022))!important}
.package-icon{width:86px;height:86px;border-radius:18px;display:grid;place-items:center;margin-bottom:18px;background:rgba(5,9,20,.62);border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 16px 30px rgba(0,0,0,.28);font-size:42px;color:var(--ink)}
.store-package-card h3{font-size:clamp(1.45rem,2vw,2rem);margin:0 0 12px;letter-spacing:-.035em}
.store-package-card .price{margin-top:auto;font-size:1.45rem!important}
.store-package-card .btn{min-height:48px;justify-content:center;border-radius:12px!important}

/* MTC launch sale, live status and footer supporter widget */
.sale-notice{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  margin:18px 0 24px!important;
  padding:14px 18px!important;
  border:1px solid rgba(101,194,255,.28)!important;
  border-radius:18px!important;
  color:#eaf7ff!important;
  background:
    radial-gradient(circle at 12% 0%,rgba(88,182,255,.32),transparent 36%),
    linear-gradient(135deg,rgba(16,82,156,.82),rgba(8,22,54,.78) 58%,rgba(13,44,92,.82))!important;
  box-shadow:0 18px 42px rgba(20,126,255,.14),inset 0 1px 0 rgba(255,255,255,.12)!important;
  backdrop-filter:blur(8px) saturate(1.14)!important;
  position:relative!important;
  overflow:hidden!important;
}
.sale-notice::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.14),transparent);
  transform:translateX(-120%);
  animation:noticeSweep 6s ease-in-out infinite;
}
@keyframes noticeSweep{0%,58%{transform:translateX(-120%)}74%,100%{transform:translateX(120%)}}
.sale-notice-kicker{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:0 10px;
  border:1px solid rgba(166,224,255,.30);
  border-radius:999px;
  background:rgba(2,12,32,.42);
  color:#bceaff;
  font-size:.72rem;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.12em;
}
.sale-notice strong{
  flex:1 1 auto;
  position:relative;
  z-index:1;
  color:#f6fbff;
  font-weight:950;
  letter-spacing:.01em;
}
.sale-notice a{
  position:relative;
  z-index:1;
  flex:0 0 auto;
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  min-height:36px;
  padding:0 13px;
  border-radius:12px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.18);
  color:#fff!important;
  font-weight:950;
}
.sale-notice a:hover{transform:translateY(-1px);background:rgba(255,255,255,.18)}
.footer-inner{
  grid-template-columns:minmax(280px,1.25fr) repeat(3,minmax(138px,.42fr)) minmax(250px,.78fr)!important;
}
.footer-supporters{min-width:0;}
.footer-supporter-card{
  position:relative;
  overflow:hidden;
  padding:18px!important;
  border:1px solid rgba(101,194,255,.18)!important;
  border-radius:22px!important;
  background:
    radial-gradient(circle at 16% 0%,rgba(101,194,255,.16),transparent 34%),
    radial-gradient(circle at 100% 18%,rgba(130,56,255,.16),transparent 34%),
    rgba(5,10,24,.44)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 40px rgba(0,0,0,.18)!important;
}
.footer-supporter-card::after{
  content:"✦";
  position:absolute;
  right:16px;
  top:10px;
  color:rgba(160,222,255,.28);
  font-size:42px;
  line-height:1;
}
.supporter-kicker{
  display:block;
  margin-bottom:8px;
  color:#9edcff;
  font-size:.68rem;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.14em;
}
.footer-supporter-card h3{margin-bottom:14px!important;color:#eaf7ff!important;}
.supporter-list{display:grid;gap:9px;}
.supporter-row{
  display:grid;
  grid-template-columns:96px minmax(0,1fr);
  gap:10px;
  align-items:center;
  min-height:42px;
  padding:9px 10px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:14px;
  background:rgba(0,0,0,.18);
}
.supporter-row span{
  color:rgba(188,221,255,.66);
  font-size:.72rem;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.supporter-row strong{
  min-width:0;
  color:#fff;
  font-size:.9rem;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.online [data-player-text],.footer-pill [data-player-text]{display:inline-flex;align-items:center;gap:4px;}
.online.is-loading,.footer-pill.is-loading{opacity:.82;}
.online.is-offline .dot,.footer-pill.is-offline .mini-dot{background:#ff5d8b!important;box-shadow:0 0 14px rgba(255,93,139,.7)!important;}
.online.is-online .dot,.footer-pill.is-online .mini-dot{background:var(--green)!important;box-shadow:0 0 14px var(--green)!important;}
@media(max-width:1180px){.footer-inner{grid-template-columns:1.35fr 1fr 1fr!important}.footer-supporters{grid-column:1/-1}.footer-supporter-card{max-width:none}}
@media(max-width:760px){.sale-notice{align-items:flex-start!important;flex-direction:column!important}.sale-notice a{width:100%}.footer-inner{grid-template-columns:1fr!important}.supporter-row{grid-template-columns:1fr}.supporter-row strong{white-space:normal}}

/* Footer commerce strip: three-column supporters/packages panel under the footer lists. */
.footer{
  display:block!important;
}
.footer-inner{
  grid-template-columns:minmax(280px,1.35fr) repeat(3,minmax(150px,.52fr))!important;
  align-items:start!important;
  padding-bottom:26px!important;
}
.footer-commerce-panel{
  width:100%!important;
  max-width:1600px!important;
  margin:0 auto!important;
  padding:0 clamp(28px,6vw,120px) 38px!important;
}
.footer-commerce-grid{
  display:grid!important;
  grid-template-columns:minmax(260px,.92fr) minmax(320px,1.08fr) minmax(280px,1fr)!important;
  gap:18px!important;
  align-items:stretch!important;
}
.commerce-card{
  position:relative!important;
  overflow:hidden!important;
  min-height:196px!important;
  padding:20px!important;
  border:1px solid rgba(101,194,255,.18)!important;
  border-radius:24px!important;
  background:
    radial-gradient(circle at 16% 0%,rgba(101,194,255,.16),transparent 36%),
    radial-gradient(circle at 100% 16%,rgba(130,56,255,.18),transparent 34%),
    rgba(5,10,24,.52)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 42px rgba(0,0,0,.20)!important;
}
.commerce-card::after{
  content:"";
  position:absolute;
  inset:auto -20% -44% 20%;
  height:120px;
  background:radial-gradient(circle,rgba(101,194,255,.15),transparent 60%);
  pointer-events:none;
}
.commerce-kicker{
  display:block!important;
  margin-bottom:8px!important;
  color:#9edcff!important;
  font-size:.68rem!important;
  font-weight:950!important;
  text-transform:uppercase!important;
  letter-spacing:.14em!important;
}
.commerce-card h3{
  margin:0 0 16px!important;
  color:#f6fbff!important;
  font-size:.92rem!important;
  line-height:1.15!important;
  text-transform:uppercase!important;
  letter-spacing:.12em!important;
}
.top-buyer-display{
  display:flex!important;
  gap:16px!important;
  align-items:center!important;
  min-height:96px!important;
  padding:14px!important;
  border:1px solid rgba(255,255,255,.09)!important;
  border-radius:18px!important;
  background:rgba(0,0,0,.20)!important;
}
.player-head{
  width:38px!important;
  height:38px!important;
  flex:0 0 auto!important;
  border-radius:10px!important;
  object-fit:cover!important;
  image-rendering:pixelated!important;
  border:1px solid rgba(255,255,255,.14)!important;
  background:rgba(2,6,16,.8)!important;
  box-shadow:0 0 22px rgba(101,194,255,.12)!important;
}
.player-head-large{
  width:72px!important;
  height:72px!important;
  border-radius:16px!important;
  box-shadow:0 0 32px rgba(101,194,255,.20)!important;
}
.top-buyer-display strong,
.mini-purchase-row strong,
.top-package-row strong{
  display:block!important;
  min-width:0!important;
  color:#fff!important;
  font-size:.94rem!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.top-buyer-display span,
.mini-purchase-row span,
.top-package-row em{
  display:block!important;
  margin-top:3px!important;
  color:rgba(211,226,246,.68)!important;
  font-size:.78rem!important;
  font-style:normal!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.mini-purchase-list,
.top-package-list{
  display:grid!important;
  gap:9px!important;
}
.mini-purchase-row{
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr)!important;
  gap:10px!important;
  align-items:center!important;
  min-height:50px!important;
  padding:8px 10px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:15px!important;
  background:rgba(0,0,0,.18)!important;
}
.top-package-row{
  display:grid!important;
  grid-template-columns:28px minmax(0,1fr) auto!important;
  gap:10px!important;
  align-items:center!important;
  min-height:46px!important;
  padding:8px 10px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:15px!important;
  background:rgba(0,0,0,.18)!important;
}
.top-package-row > span{
  display:grid!important;
  place-items:center!important;
  width:28px!important;
  height:28px!important;
  border-radius:9px!important;
  background:rgba(101,194,255,.12)!important;
  border:1px solid rgba(101,194,255,.16)!important;
  color:#bceaff!important;
  font-size:.72rem!important;
  font-weight:950!important;
}
.top-package-row em{
  max-width:86px!important;
  text-align:right!important;
  color:#ffe7a2!important;
  font-weight:900!important;
}
.footer-bottom.footer-credit-bar{
  position:relative!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:18px clamp(28px,6vw,120px) 28px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  flex-wrap:wrap!important;
  border-top:1px solid rgba(255,255,255,.08)!important;
  border-left:0!important;
  border-right:0!important;
  border-bottom:0!important;
  border-radius:0!important;
  background:linear-gradient(90deg,rgba(101,194,255,.055),rgba(130,56,255,.05),rgba(255,47,143,.035))!important;
  color:rgba(216,226,245,.72)!important;
  box-shadow:none!important;
}
.footer-made{
  color:#eef6ff!important;
  font-weight:900!important;
}
.footer-heart{
  color:#ff6fae!important;
  text-shadow:0 0 14px rgba(255,111,174,.45)!important;
  font-weight:950!important;
}
@media(max-width:1180px){
  .footer-inner{grid-template-columns:1.2fr 1fr 1fr!important;}
  .footer-commerce-grid{grid-template-columns:1fr!important;}
}
@media(max-width:760px){
  .footer-inner{grid-template-columns:1fr!important;padding-left:22px!important;padding-right:22px!important;}
  .footer-commerce-panel{padding:0 22px 28px!important;}
  .footer-bottom.footer-credit-bar{padding:18px 22px 26px!important;}
  .top-package-row{grid-template-columns:28px minmax(0,1fr)!important;}
  .top-package-row em{grid-column:2;text-align:left!important;}
}