

/* StroopwafelSMP homepage and shop refresh */
:root { --smp-gold:#F5D76E; --smp-caramel:#D4A24C; --smp-cinnamon:#8B5A2B; --smp-dark:#1a1a1a; --smp-panel:#24211d; --smp-muted:#d0cbc2; }
html { scroll-behavior:smooth; scroll-padding-top:90px; }
body { background:var(--smp-dark); color:#fff; font-family:Rubik,system-ui,sans-serif; }
.smp-navbar { position:relative; z-index:5; padding:1rem 0; background:rgba(20,19,17,.65); border-bottom:1px solid rgba(245,215,110,.13); backdrop-filter:blur(14px); }
.smp-navbar .navbar-brand { display:flex; align-items:center; gap:.38rem; color:#fff; font-size:1.12rem; font-weight:800; letter-spacing:-.03em; }
.brand-mark { display:grid; place-items:center; width:34px; height:34px; margin-right:.25rem; border-radius:11px; color:#24190b; background:linear-gradient(140deg,#ffe993,var(--smp-caramel)); box-shadow:0 4px 18px rgba(245,215,110,.2); }
.brand-light { color:var(--smp-gold); }
.smp-navbar .nav-link { padding:.55rem .62rem!important; color:#ddd7cc; font-size:.88rem; font-weight:600; }
.smp-navbar .nav-link:hover,.smp-navbar .nav-link:focus { color:var(--smp-gold); }
.smp-account { gap:.45rem; align-items:center; }
.btn-nav-outline,.btn-nav-fill { padding:.55rem .85rem; border-radius:999px; font-weight:700; font-size:.85rem; }
.btn-nav-outline { color:var(--smp-gold); border:1px solid rgba(245,215,110,.45); }
.btn-nav-fill { color:#21190e; background:linear-gradient(120deg,#ffe993,var(--smp-caramel)); border:0; }
.btn-nav-fill:hover,.btn-nav-outline:hover { color:#16120d; background:var(--smp-gold); }
.smp-hero { position:relative; overflow:hidden; min-height:720px; background:radial-gradient(ellipse at 70% 35%,rgba(139,90,43,.36),transparent 42%),radial-gradient(ellipse at 12% 0,rgba(245,215,110,.12),transparent 35%),linear-gradient(140deg,#372519 0%,#211b16 43%,#1a1a1a 100%); }
.smp-hero:before { position:absolute; inset:0; content:""; pointer-events:none; opacity:.22; background-image:radial-gradient(rgba(245,215,110,.24) .7px,transparent .7px); background-size:23px 23px; mask-image:linear-gradient(100deg,#000,transparent 78%); }
.hero-inner { position:relative; display:flex; align-items:center; justify-content:center; min-height:595px; padding-top:3rem; padding-bottom:3rem; }
.hero-copy { width:min(100%,850px); text-align:center; }
.eyebrow,.section-kicker { color:var(--smp-caramel); font-size:.77rem; font-weight:800; letter-spacing:.16em; text-transform:uppercase; }
.eyebrow { display:inline-flex; align-items:center; gap:.55rem; padding:.55rem .85rem; border:1px solid rgba(245,215,110,.18); border-radius:999px; background:rgba(24,20,16,.55); }
.eyebrow-dot { width:7px; height:7px; border-radius:50%; background:var(--smp-gold); box-shadow:0 0 12px var(--smp-gold); }
.hero-copy h1 { margin:1.35rem 0 .55rem; color:var(--smp-gold); font-size:clamp(3.4rem,9vw,7.2rem); font-weight:800; letter-spacing:-.075em; line-height:.98; }
.hero-copy h1 span { color:#fff; }
.hero-lead { margin:.8rem auto; color:var(--smp-caramel); font-size:clamp(1.2rem,2.5vw,1.7rem); font-weight:700; }
.hero-text { max-width:660px; margin:1rem auto 1.65rem; color:#e0ddd7; font-size:1.06rem; line-height:1.8; }
.hero-actions { display:flex; flex-wrap:wrap; justify-content:center; gap:.75rem; }
.btn-waffle,.btn-quiet { display:inline-flex; align-items:center; justify-content:center; gap:.55rem; padding:.86rem 1.35rem; border-radius:999px; font-weight:800; transition:transform .18s,box-shadow .18s,background .18s; }
.btn-waffle { color:#21190e; background:linear-gradient(120deg,#ffe993,#e9bc53 55%,#D4A24C); border:0; box-shadow:0 9px 26px rgba(212,162,76,.22); }
.btn-quiet { color:#f5e9d0; border:1px solid rgba(245,215,110,.35); background:rgba(25,23,20,.55); }
.btn-waffle:hover,.btn-quiet:hover { color:#21190e; background:var(--smp-gold); transform:translateY(-2px); box-shadow:0 12px 30px rgba(212,162,76,.25); }
.hero-badges { display:flex; flex-wrap:wrap; justify-content:center; gap:.55rem; margin-top:2.1rem; }
.hero-badges span { display:inline-flex; align-items:center; gap:.42rem; padding:.48rem .72rem; color:#e4ddd0; border:1px solid rgba(245,215,110,.14); border-radius:999px; background:rgba(255,255,255,.045); font-size:.82rem; }
.hero-badges i { color:var(--smp-gold); }
.hero-wafer { position:absolute; right:2%; bottom:1.3rem; display:grid; place-items:center; width:160px; height:160px; border:12px solid #d4a24c; border-radius:50%; outline:4px solid rgba(245,215,110,.24); color:#e8bc5c; background:repeating-linear-gradient(0deg,#8b5a2b 0 8px,#b98238 8px 14px); box-shadow:inset 0 0 0 6px rgba(67,39,20,.68),0 22px 42px #0006; transform:rotate(-17deg); opacity:.64; }
.hero-wafer:before { position:absolute; inset:22px; content:""; border:2px solid rgba(245,215,110,.45); border-radius:50%; }
.hero-wafer span { position:absolute; top:18px; right:25px; color:#ffe993; font-size:1.35rem; }
.wafer-mark { color:#54341e; font-size:5rem; font-weight:800; text-shadow:0 1px #edc861; }
.hero-wafer small { position:absolute; bottom:-28px; width:240px; color:#d2ae75; font-size:.67rem; text-align:center; letter-spacing:.1em; text-transform:uppercase; }
.hero-scroll { position:absolute; right:0; bottom:1.1rem; left:0; color:#d9c7a5; font-size:.8rem; text-align:center; }
.smp-site { overflow:hidden; background:var(--smp-dark); }
.section-space { padding-top:5.5rem; padding-bottom:5.5rem; }
.section-heading { max-width:760px; margin:0 auto 2.25rem; text-align:center; }
.section-heading h2,.status-title h2,.final-cta h2 { margin:.55rem 0 .65rem; color:#fff; font-size:clamp(1.9rem,4vw,2.75rem); font-weight:800; letter-spacing:-.045em; }
.section-heading p { margin:0 auto; color:#bdb8b0; line-height:1.7; }
.card-grid { display:grid; gap:1rem; }
.card-grid.six { grid-template-columns:repeat(3,minmax(0,1fr)); }
.card-grid.three { grid-template-columns:repeat(3,minmax(0,1fr)); }
.card-grid.four { grid-template-columns:repeat(4,minmax(0,1fr)); }
.info-card,.reason-card,.news-card,.rank-card,.token-card,.cosmetic-card,.crate-card,.store-category-card,.shop-product-card { border:1px solid rgba(212,162,76,.17); border-radius:20px; background:linear-gradient(150deg,#292621,#201f1d 72%); box-shadow:0 15px 34px rgba(0,0,0,.15); }
.info-card { min-height:205px; padding:1.45rem; transition:transform .2s,border-color .2s,box-shadow .2s; }
.info-card:hover,.reason-card:hover,.rank-card:hover,.token-card:hover,.cosmetic-card:hover,.crate-card:hover,.store-category-card:hover,.shop-product-card:hover { transform:translateY(-4px); border-color:rgba(245,215,110,.48); box-shadow:0 19px 38px rgba(0,0,0,.28); }
.info-card>i,.reason-card>i,.token-card>i,.crate-card>i { display:grid; place-items:center; width:46px; height:46px; margin-bottom:1rem; border-radius:14px; color:#21190e; background:linear-gradient(135deg,#ffe993,var(--smp-caramel)); font-size:1.35rem; }
.info-card h3,.reason-card h3,.news-content h3,.rank-card h3,.token-card h3,.cosmetic-card h3,.crate-card h3 { margin:0 0 .5rem; color:#fff; font-size:1.08rem; font-weight:750; }
.info-card p,.reason-card p,.news-content p,.rank-card p,.cosmetic-card>p { margin:0; color:#bdb8b0; font-size:.92rem; line-height:1.7; }
.waffle-band { border-block:1px solid rgba(212,162,76,.12); background:radial-gradient(ellipse at 50% 0,rgba(139,90,43,.16),transparent 60%),#201d19; }
.reason-card { display:flex; gap:1rem; min-height:150px; padding:1.35rem; transition:.2s; }
.reason-card>i { flex:none; margin:0; }
.news-card { overflow:hidden; }
.news-card>img,.news-art { display:grid; width:100%; height:170px; object-fit:cover; }
.news-art { place-items:center; color:var(--smp-gold); background:radial-gradient(circle at 50% 35%,#674622,#27231e 70%); font-size:2.3rem; }
.news-content { padding:1.25rem; }
.news-content small { color:var(--smp-caramel); font-size:.72rem; font-weight:800; letter-spacing:.1em; }
.news-content h3 { margin:.65rem 0; }
.news-content h3 a { color:#fff; text-decoration:none; }
.text-link { display:inline-flex; align-items:center; gap:.35rem; color:var(--smp-gold); font-size:.87rem; font-weight:750; text-decoration:none; }
.text-link:hover { color:#fff; }
.status-panel { padding:2rem; border:1px solid rgba(245,215,110,.24); border-radius:24px; background:linear-gradient(130deg,#29231c,#211f1b); box-shadow:0 22px 50px #0003; }
.status-title { display:flex; align-items:end; justify-content:space-between; gap:1rem; }
.status-title h2 { margin:.35rem 0 0; font-size:1.8rem; }
.live-status { display:flex; align-items:center; gap:.8rem; margin:1.35rem 0; }
.live-status strong,.live-status small { display:block; }
.live-status strong { color:#fff; font-size:1.1rem; }
.live-status small { margin-top:.2rem; color:#bdb8b0; }
.status-dot { width:12px; height:12px; border-radius:50%; background:#9c5547; box-shadow:0 0 15px #9c554755; }
.status-dot.online { background:#65bd7b; box-shadow:0 0 14px #65bd7b99; }
.status-meta { display:flex; flex-wrap:wrap; gap:1rem; padding:1rem 0; color:#d7c7a8; border-block:1px solid rgba(245,215,110,.12); }
.status-meta span { display:flex; align-items:center; gap:.45rem; }
.status-meta i { color:var(--smp-gold); }
.connect-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.75rem; margin-top:1rem; }
.connect-item { display:flex; flex-direction:column; gap:.45rem; min-width:0; }
.connect-item small,.cta-address>span { color:#a8a198; font-size:.74rem; font-weight:800; letter-spacing:.09em; text-transform:uppercase; }
.copy-chip { display:inline-flex; align-items:center; gap:.45rem; max-width:100%; padding:.75rem .85rem; overflow-wrap:anywhere; color:var(--smp-gold); border:1px solid rgba(245,215,110,.25); border-radius:12px; background:#171614; font:700 .94rem/1.3 ui-monospace,SFMono-Regular,monospace; text-align:left; cursor:pointer; }
.copy-chip:hover { border-color:var(--smp-gold); background:#2b251b; }
.status-note,.price-note { margin:.8rem 0 0; color:#968f84; font-size:.78rem; line-height:1.55; }
.rank-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }
.rank-card { padding:1.35rem; transition:.2s; }
.rank-top { display:flex; align-items:center; justify-content:space-between; margin-bottom:1rem; }
.rank-gem { display:grid; place-items:center; width:42px; height:42px; border-radius:13px; color:#21190e; background:var(--rank-color,var(--smp-gold)); font-size:1.25rem; }
.rank-label { color:#9c9488; font-size:.69rem; font-weight:800; letter-spacing:.15em; }
.rank-card h3 { color:var(--rank-color,var(--smp-gold)); font-size:1.3rem; }
.rank-card p { min-height:52px; }
.rank-prices { display:grid; gap:.42rem; margin:1rem 0; }
.rank-prices>div { display:flex; align-items:center; justify-content:space-between; padding:.48rem .62rem; border:1px solid rgba(255,255,255,.06); border-radius:10px; background:rgba(0,0,0,.13); }
.rank-prices span { color:#bdb8b0; font-size:.82rem; }
.rank-prices strong { color:#fff; font-size:.88rem; }
.rank-coal{--rank-color:#7E7E7E}.rank-iron{--rank-color:#C1C1C1}.rank-gold{--rank-color:#F1C40F}.rank-diamond{--rank-color:#3498DB}.rank-emerald{--rank-color:#2ECC71}.rank-netherite{--rank-color:#6B4423}.rank-legend{--rank-color:#00CED1}.rank-bedrock{--rank-color:#4A4A4A}.rank-media{--rank-color:#B9144B}
.price-note { text-align:center; }
.token-card { padding:1.4rem; text-align:center; transition:.2s; }
.token-card>i { margin:0 auto 1rem; }
.token-card h3 { margin:.2rem 0 .45rem; }
.token-card strong { display:block; color:var(--smp-gold); font-size:1.15rem; }
.token-card span { display:inline-block; margin-top:.8rem; padding:.28rem .5rem; color:#c7b89d; border:1px solid rgba(212,162,76,.2); border-radius:99px; font-size:.68rem; text-transform:uppercase; letter-spacing:.08em; }
.cosmetic-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }
.cosmetic-card { padding:1.4rem; transition:.2s; }
.cosmetic-head { display:flex; align-items:center; gap:.8rem; margin-bottom:1rem; }
.cosmetic-head>i { display:grid; place-items:center; width:44px; height:44px; border-radius:13px; color:#23190d; background:var(--smp-gold); font-size:1.25rem; }
.cosmetic-head h3 { margin:0; }.cosmetic-head span { color:#9f988e; font-size:.78rem; }
.cosmetic-card ul { display:grid; gap:.48rem; margin:0 0 1rem; padding:0; list-style:none; }
.cosmetic-card li { display:flex; justify-content:space-between; gap:.7rem; color:#d4d0c8; font-size:.83rem; }
.cosmetic-card li strong { color:var(--smp-gold); white-space:nowrap; }
.crate-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1rem; }
.crate-card { padding:1.35rem; text-align:center; transition:.2s; }
.crate-card>i { margin:0 auto .9rem; }.crate-card h3 { margin-bottom:.35rem; }
.crate-card span { color:#aaa398; font-size:.77rem; }
.center-action { margin-top:1.5rem; text-align:center; }
.faq-list { max-width:850px; margin:0 auto; border:1px solid rgba(212,162,76,.2); border-radius:18px; overflow:hidden; }
.faq-list .accordion-item { color:#eee; border-color:rgba(212,162,76,.13); background:#24211d; }
.faq-list .accordion-button { color:#fff; background:#24211d; font-weight:700; box-shadow:none; }
.faq-list .accordion-button:not(.collapsed) { color:var(--smp-gold); }
.faq-list .accordion-button:after { filter:brightness(0) saturate(100%) invert(82%) sepia(55%) saturate(522%) hue-rotate(1deg) brightness(105%); }
.faq-list .accordion-body { color:#c3bdb3; line-height:1.7; }
.final-cta { margin-bottom:4rem; padding:3rem; border:1px solid rgba(245,215,110,.23); border-radius:26px; background:radial-gradient(ellipse at 50% 0,rgba(139,90,43,.23),transparent 68%),#24211d; text-align:center; }
.final-cta>p { color:#c6c0b5; }
.cta-address { display:inline-flex; align-items:center; gap:.75rem; margin:.4rem; padding:.45rem .6rem .45rem .9rem; border:1px solid rgba(245,215,110,.13); border-radius:14px; background:#1b1a18; }
.smp-footer { padding:3.5rem 0 0; color:#d0cbc2; border-top:1px solid rgba(212,162,76,.18); background:#141311; }
.footer-main { display:grid; grid-template-columns:1.5fr repeat(4,minmax(0,1fr)); gap:2rem; padding-bottom:2.8rem; }
.footer-brand { color:var(--smp-gold); font-size:1.45rem; font-weight:800; text-decoration:none; }
.footer-brand span { color:#fff; }
.footer-brand-block p { max-width:280px; margin:.8rem 0 1rem; color:#a9a39a; line-height:1.65; font-size:.9rem; }
.footer-discord { color:var(--smp-caramel); font-size:.87rem; font-weight:700; text-decoration:none; }
.footer-column { display:flex; flex-direction:column; gap:.62rem; }
.footer-column h2 { margin:0 0 .4rem; color:var(--smp-gold); font-size:.85rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.footer-column a { color:#bdb8b0; font-size:.84rem; text-decoration:none; }
.footer-column a:hover,.footer-discord:hover { color:#fff; }
.footer-bottom { display:flex; justify-content:space-between; gap:1rem; padding:1.1rem 0; color:#8f8980; border-top:1px solid rgba(255,255,255,.07); font-size:.76rem; }
.smp-subhero { background:radial-gradient(ellipse at 50% 0,rgba(139,90,43,.35),transparent 60%),linear-gradient(140deg,#302216,#1a1a1a 75%); border-bottom:1px solid rgba(245,215,110,.16); }
.subhero-inner { padding:2.4rem 0 2.8rem; text-align:center; }
.subhero-inner .section-kicker { color:var(--smp-caramel); }
.subhero-inner h1 { margin:.5rem 0; color:var(--smp-gold); font-size:clamp(2rem,5vw,3.4rem); font-weight:800; }
.subhero-inner p { max-width:670px; margin:auto; color:#d0cbc2; line-height:1.7; }
.smp-content { min-height:50vh; padding-top:2rem; padding-bottom:4rem; }
.smp-content .content { max-width:1200px; }
.store-intro { max-width:780px; margin:0 auto 2rem; text-align:center; }
.store-intro h2 { color:#fff; font-weight:800; }
.store-category-grid,.shop-product-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }
.store-category-card,.shop-product-card { display:flex; flex-direction:column; padding:1.4rem; color:#fff; text-decoration:none; transition:.2s; }
.store-category-card .category-icon,.shop-product-icon { display:grid; place-items:center; width:46px; height:46px; margin-bottom:1rem; border-radius:14px; color:#24190d; background:var(--smp-gold); font-size:1.3rem; }
.store-category-card h3,.shop-product-card h3 { margin:0 0 .5rem; color:#fff; font-size:1.13rem; font-weight:800; }
.store-category-card p,.shop-product-card p { flex:1; color:#bdb8b0; font-size:.89rem; line-height:1.65; }
.store-category-card .category-children { display:flex; flex-wrap:wrap; gap:.35rem; margin-top:.5rem; }
.category-children span { padding:.25rem .48rem; color:#d6c7aa; border:1px solid rgba(212,162,76,.18); border-radius:999px; font-size:.7rem; }
.shop-page-title { margin-bottom:.45rem; color:#fff; font-size:clamp(1.7rem,4vw,2.35rem); font-weight:800; }
.shop-page-description { margin-bottom:1.5rem; color:#bdb8b0; line-height:1.7; }
.shop-product-card { min-height:260px; }
.shop-product-card .product-price { margin:.15rem 0 1rem; color:var(--smp-gold); font-size:1.12rem; font-weight:800; }
.shop-product-card .btn { align-self:flex-start; }
.shop-empty { padding:2rem; color:#c8c0b3; border:1px dashed rgba(212,162,76,.3); border-radius:16px; text-align:center; }
#itemModal .modal-content { color:#eee; background:#24211d; border:1px solid rgba(245,215,110,.2); border-radius:18px; }
#itemModal .btn-primary { color:#20170c; background:var(--smp-gold); border:0; }
@media(max-width:1199.98px) {
 .smp-navbar .nav-link { padding-inline:.4rem!important; font-size:.8rem; }
 .footer-main { grid-template-columns:repeat(4,minmax(0,1fr)); }
 .footer-brand-block { grid-column:span 4; }
}
@media(max-width:991.98px) {
 .smp-navbar .navbar-collapse { padding:1rem 0 .3rem; }
 .smp-nav { gap:.15rem; }
 .smp-account { align-items:flex-start; padding-top:.5rem; }
 .hero-wafer { right:-2.5rem; opacity:.28; }
 .rank-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:767.98px) {
 .smp-hero { min-height:0; }
 .hero-inner { min-height:0; padding-top:4.5rem; padding-bottom:5rem; }
 .hero-wafer { right:-3.8rem; bottom:.5rem; width:118px; height:118px; opacity:.18; }
 .wafer-mark { font-size:3.5rem; }
 .hero-wafer small { display:none; }
 .hero-copy h1 { font-size:clamp(3.3rem,16vw,5rem); }
 .hero-text { font-size:.97rem; }
 .hero-actions { align-items:stretch; flex-direction:column; max-width:320px; margin-inline:auto; }
 .hero-badges { gap:.4rem; }
 .hero-badges span { font-size:.72rem; }
 .section-space { padding-top:3.8rem; padding-bottom:3.8rem; }
 .card-grid.six,.card-grid.three,.card-grid.four,.rank-grid,.cosmetic-grid,.crate-grid,.store-category-grid,.shop-product-grid { grid-template-columns:1fr; }
 .info-card { min-height:0; }
 .status-panel { padding:1.35rem 1rem; }
 .status-title { align-items:flex-start; flex-direction:column; gap:.3rem; }
 .connect-grid { grid-template-columns:1fr; }
 .copy-chip { width:100%; }
 .rank-card p { min-height:0; }
 .final-cta { padding:2rem 1rem; }
 .cta-address { display:flex; flex-wrap:wrap; justify-content:center; }
 .footer-main { grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.6rem 1rem; }
 .footer-brand-block { grid-column:span 2; }
 .footer-bottom { align-items:flex-start; flex-direction:column; }
}


.shop-footnote { margin:1.5rem auto 0; padding:1rem 1.2rem; color:#c4b9a5; border:1px solid rgba(212,162,76,.18); border-radius:14px; background:#211e1a; font-size:.86rem; text-align:center; }
.shop-footnote i { margin-right:.35rem; color:var(--smp-gold); }
.shop-category-top { margin:0 auto 1.7rem; }
.shop-category-top .shop-page-title { margin-top:1rem; }
.shop-product-image { width:100%; max-height:180px; margin:0 0 1rem; border-radius:13px; object-fit:cover; }
.shop-empty h2 { margin:.8rem 0 .4rem; color:#fff; font-size:1.3rem; }
.shop-empty p { margin:0; color:#ada69c; }
.shop-product-card .btn-waffle { text-decoration:none; }
@media(max-width:767.98px) { .store-intro { margin-bottom:1.4rem; } .shop-footnote { padding:.9rem; } }
.hero-copy h1 span { color:var(--smp-gold); }

/* Extra landing and store sections */
.event-panel{display:grid;grid-template-columns:minmax(220px,.85fr) 1.15fr;gap:2rem;align-items:center;padding:1.4rem;border:1px solid rgba(245,215,110,.18);border-radius:22px;background:linear-gradient(115deg,rgba(139,90,43,.22),#211f1c 62%)}
.event-panel h3{color:var(--smp-gold);font-size:1.5rem}.event-panel p{max-width:620px;color:#c7c0b5;line-height:1.7}
.event-art{min-height:220px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1rem;border-radius:16px;color:#21180c;background:radial-gradient(circle at 35% 25%,#f5d76e,#d4a24c 52%,#8b5a2b);font-weight:900;letter-spacing:.15em}
.event-art i{font-size:4rem}.event-art span{color:#33200c}
.world-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.world-tile{min-height:190px;display:flex;align-items:flex-end;gap:.8rem;padding:1.25rem;border:1px solid rgba(245,215,110,.15);border-radius:18px;color:#fff;font-weight:800;background:linear-gradient(155deg,rgba(245,215,110,.17),rgba(139,90,43,.19) 46%,#1b1a18)}
.world-tile i{color:var(--smp-gold);font-size:1.55rem}.world-build{background:linear-gradient(155deg,rgba(85,139,73,.28),rgba(139,90,43,.22) 45%,#1b1a18)}.world-explore{background:linear-gradient(155deg,rgba(66,130,154,.28),rgba(139,90,43,.18) 48%,#1b1a18)}.world-market{background:linear-gradient(155deg,rgba(212,162,76,.25),rgba(139,90,43,.23) 48%,#1b1a18)}
.step-number{display:inline-grid;place-items:center;width:38px;height:38px;margin-bottom:.7rem;border-radius:12px;color:#20170c;background:var(--smp-gold);font-size:.77rem;font-weight:900}
.store-hero{margin:-1rem calc(-1 * var(--bs-gutter-x,.75rem)) 2.4rem;padding:4rem 1rem 3.3rem;text-align:center;border-bottom:1px solid rgba(245,215,110,.16);background:radial-gradient(ellipse at 50% 0,rgba(139,90,43,.36),transparent 68%),linear-gradient(145deg,#302216,#1a1a1a 72%)}
.store-hero h1{margin:.5rem 0;color:var(--smp-gold);font-size:clamp(2.3rem,6vw,4.2rem);font-weight:900}.store-hero p{max-width:740px;margin:0 auto 1.3rem;color:#d0cbc2;line-height:1.7}
.store-badges{display:flex;justify-content:center;flex-wrap:wrap;gap:.55rem}.store-badges span{padding:.42rem .7rem;color:#eadcbf;border:1px solid rgba(245,215,110,.18);border-radius:999px;background:rgba(15,14,13,.52);font-size:.78rem}
.store-notice{max-width:950px;margin:0 auto 1.7rem;padding:.9rem 1rem;color:#e5d5b2;border:1px solid rgba(212,162,76,.22);border-radius:14px;background:#211e1a;text-align:center}
.store-section{margin-bottom:3rem}.store-section-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1rem}.store-section-heading h2{margin:0;color:#fff;font-size:1.5rem;font-weight:850}.store-section-heading p{margin:.35rem 0 0;color:#aaa398}
.store-category-content{display:flex;flex-direction:column;gap:.7rem}.store-product-peek{display:flex;justify-content:space-between;gap:.7rem;padding:.48rem .6rem;color:#c9c2b7;border-radius:9px;background:#201e1b;font-size:.78rem}.store-product-peek strong{color:var(--smp-gold);white-space:nowrap}
.store-proof-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.store-proof-card{padding:1.3rem;border:1px solid rgba(212,162,76,.17);border-radius:17px;background:#211f1c}.store-proof-card h3{color:var(--smp-gold);font-size:1rem}.store-proof-card p{margin:0;color:#bdb8b0;font-size:.88rem;line-height:1.65}
.store-recent-list{display:grid;gap:.55rem;margin:.6rem 0 0;padding:0;list-style:none}.store-recent-list li{display:flex;justify-content:space-between;gap:.8rem;color:#c9c2b7}.store-recent-list strong{color:#9d9589;font-size:.8rem}
.store-free-rank,.store-help{margin:2.5rem 0;padding:2rem;border:1px solid rgba(245,215,110,.18);border-radius:22px;background:radial-gradient(ellipse at 15% 0,rgba(139,90,43,.22),transparent 65%),#211f1c}
.store-free-rank h2,.store-help h2{color:var(--smp-gold);font-weight:850}.store-free-rank p,.store-help p{color:#c4bdb1}
@media(max-width:767.98px){.event-panel{grid-template-columns:1fr}.event-art{min-height:150px}.world-gallery,.store-proof-grid{grid-template-columns:1fr}.world-tile{min-height:145px}.store-hero{padding:3rem 1rem 2.5rem}.store-section-heading{align-items:flex-start;flex-direction:column}}

.rank-overview-wrap{overflow-x:auto;border:1px solid rgba(212,162,76,.28);border-radius:18px;background:#211f1c;box-shadow:0 16px 36px rgba(0,0,0,.22)}
.rank-overview{width:100%;min-width:780px;border-collapse:collapse;color:#e0e0e0}
.rank-overview th,.rank-overview td{padding:1rem .85rem;text-align:left;border-bottom:1px solid rgba(212,162,76,.14);vertical-align:top}
.rank-overview th{color:#F5D76E;font-size:.82rem;text-transform:uppercase;letter-spacing:.04em}
.rank-overview td:first-child{color:#F5D76E;font-weight:750}
.rank-overview tr:last-child td{border-bottom:0}
.rank-page-note{color:#bdb8b0;line-height:1.7}
 .legend-request-panel{max-width:760px;margin:0 auto;padding:clamp(1.5rem,5vw,3.5rem);text-align:center;border:1px solid rgba(0,206,209,.28);border-radius:24px;background:linear-gradient(145deg,#292621,#1a1a1a);box-shadow:0 18px 40px rgba(0,0,0,.28)}
 .legend-request-panel h1,.legend-request-panel h2{color:#00CED1}
 .legend-request-panel p{color:#e0e0e0;line-height:1.8}

/* Java and Bedrock join instructions */
.join-section{margin-top:1.6rem;padding-top:1.4rem;border-top:1px solid rgba(245,215,110,.12)}
.join-heading{margin-bottom:1rem}.join-heading h2{margin:.25rem 0;color:#F5D76E;font-size:clamp(1.45rem,3vw,2rem);font-weight:850}.join-heading p{max-width:780px;margin:.35rem 0 0;color:#c8c1b5;line-height:1.7}
.join-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.join-card{min-width:0;padding:1.2rem;border:1px solid rgba(212,162,76,.24);border-radius:18px;background:linear-gradient(145deg,rgba(139,90,43,.14),#201e1b 58%);box-shadow:0 12px 28px rgba(0,0,0,.2)}
.join-card-title{display:flex;align-items:center;gap:.8rem;margin-bottom:1rem}.join-card-title h3{margin:.12rem 0 0;color:#fff;font-size:1.12rem;font-weight:800}.edition-icon{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border-radius:13px;color:#24190b;background:linear-gradient(145deg,#F5D76E,#D4A24C);font-size:1.2rem;font-weight:900}.join-address-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(110px,.42fr);gap:.7rem}.join-card p{margin:.9rem 0 0;color:#c8c1b5;line-height:1.65}.join-card p strong{color:#F5D76E}
@media(max-width:767.98px){.join-grid{grid-template-columns:1fr}.join-card{padding:1rem}.join-address-row{grid-template-columns:minmax(0,1fr) minmax(95px,.42fr)}}

/* Rank and tag catalogue pages */
.rank-hub{max-width:1180px;padding-top:3rem;padding-bottom:4rem;color:#e0e0e0}.hub-heading{text-align:center;max-width:800px;margin:0 auto 2.5rem}.hub-heading>span,.hub-eyebrow{display:inline-block;color:#d4a24c;text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;font-weight:700}.hub-heading h1,.rank-detail-card h1{color:#f5d76e;font-size:clamp(2.2rem,5vw,3.8rem);font-weight:800;margin:.45rem 0 1rem}.hub-heading p,.rank-lead{font-size:1.1rem;color:#e0e0e0;line-height:1.7}.hub-section-title{color:#f5d76e;margin:2.5rem 0 .45rem}.hub-muted{color:#b9b2a7}.hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.hub-grid-staff{grid-template-columns:repeat(5,minmax(0,1fr))}.hub-card,.rank-detail-card{background:linear-gradient(145deg,#2b2b2b,#1a1a1a);border:1px solid rgba(212,162,76,.24);border-radius:18px;padding:1.35rem;box-shadow:0 12px 32px rgba(0,0,0,.25)}.hub-card{display:flex;flex-direction:column;min-height:245px;transition:transform .18s,border-color .18s}.hub-card:hover,.rank-detail-card:hover{transform:translateY(-3px);border-color:#f5d76e}.hub-card h3{color:#fff;margin:.65rem 0}.hub-card p{color:#d0cbc2;line-height:1.55;flex:1}.hub-price{color:#f5d76e;font-weight:700;margin:.3rem 0 1rem}.hub-button{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5d76e,#d4a24c);color:#1a1a1a;text-decoration:none;font-weight:700;border-radius:999px;padding:.72rem 1.15rem;border:0;transition:filter .18s,transform .18s}.hub-button:hover{filter:brightness(1.12);transform:translateY(-1px);color:#1a1a1a}.hub-card-featured{border-color:#f5d76e;box-shadow:0 0 0 1px rgba(245,215,110,.18),0 12px 32px rgba(0,0,0,.3)}.hub-badge,.hub-label{border:1px solid #f5d76e;color:#f5d76e;border-radius:999px;padding:.4rem .8rem;font-size:.85rem}.hub-detail-top{display:flex;justify-content:space-between;align-items:center;gap:1rem}.rank-detail-card{max-width:850px;margin:1rem auto;padding:clamp(1.3rem,4vw,2.4rem)}.hub-back{color:#d4a24c;text-decoration:none}.rank-perks{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin:1.5rem 0}.rank-perks div{padding:1rem;text-align:center;border-radius:12px;background:rgba(139,90,43,.2)}.rank-perks strong,.rank-perks span{display:block}.rank-perks strong{font-size:1.7rem;color:#f5d76e}.rank-perks span{color:#ddd}.hub-perk-list{line-height:1.9}.hub-perk-list code,.rank-detail-card code{color:#f5d76e}.hub-select{display:block;width:min(100%,420px);padding:.8rem;border-radius:10px;background:#242424;color:#fff;border:1px solid #8b5a2b;margin:.5rem 0 1rem}.hub-current-price{font-size:1.08rem}.hub-current-price strong{color:#f5d76e}.hub-chat-preview{margin:1.5rem 0;padding:1.2rem;background:#111;border-radius:12px;color:#eee}.hub-chat-preview span{color:#bcbcbc}.hub-tag-sample{font-weight:700;color:var(--tag-color);font-size:1.05rem}.staff-card{min-height:190px}.staff-card h3{color:#f5d76e}@media(max-width:900px){.hub-grid-staff{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.rank-hub{padding-top:2rem}.hub-grid,.hub-grid-staff{grid-template-columns:1fr}.rank-perks{grid-template-columns:1fr}.hub-detail-top{align-items:flex-start;flex-direction:column}.hub-card{min-height:0}}

.rank-detail-card.rank-legend h1,.rank-detail-card.rank-legend .hub-eyebrow,.rank-detail-card.rank-legend code{color:#00CED1}

/* Rank colors shared by overview and rank detail pages */
.rank-card-eigenaar h3,.rank-detail-card.rank-eigenaar h1,.rank-detail-card.rank-eigenaar .hub-eyebrow,.rank-detail-card.rank-eigenaar code{color:#14B293}
.rank-card-admin h3,.rank-detail-card.rank-admin h1,.rank-detail-card.rank-admin .hub-eyebrow,.rank-detail-card.rank-admin code{color:#14552E}
.rank-card-mod h3,.rank-detail-card.rank-mod h1,.rank-detail-card.rank-mod .hub-eyebrow,.rank-detail-card.rank-mod code{color:#1F8B4C}
.rank-card-helper h3,.rank-detail-card.rank-helper h1,.rank-detail-card.rank-helper .hub-eyebrow,.rank-detail-card.rank-helper code{color:#2ECC71}
.rank-card-builder h3,.rank-detail-card.rank-builder h1,.rank-detail-card.rank-builder .hub-eyebrow,.rank-detail-card.rank-builder code{color:#9B59B6}
.rank-card-media h3,.rank-detail-card.rank-media h1,.rank-detail-card.rank-media .hub-eyebrow,.rank-detail-card.rank-media code{color:#B9144B}
.rank-card-legend h3,.rank-detail-card.rank-legend h1,.rank-detail-card.rank-legend .hub-eyebrow,.rank-detail-card.rank-legend code{color:#00CED1}
.rank-card-bedrock h3,.rank-detail-card.rank-bedrock h1,.rank-detail-card.rank-bedrock .hub-eyebrow,.rank-detail-card.rank-bedrock code{color:#4A4A4A}
.rank-card-netherite h3,.rank-detail-card.rank-netherite h1,.rank-detail-card.rank-netherite .hub-eyebrow,.rank-detail-card.rank-netherite code{color:#6B4423}
.rank-card-emerald h3,.rank-detail-card.rank-emerald h1,.rank-detail-card.rank-emerald .hub-eyebrow,.rank-detail-card.rank-emerald code{color:#2ECC71}
.rank-card-diamond h3,.rank-detail-card.rank-diamond h1,.rank-detail-card.rank-diamond .hub-eyebrow,.rank-detail-card.rank-diamond code{color:#3498DB}
.rank-card-gold h3,.rank-detail-card.rank-gold h1,.rank-detail-card.rank-gold .hub-eyebrow,.rank-detail-card.rank-gold code{color:#F1C40F}
.rank-card-iron h3,.rank-detail-card.rank-iron h1,.rank-detail-card.rank-iron .hub-eyebrow,.rank-detail-card.rank-iron code{color:#C1C1C1}
.rank-card-coal h3,.rank-detail-card.rank-coal h1,.rank-detail-card.rank-coal .hub-eyebrow,.rank-detail-card.rank-coal code{color:#7E7E7E}
.rank-card-default h3{color:#FFFFFF}

/* Richer rank accents with readable text contrast on the dark surface */
.rank-card-bedrock,.rank-detail-card.rank-bedrock{background:linear-gradient(145deg,rgba(125,125,125,.18),#1a1a1a 68%);border-color:rgba(158,158,158,.34)}
.rank-card-bedrock h3,.rank-detail-card.rank-bedrock h1,.rank-detail-card.rank-bedrock .hub-eyebrow,.rank-detail-card.rank-bedrock code{color:#B8B8B8}
.rank-card-bedrock .rank-gem{color:#fff;background:linear-gradient(145deg,#777,#3b3b3b)}
.rank-card-emerald,.rank-detail-card.rank-emerald{background:linear-gradient(145deg,rgba(46,204,113,.16),#1a1a1a 68%);border-color:rgba(46,204,113,.35)}
.rank-card-emerald h3,.rank-detail-card.rank-emerald h1,.rank-detail-card.rank-emerald .hub-eyebrow,.rank-detail-card.rank-emerald code{color:#2ECC71}
.rank-card-emerald .rank-gem{background:linear-gradient(145deg,#58e991,#239b54)}
.rank-card-netherite,.rank-detail-card.rank-netherite{background:linear-gradient(145deg,rgba(107,68,35,.32),#1a1a1a 68%);border-color:rgba(185,137,98,.38)}
.rank-card-netherite h3,.rank-detail-card.rank-netherite h1,.rank-detail-card.rank-netherite .hub-eyebrow,.rank-detail-card.rank-netherite code{color:#B98962}
.rank-card-netherite .rank-gem{color:#fff;background:linear-gradient(145deg,#9a6844,#54351f)}
/* Store landing, rank comparison and mobile presentation */
.store-hero-rich{position:relative;overflow:hidden;padding:clamp(3.2rem,7vw,5.5rem) 1.25rem clamp(2.5rem,5vw,3.8rem);border:1px solid rgba(245,215,110,.14);border-radius:0 0 30px 30px;background:radial-gradient(ellipse at 50% 0,rgba(245,215,110,.18),transparent 50%),radial-gradient(ellipse at 8% 35%,rgba(139,90,43,.25),transparent 38%),linear-gradient(145deg,#302216,#1a1a1a 70%)}
.store-hero-rich h1{letter-spacing:-.035em;text-shadow:0 8px 30px rgba(245,215,110,.12)}
.store-hero-rich .store-badges{max-width:900px;margin:1.2rem auto 1.5rem}.store-hero-cta{display:inline-flex;align-items:center;gap:.5rem;margin-top:.5rem;padding:.78rem 1.35rem;border-radius:999px;font-weight:800;box-shadow:0 8px 24px rgba(212,162,76,.2);transition:transform .18s,filter .18s}.store-hero-cta:hover{transform:translateY(-2px);filter:brightness(1.08)}
.store-rank-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.store-rank-card{position:relative;display:flex;min-width:0;flex-direction:column;overflow:hidden;padding:1.2rem;border:1px solid color-mix(in srgb,var(--rank-accent) 38%,transparent);border-radius:20px;background:linear-gradient(145deg,color-mix(in srgb,var(--rank-accent) 17%,#28231e),#1d1c1a 68%);box-shadow:0 13px 32px rgba(0,0,0,.21);transition:transform .2s,border-color .2s,box-shadow .2s}.store-rank-card:before{position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--rank-accent),transparent 85%);content:""}.store-rank-card:hover{transform:translateY(-3px);border-color:var(--rank-accent);box-shadow:0 18px 36px rgba(0,0,0,.32)}.store-rank-card.is-featured{box-shadow:0 0 0 1px rgba(245,215,110,.25),0 15px 34px rgba(0,0,0,.25)}
.store-rank-card-top{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.store-rank-emblem{display:grid;width:43px;height:43px;place-items:center;border:1px solid color-mix(in srgb,var(--rank-accent) 50%,transparent);border-radius:14px;background:color-mix(in srgb,var(--rank-accent) 22%,#1a1a1a);color:var(--rank-accent);font-size:1.25rem}.store-rank-badge{padding:.34rem .58rem;border:1px solid color-mix(in srgb,var(--rank-accent) 50%,transparent);border-radius:999px;background:rgba(10,10,10,.35);color:var(--rank-accent);font-size:.7rem;font-weight:800}.store-rank-badge.is-muted{color:#aaa;border-color:#555}.store-rank-card h3{margin:1rem 0 .35rem;color:var(--rank-accent);font-weight:850}.store-rank-card p{min-height:3.2em;margin:0 0 .7rem;color:#c9c3b9;font-size:.88rem;line-height:1.55}.store-rank-price{margin-top:auto;padding:.45rem 0 .8rem;color:#f5d76e;font-size:.95rem}.store-rank-link{display:flex;align-items:center;justify-content:space-between;padding-top:.7rem;border-top:1px solid rgba(255,255,255,.08);color:#f1d887;font-weight:750;text-decoration:none}.store-rank-link:hover{color:#fff}
.store-chat-preview{padding:1.1rem 1.3rem;border:1px solid rgba(212,162,76,.19);border-radius:18px;background:linear-gradient(145deg,#171615,#211f1c);box-shadow:inset 0 1px rgba(255,255,255,.025)}.store-chat-preview p{margin:.45rem 0;color:#e0e0e0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.store-rank-table-wrap{overflow-x:auto;border:1px solid rgba(212,162,76,.25);border-radius:18px;background:#211f1c;box-shadow:0 14px 34px rgba(0,0,0,.2)}.store-rank-table{width:100%;min-width:680px;border-collapse:collapse;color:#ded9d0}.store-rank-table th,.store-rank-table td{padding:.95rem 1rem;text-align:left;border-bottom:1px solid rgba(212,162,76,.12)}.store-rank-table thead th{color:#f5d76e;background:rgba(139,90,43,.14);font-size:.76rem;letter-spacing:.07em;text-transform:uppercase}.store-rank-table tbody tr{transition:background .16s,transform .16s}.store-rank-table tbody tr:hover{background:rgba(245,215,110,.07)}.store-rank-table tbody tr:last-child>*{border-bottom:0}.store-rank-table tbody th{font-weight:800}.store-table-note{margin:.7rem 0;color:#aaa398;font-size:.84rem}.store-faq-list{display:grid;gap:.65rem}.store-faq-list details{overflow:hidden;border:1px solid rgba(212,162,76,.2);border-radius:14px;background:linear-gradient(145deg,#24211d,#1b1a18);transition:border-color .18s}.store-faq-list details[open],.store-faq-list details:hover{border-color:rgba(245,215,110,.55)}.store-faq-list summary{position:relative;padding:1rem 3rem 1rem 1.1rem;color:#f0d783;font-weight:750;cursor:pointer;list-style:none}.store-faq-list summary::-webkit-details-marker{display:none}.store-faq-list summary:after{position:absolute;right:1.1rem;content:"+";color:#d4a24c;font-size:1.25rem}.store-faq-list details[open] summary:after{content:"−"}.store-faq-list details p{margin:0;padding:0 1.1rem 1.1rem;color:#c9c3b9;line-height:1.65}.store-ready{text-align:center}.store-ready-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:.65rem}.store-ready-actions .btn{border-radius:999px;padding:.72rem 1.05rem}.store-recent-section{padding:1.3rem}.rank-detail-emblem{display:inline-grid;width:52px;height:52px;place-items:center;margin:0 .65rem .3rem 0;border:1px solid color-mix(in srgb,var(--rank-accent) 55%,transparent);border-radius:17px;background:color-mix(in srgb,var(--rank-accent) 20%,#1a1a1a);color:var(--rank-accent);font-size:1.4rem;vertical-align:middle}.rank-detail-card{border-color:color-mix(in srgb,var(--rank-accent,#d4a24c) 35%,transparent);background:radial-gradient(ellipse at 8% 0,color-mix(in srgb,var(--rank-accent,#d4a24c) 17%,transparent),transparent 55%),linear-gradient(145deg,#292621,#1a1a1a 72%)}.rank-detail-card h1{color:var(--rank-accent,#f5d76e)}.rank-perks div{border:1px solid color-mix(in srgb,var(--rank-accent,#d4a24c) 18%,transparent);background:linear-gradient(145deg,color-mix(in srgb,var(--rank-accent,#d4a24c) 12%,#211f1c),#1c1b19)}.rank-perks div>i{display:block;margin-bottom:.35rem;color:var(--rank-accent,#f5d76e);font-size:1.15rem}.hub-perk-list{padding:0;list-style:none}.hub-perk-list li{display:flex;gap:.55rem;align-items:baseline;padding:.62rem 0;border-bottom:1px solid rgba(255,255,255,.07)}.hub-perk-list li:last-child{border:0}.hub-perk-list li>i{color:var(--rank-accent,#f5d76e)}.rank-buy-button{min-width:min(100%,340px);padding:.9rem 1.3rem;font-size:1.05rem;box-shadow:0 10px 26px rgba(212,162,76,.2)}
@media(max-width:1100px){.store-rank-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:767.98px){.store-rank-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.store-rank-card{padding:1rem}.store-rank-card p{min-height:0}.store-hero-rich{border-radius:0 0 22px 22px}.store-ready-actions{align-items:stretch;flex-direction:column}.store-ready-actions .btn{width:100%}.rank-detail-emblem{width:44px;height:44px}}
@media(max-width:480px){.store-rank-grid{grid-template-columns:1fr}.store-rank-card{min-height:0}.store-chat-preview{padding:.85rem;font-size:.83rem}}

/* Rank detail pages: rich rank-colored presentation */
.rank-detail-page{--rank-accent:#D4A24C;padding-top:2rem;padding-bottom:4rem}.rank-detail-card{position:relative;overflow:hidden;padding:clamp(1.4rem,4vw,3.5rem);border:1px solid color-mix(in srgb,var(--rank-accent) 55%,transparent);border-radius:24px;background:radial-gradient(ellipse at 85% 12%,color-mix(in srgb,var(--rank-accent) 25%,transparent),transparent 44%),linear-gradient(140deg,#242424,#171717 72%);box-shadow:0 18px 55px #0007}.rank-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,300px);gap:2rem;align-items:center}.rank-detail-title{margin:.65rem 0;color:var(--rank-accent);font-size:clamp(2.5rem,6vw,5rem);font-weight:900;line-height:1}.rank-detail-title span{font-size:.42em;text-transform:uppercase;letter-spacing:.12em;opacity:.78}.rank-hero-emblem{display:grid;place-items:center;gap:.6rem;aspect-ratio:1;border-radius:50%;border:1px solid color-mix(in srgb,var(--rank-accent) 50%,transparent);background:radial-gradient(circle,color-mix(in srgb,var(--rank-accent) 24%,#1a1a1a),#1a1a1a 68%);box-shadow:0 0 55px color-mix(in srgb,var(--rank-accent) 25%,transparent);font-size:5rem}.rank-hero-emblem span{font-size:1rem;font-weight:800}.rank-price-hero{margin:1rem 0;font-size:1.6rem;font-weight:900;color:#fff}.rank-detail-cta{display:inline-flex;align-items:center;gap:.55rem;background:linear-gradient(100deg,var(--rank-accent),#D4A24C);color:#161616!important;font-weight:850}.rank-status-label{display:inline-flex;padding:.7rem 1rem}.rank-info-section{margin-top:1.35rem;padding:clamp(1.2rem,3vw,2rem);border:1px solid #ffffff14;border-radius:20px;background:linear-gradient(145deg,#242424,#1b1b1b);box-shadow:0 12px 32px #0003}.rank-section-heading h2{margin:.25rem 0 .6rem;color:#F5D76E;font-size:clamp(1.4rem,3vw,2rem)}.rank-section-heading p,.rank-info-section>p{color:#d0d0d0}.rank-limit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.rank-limit-card,.rank-command-card{display:flex;flex-direction:column;gap:.45rem;padding:1.2rem;border-radius:16px;border:1px solid color-mix(in srgb,var(--rank-accent) 30%,#ffffff12);background:linear-gradient(150deg,color-mix(in srgb,var(--rank-accent) 13%,#222),#1a1a1a);transition:transform .2s,box-shadow .2s}.rank-limit-card:hover,.rank-command-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px color-mix(in srgb,var(--rank-accent) 18%,transparent)}.rank-limit-card i,.rank-command-card i{color:var(--rank-accent);font-size:1.5rem}.rank-limit-card strong{font-size:2rem;color:#fff}.rank-limit-card span,.rank-command-card span{color:#ccc}.rank-command-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.8rem}.rank-command-card strong{color:var(--rank-accent);font-size:1.1rem}.rank-howto{display:flex;gap:.8rem;padding:1rem;border-left:3px solid var(--rank-accent);background:#ffffff08;border-radius:0 12px 12px 0;color:#ddd}.rank-howto i{color:var(--rank-accent)}.rank-chat-example{padding:1rem 1.2rem;border-radius:14px;background:#111;border:1px solid color-mix(in srgb,var(--rank-accent) 35%,transparent);font-family:monospace;color:#eee}.rank-mini-compare-wrap{overflow-x:auto}.rank-mini-compare{width:100%;border-collapse:collapse;min-width:480px}.rank-mini-compare th,.rank-mini-compare td{padding:.8rem;text-align:left;border-bottom:1px solid #ffffff17}.rank-mini-compare tr.is-current{background:color-mix(in srgb,var(--rank-accent) 15%,transparent);color:var(--rank-accent)}.rank-bottom-cta{display:flex;justify-content:space-between;gap:1.5rem;align-items:center;margin-top:1.4rem;padding:clamp(1.2rem,3vw,2rem);border-radius:20px;background:linear-gradient(110deg,color-mix(in srgb,var(--rank-accent) 24%,#242424),#1a1a1a);border:1px solid color-mix(in srgb,var(--rank-accent) 40%,transparent)}.rank-bottom-cta h2{color:#F5D76E}.rank-bottom-actions{display:flex;flex-wrap:wrap;gap:.65rem;justify-content:flex-end}.hub-button-secondary{background:#ffffff0a;border:1px solid #ffffff26;color:#fff!important}.rank-featured-choice{border:2px solid #2ECC71!important;box-shadow:0 0 28px #2ECC7133,0 18px 55px #0006!important}.rank-best-choice{display:inline-flex;gap:.35rem;background:#2ECC71;color:#09210f}.rank-card-limits{display:flex;flex-wrap:wrap;gap:.4rem}.rank-card-limits span{padding:.3rem .5rem;background:#ffffff0b;border-radius:999px;font-size:.78rem}.store-rank-card.is-best-choice{outline:2px solid #2ECC71;box-shadow:0 0 28px #2ECC7133}.store-rank-card.is-best-choice .store-rank-badge{background:#2ECC71;color:#102016}
@media(max-width:700px){.rank-hero-grid{grid-template-columns:1fr}.rank-hero-emblem{display:none}.rank-limit-grid{grid-template-columns:1fr}.rank-bottom-cta{align-items:flex-start;flex-direction:column}.rank-bottom-actions{justify-content:flex-start}.rank-detail-page{padding-top:1rem}}
\n/* Homepage additions and public information pages */\n.news-grid,.info-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.news-card{padding:1.3rem;border-radius:18px;border:1px solid #ffffff18;background:linear-gradient(145deg,#29251f,#1b1b1b);box-shadow:0 12px 28px #0003;transition:transform .2s,border-color .2s,box-shadow .2s}.news-card:hover,.info-card:hover{transform:translateY(-3px);border-color:#D4A24C99;box-shadow:0 16px 32px #0005}.news-meta{display:flex;justify-content:space-between;gap:.5rem;align-items:center;color:#c3c3c3;font-size:.84rem}.news-meta b{padding:.22rem .55rem;border-radius:99px;background:#8B5A2B66;color:#F5D76E;font-weight:700}.news-card h3{margin:.9rem 0 .4rem;color:#fff}.news-card p{color:#c9c9c9}.news-card>a,.info-card-grid .info-card>a{color:#F5D76E;text-decoration:none;font-weight:700}.news-card>a:hover,.info-card-grid .info-card>a:hover{color:#fff}.info-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:1.3rem}.info-card-grid .info-card{padding:1.4rem;border-radius:18px;background:#222;border:1px solid #ffffff18;transition:transform .2s,border-color .2s}.info-card-grid .info-card>i{font-size:1.7rem;color:#D4A24C}.info-card-grid .info-card h3,.info-card-grid .info-card h2{color:#F5D76E}.public-info-page{padding-top:2rem;padding-bottom:4rem}.public-page-hero{padding:clamp(2rem,5vw,4rem);border-radius:24px;background:radial-gradient(ellipse at 90% 20%,#8B5A2B66,transparent 45%),linear-gradient(140deg,#28231d,#191919);border:1px solid #D4A24C55}.public-page-hero h1{font-size:clamp(2rem,5vw,3.8rem);color:#F5D76E;font-weight:900}.public-page-hero p{max-width:760px;color:#ddd;font-size:1.12rem}.public-page-section{margin-top:1.6rem;padding:clamp(1rem,3vw,2rem);background:#202020;border:1px solid #ffffff15;border-radius:20px}.public-page-section h2{color:#F5D76E}.play-tabs{display:flex;flex-wrap:wrap;gap:.55rem;margin:1rem 0}.play-tab{border:1px solid #D4A24C77;color:#F5D76E;background:#1a1a1a;border-radius:999px;padding:.65rem 1rem}.play-tab.is-active,.play-tab:hover{background:linear-gradient(110deg,#F5D76E,#D4A24C);color:#191919}.play-tab-panel{padding:1rem 1.2rem;border-radius:16px;background:#171717;margin:.7rem 0 1.4rem;color:#ddd}.play-tab-panel[hidden]{display:none}.play-tab-panel li{padding:.3rem 0}.info-note{margin-top:1rem;padding:1rem;border-left:3px solid #D4A24C;background:#ffffff08;color:#ddd}.rules-list article{padding:.6rem 0;border-bottom:1px solid #ffffff16}.public-page-cta{margin-top:1.6rem;padding:1.6rem;border-radius:20px;background:linear-gradient(120deg,#8B5A2B44,#222);display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.public-page-cta h2{width:100%;color:#F5D76E}.copy-chip{border:1px solid #D4A24C88;border-radius:9px;background:#141414;color:#F5D76E;padding:.35rem .65rem;font-weight:750;cursor:pointer}.copy-chip:hover{background:#D4A24C;color:#171717}.smp-navbar .dropdown-menu{background:#202020;border:1px solid #D4A24C55;box-shadow:0 12px 28px #0008}.smp-navbar .dropdown-item{color:#ddd}.smp-navbar .dropdown-item:hover{color:#1a1a1a;background:#F5D76E}\n@media(max-width:900px){.news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}\n@media(max-width:600px){.news-grid,.info-card-grid{grid-template-columns:1fr}.public-page-hero{padding:1.5rem}.public-page-cta{align-items:flex-start}.news-meta{font-size:.76rem}}\n

/* Rank status labels: Emerald is the highlighted value pick; Bedrock remains premium top tier. */
.rank-best-choice{background:#2ECC71!important;color:#102819!important;border-color:#2ECC71!important}
.rank-highest-badge,.highest-rank-badge{background:#4A4A4A!important;color:#fff!important;border-color:#858585!important}
.free-rank-badge{background:#7E7E7E!important;color:#fff!important;border-color:#7E7E7E!important}
.unavailable-rank-badge{background:#343434!important;color:#ddd!important;border-color:#666!important}
.request-rank-badge{background:#B9144B!important;color:#fff!important;border-color:#B9144B!important}
.rank-card-emerald,.rank-detail-card.rank-emerald,.store-rank-card.is-best-choice,.shop-product-card.is-best-choice{border-color:#2ECC71!important;box-shadow:0 0 0 1px rgba(46,204,113,.28),0 14px 34px rgba(46,204,113,.12)}
.rank-card-emerald:hover,.rank-detail-card.rank-emerald:hover,.store-rank-card.is-best-choice:hover,.shop-product-card.is-best-choice:hover{box-shadow:0 0 24px rgba(46,204,113,.24)}
.rank-card-bedrock,.rank-detail-card.rank-bedrock,.store-rank-card.is-highest-rank,.shop-product-card.is-highest-rank{background:linear-gradient(145deg,rgba(74,74,74,.42),rgba(26,26,26,.98) 72%)!important;border-color:rgba(150,150,150,.48)!important;box-shadow:0 12px 32px rgba(0,0,0,.3)}
.rank-card-bedrock:hover,.rank-detail-card.rank-bedrock:hover,.store-rank-card.is-highest-rank:hover,.shop-product-card.is-highest-rank:hover{box-shadow:0 0 24px rgba(158,158,158,.2);transform:translateY(-2px)}
.store-rank-badge,.shop-rank-product-badge{display:inline-flex;align-items:center;border-radius:999px;padding:.38rem .72rem;font-weight:800;font-size:.78rem}
.shop-product-card{position:relative}.shop-rank-product-badge{margin-bottom:.65rem}
.bedrock-unique-list{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.75rem;margin:1.25rem 0 0}.bedrock-unique-list li{padding:1rem;border:1px solid rgba(158,158,158,.22);border-radius:14px;background:rgba(74,74,74,.14);color:#E0E0E0}.bedrock-unique-list i{color:#B8B8B8;margin-right:.45rem}

/* Premium rank badges and cards */
.rank-status-pill,.hub-eyebrow.rank-best-choice,.hub-eyebrow.rank-highest-badge,.hub-eyebrow.free-rank-badge,.hub-eyebrow.unavailable-rank-badge,.hub-eyebrow.request-rank-badge,.hub-eyebrow.staff-only-badge{display:inline-flex;align-items:center;gap:.45rem;padding:4px 12px;border-radius:999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px rgba(0,0,0,.3);transition:all .2s ease}
.rank-status-pill:hover,.hub-eyebrow.rank-best-choice:hover,.hub-eyebrow.rank-highest-badge:hover,.hub-eyebrow.free-rank-badge:hover,.hub-eyebrow.unavailable-rank-badge:hover,.hub-eyebrow.request-rank-badge:hover,.hub-eyebrow.staff-only-badge:hover{transform:translateY(-1px);filter:brightness(1.12);box-shadow:0 6px 15px rgba(0,0,0,.42)}
.rank-best-choice{background:linear-gradient(115deg,#2ECC71,#10B981)!important;color:#fff!important;border:1px solid #6ff0a1!important;box-shadow:0 0 12px rgba(46,204,113,.5),0 2px 8px rgba(0,0,0,.3)!important;font-size:.8rem!important}
.rank-highest-badge,.highest-rank-badge{background:linear-gradient(120deg,#4A4A4A,#2C2C2C)!important;border:1px solid #F5D76E!important;color:#F5D76E!important;box-shadow:0 0 10px rgba(245,215,110,.3),0 2px 8px rgba(0,0,0,.3)!important}
.free-rank-badge{background:linear-gradient(120deg,#fff,#bfc5cc)!important;border:1px solid #fff!important;color:#292929!important}
.unavailable-rank-badge{background:linear-gradient(120deg,#777,#424242)!important;border:1px solid #aaa!important;color:#fff!important}
.request-rank-badge{background:linear-gradient(120deg,#B9144B,#68102f)!important;border:1px solid #ef6d91!important;color:#fff!important}
.staff-only-badge{background:linear-gradient(120deg,#34383f,#17191d)!important;border:1px solid #666c75!important;color:#f1f1f1!important}
.store-rank-badge,.shop-rank-product-badge{display:inline-flex;align-items:center;gap:.42rem;padding:4px 12px;border-radius:999px;font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase;box-shadow:0 2px 8px rgba(0,0,0,.3);transition:all .2s ease}
.store-rank-badge:hover,.shop-rank-product-badge:hover{transform:translateY(-1px);filter:brightness(1.12);box-shadow:0 6px 15px rgba(0,0,0,.42)}
.hub-card[class*="rank-card-"],.store-rank-card,.shop-product-card{position:relative;overflow:hidden;border:1px solid color-mix(in srgb,var(--rank-accent,var(--rank-color,#D4A24C)) 54%,transparent);background-image:linear-gradient(145deg,color-mix(in srgb,var(--rank-accent,var(--rank-color,#D4A24C)) 13%,transparent),transparent 58%);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.hub-card[class*="rank-card-"]:hover,.store-rank-card:hover,.shop-product-card:hover{transform:translateY(-4px);box-shadow:0 18px 42px rgba(0,0,0,.5);border-color:var(--rank-accent,var(--rank-color,#F5D76E))}
.rank-card-emerald,.rank-detail-card.rank-emerald,.store-rank-card.is-best-choice,.shop-product-card.is-best-choice{border-color:#2ECC71!important;box-shadow:0 0 0 1px rgba(46,204,113,.28),0 14px 34px rgba(46,204,113,.16)!important}
.rank-card-emerald:hover,.rank-detail-card.rank-emerald:hover,.store-rank-card.is-best-choice:hover,.shop-product-card.is-best-choice:hover{box-shadow:0 0 24px rgba(46,204,113,.38),0 18px 42px rgba(0,0,0,.5)!important}
.rank-card-bedrock,.rank-detail-card.rank-bedrock,.store-rank-card.is-highest-rank,.shop-product-card.is-highest-rank{background:linear-gradient(145deg,rgba(74,74,74,.55),rgba(26,26,26,.98) 72%)!important;border:1px solid #F5D76E!important;box-shadow:0 0 15px rgba(245,215,110,.13),0 12px 32px rgba(0,0,0,.38)}
.rank-card-bedrock:hover,.rank-detail-card.rank-bedrock:hover,.store-rank-card.is-highest-rank:hover,.shop-product-card.is-highest-rank:hover{box-shadow:0 0 20px rgba(245,215,110,.3),0 18px 42px rgba(0,0,0,.52);transform:translateY(-4px)}
.rank-detail-card{background-image:radial-gradient(ellipse at 85% 12%,color-mix(in srgb,var(--rank-accent) 30%,transparent),transparent 44%),linear-gradient(140deg,color-mix(in srgb,var(--rank-accent) 15%,#242424),#171717 72%)}
.rank-detail-cta{background:linear-gradient(110deg,var(--rank-accent),color-mix(in srgb,var(--rank-accent) 68%,#fff))!important;color:#fff!important;text-shadow:0 1px 2px #0008;border:1px solid color-mix(in srgb,var(--rank-accent) 70%,#fff);box-shadow:0 8px 22px color-mix(in srgb,var(--rank-accent) 28%,transparent);transition:all .2s ease}
.rank-detail-cta:hover{transform:translateY(-2px);filter:brightness(1.1);box-shadow:0 12px 28px color-mix(in srgb,var(--rank-accent) 42%,transparent)}
.rank-hero-emblem{font-size:clamp(4.5rem,8vw,7rem);filter:drop-shadow(0 0 20px color-mix(in srgb,var(--rank-accent) 40%,transparent))}
.rank-detail-title{color:var(--rank-accent)!important;text-shadow:0 0 22px color-mix(in srgb,var(--rank-accent) 26%,transparent)}
@media(max-width:767.98px){.rank-status-pill,.store-rank-badge,.shop-rank-product-badge{font-size:.7rem}.hub-card[class*="rank-card-"]:hover,.store-rank-card:hover,.shop-product-card:hover{transform:translateY(-2px)}}
