/* QwevoCraft / The collection */
:root { --bg:#0b0912; --bg-soft:#110e1b; --bg-card:#171222; --bg-card-hi:#20172e; --border:#2d233b; --border-hi:#544069; --text:#f6f1ff; --text-dim:#b0a5c2; --text-muted:#8f839f; --accent:#a66bff; --accent-hi:#d0b0ff; --accent-soft:#a66bff15; }
body { background:var(--bg); }
body::before { opacity:.025; }
body::after { background:radial-gradient(ellipse at 80% 0%,#6d28d91c,transparent 40%); }
button,a,select { -webkit-tap-highlight-color:transparent; }
:focus-visible { outline:2px solid #dfc9ff; outline-offset:4px; }
.container,.nav-inner { max-width:1240px; }
.nav { background:#0b0912e8; backdrop-filter:blur(22px); border-color:#ffffff0d; }
.nav-inner { height:80px; padding-top:12px; padding-bottom:12px; }
.nav-logo { font-size:20px; letter-spacing:-.7px; }
.nav-logo img { width:40px; height:40px; }
.nav-links { justify-content:center; }
.nav-link { font-size:13px; border-radius:9px; }
.nav-server .status { display:none; }
.copy-ip { background:transparent; border:1px solid #493653; border-radius:9px; font-size:12px; }
.cart-btn { width:66px; height:42px; padding:8px; gap:6px; border-radius:10px; background:#21182f; }
.cart-btn svg { flex-shrink:0; }
.storefront-hero { padding:130px 0 62px; text-align:left; min-height:680px; }
.storefront-hero::before { background:linear-gradient(90deg,#0b0912 5%,#0b0912c9 60%,#0b091280),linear-gradient(0deg,#0b0912,transparent),url('banner.png') center/cover; opacity:.4; }
.hero-layout { position:relative; display:grid; grid-template-columns:1.05fr 1fr; align-items:center; gap:24px; }
.eyebrow { font-size:10px; font-weight:800; letter-spacing:.2em; color:#b89cda; display:block; text-transform:uppercase; }
.hero-copy .eyebrow { display:flex; align-items:center; gap:9px; margin-bottom:25px; }
.eyebrow>span { width:6px; height:6px; border-radius:50%; background:#bb8fff; box-shadow:0 0 12px #bb8fff; }
.hero-copy h1 { font-size:clamp(50px,6.6vw,84px); line-height:1.02; letter-spacing:-.065em; font-weight:800; margin:0 0 26px; }
.hero-copy h1>span { background:linear-gradient(100deg,#d9bfff,#a66bff 60%,#e7b76b); background-clip:text; -webkit-text-fill-color:transparent; }
.hero-copy p.tagline { margin:0; max-width:420px; font-size:16px; line-height:1.85; color:#afa3c2; }
.hero-actions { display:flex; align-items:center; gap:24px; margin-top:30px; }
.primary-link { display:inline-flex; justify-content:space-between; align-items:center; gap:28px; background:#b47bff; color:#170b28; border:1px solid #c79aff; padding:15px 21px; border-radius:10px; font:700 13px Inter,sans-serif; box-shadow:0 8px 36px #9552e51b; cursor:pointer; }
.primary-link:hover { background:#c79aff; color:#170b28; }
.primary-link>span { font-size:20px; }
.secondary-link { color:#ded0ef; font-size:13px; font-weight:600; }
.hero-proof { display:flex; gap:20px; margin-top:25px; font-size:10px; color:#9386a4; }
.hero-display { position:relative; height:500px; background:radial-gradient(ellipse,#7833cd25,transparent 64%); }
.orbit { position:absolute; border:1px solid #c08aff1c; border-radius:50%; transform:rotate(-23deg); }
.orbit-one { inset:64px 0 40px; }.orbit-two { inset:100px -26px 84px; transform:rotate(26deg); }
.scene-chest { position:absolute; object-fit:contain; }
.chest-main { width:360px; top:94px; left:115px; transform:rotate(-9deg); filter:drop-shadow(0 25px 35px #0008); z-index:2; }
.chest-back { width:230px; top:60px; left:0; transform:rotate(12deg); opacity:.85; }
.scene-crystal { position:absolute; width:60px; filter:drop-shadow(0 0 20px #b67cff66); }
.crystal-one { right:10px; top:48px; transform:rotate(20deg); }.crystal-two { left:36px; top:290px; width:42px; transform:rotate(-22deg); }
.scene-star { position:absolute; color:#e1bdff; font-size:25px; }.star-one { top:25px; left:46%; }.star-two { right:5px; top:270px; }
.scene-caption { position:absolute; bottom:18px; left:110px; right:10px; border:1px solid #a77bd738; border-radius:12px; padding:17px 22px; background:linear-gradient(110deg,#21172eed,#171021ed); z-index:3; }
.tiny-label { display:block; font-size:8px; letter-spacing:.19em; color:#ad94c4; margin-bottom:5px; }
.scene-caption strong { font-size:19px; display:block; color:#f7e6be; }.scene-caption a { display:flex; justify-content:space-between; font-size:11px; color:#bca7d0; margin-top:10px; }
.quicknav { display:flex!important; position:sticky; top:80px; right:auto; transform:none; width:100%; flex-direction:row; justify-content:center; align-items:center; gap:7px; padding:14px 20px; border-top:1px solid #ffffff0c; border-bottom:1px solid #ffffff0c; background:#0f0b17ed; backdrop-filter:blur(20px); overflow-x:auto; z-index:95; }
.shop-label { color:#756582; font-size:9px; letter-spacing:.15em; font-weight:800; margin-right:30px; white-space:nowrap; }
.quicknav { scrollbar-width:none; }
.quicknav::-webkit-scrollbar { display:none; }
.quicknav a { font-size:12px; padding:9px 18px; border-radius:8px; color:#a99ab9; }.quicknav a.active { background:#b57aff15; color:#d5b3ff; }
main>section { padding:88px 0; scroll-margin-top:160px; }.product { scroll-margin-top:165px; }
main>section:nth-child(even) { background:#ffffff03; border-top:1px solid #ffffff06; border-bottom:1px solid #ffffff06; }
.section-head { display:flex; align-items:flex-end; justify-content:space-between; gap:48px; text-align:left; margin-bottom:34px; }
.section-head h2 { margin-top:12px; font-size:clamp(27px,3vw,39px); line-height:1.16; letter-spacing:-1.4px; max-width:620px; }
.section-head h2 .glow { text-shadow:none; color:#b799d2; }
.section-head p { max-width:360px; margin:0; font-size:12px; line-height:1.85; color:#a698b7; }
.product { border-radius:16px; background:linear-gradient(145deg,#1b1526,#130f1d); box-shadow:none; }
.product:hover { border-color:#6a4a83; box-shadow:0 15px 35px #0003; }
.buy-btn { border-radius:9px; padding:13px 16px; background:#ac74ef; color:#170b28; font-size:12px; font-weight:800; }
.buy-btn:hover { background:#c89cff; }.product .desc { font-size:12px; line-height:1.85; color:#ada0bc; }
.product-badge { font-size:9px; padding:5px 9px; border-radius:6px; }
.price-now { font-size:27px; letter-spacing:-1px; }.price-was { font-size:12px; }
#keys-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:22px; }
.vault-card { --crate-color:#6ee7b7; grid-column:span 2; padding:0; overflow:hidden; }
.vault-card:nth-child(4),.vault-card:nth-child(5) { grid-column:span 3; }
.vault-card.crate-adventurer { --crate-color:#67e8f9; }.vault-card.crate-royal { --crate-color:#c4b5fd; }.vault-card.crate-conqueror { --crate-color:#fb7185; }.vault-card.crate-mythic { --crate-color:#fde68a; }
.vault-art { position:relative; display:grid; place-items:center; min-height:240px; background:radial-gradient(ellipse at 50% 65%,color-mix(in srgb,var(--crate-color) 17%,transparent),transparent 70%),#100d17; border-bottom:1px solid color-mix(in srgb,var(--crate-color) 14%,#211a2a); }
.vault-art::before { content:''; position:absolute; width:170px; height:170px; border:1px solid color-mix(in srgb,var(--crate-color) 12%,transparent); transform:rotate(45deg); border-radius:24px; }
.vault-art .product-icon.img { margin:18px 0 0; z-index:1; }.vault-art .product-icon.img img { width:250px; height:210px; filter:drop-shadow(0 15px 15px #0004); }
.vault-card:hover .product-icon.img img { transform:translateY(-5px) rotate(-2deg) scale(1.04); }
.vault-rarity { position:absolute; top:20px; left:22px; font-size:8px; letter-spacing:.2em; font-weight:800; color:var(--crate-color); }
.vault-index { position:absolute; right:18px; bottom:13px; font-size:35px; font-weight:800; color:color-mix(in srgb,var(--crate-color) 14%,transparent); }
.vault-body { padding:24px; display:flex; flex-direction:column; flex:1; }.vault-body h3 { font-size:22px; letter-spacing:-.6px; }
.vault-body .desc { min-height:68px; }.pack-label { margin-top:auto; font-size:8px; letter-spacing:.17em; color:#91809f; font-weight:800; margin-bottom:9px; }
.pack-select { appearance:auto; width:100%; padding:12px; color:#e3d7ef; border:1px solid #40304f; border-radius:8px; background:#110d19; font:500 12px Inter,sans-serif; cursor:pointer; }
.vault-purchase { display:flex; flex-direction:column; gap:14px; margin-top:20px; }.vault-purchase .price { margin:0; }.vault-purchase .buy-btn { display:flex; align-items:center; justify-content:space-between; width:100%; background:color-mix(in srgb,var(--crate-color) 14%,#15101f); border:1px solid color-mix(in srgb,var(--crate-color) 30%,transparent); color:var(--crate-color); }.vault-purchase .buy-btn:hover { background:color-mix(in srgb,var(--crate-color) 25%,#15101f); }
.vault-purchase .buy-btn span { font-size:20px; font-weight:400; line-height:14px; }
.vault-card:nth-child(n+4) .vault-art { min-height:260px; }.vault-card:nth-child(n+4) .vault-art img { width:300px; height:250px; }
#bundles-grid { gap:22px; }.product .features li { font-size:12px; line-height:1.6; }.product .features li::before { font-size:11px; }
#bundles-grid .product-icon { width:65px; height:65px; display:grid; place-items:center; background:#b57aff0d; border:1px solid #a870d81c; border-radius:16px; font-size:30px; margin:10px 0 22px; }
#bundles-grid .product h3 { font-size:23px; letter-spacing:-.7px; }
#ranks-grid { max-width:none; gap:24px; }.rank-art { height:260px; }.rank-card { padding:32px; }.rank-art { margin:-32px -32px 26px; }.rank-card h3 { font-size:35px; }.rank-card .features { display:grid; grid-template-columns:1fr 1fr; gap:0 20px; align-content:start; }.rank-card .features li { font-size:11px; }.rank-card .desc { min-height:46px; }.rank-card .buy-btn { padding:16px; }
details.compare { margin:28px 0 0; padding:0; background:#17111f; border-color:#352640; border-radius:12px; overflow:hidden; } .compare summary { cursor:pointer; padding:21px 26px; display:flex; justify-content:space-between; font-size:13px; font-weight:600; list-style:none; }.compare summary::-webkit-details-marker { display:none; }.compare[open] summary { border-bottom:1px solid var(--border); }.compare .compare-table { padding:18px; }.compare td,.compare th { font-size:11px; }
#gear-packs-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }#gear-packs-grid .product { text-align:center; padding:25px 20px; }#gear-packs-grid .product-icon { align-self:center; margin:24px 0; }#gear-packs-grid img { height:110px; width:110px; }#gear-packs-grid h3 { font-size:20px; }#gear-packs-grid .price { justify-content:center; }#gear-packs-grid .desc { flex:1; }
#tools-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }.tool-card { border-top:1px solid #3a2949; padding:23px; }.tool-card h3 { font-size:16px; }.tool-card .price-crystals { font-size:23px; }.tool-card .product-icon { font-size:28px; }.tool-card .desc { min-height:44px; }.tool-card .tool-where { font-size:10px; }
.creator-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }.creator-card { border:1px solid #402c53; border-radius:16px; padding:30px; background:linear-gradient(120deg,#271735,#17111f); }.creator-card.gift-card { border-color:#402c53; }.creator-code { color:#d7b5ff; }.creator-use { border-radius:8px; }
.community-banner { display:flex; align-items:center; justify-content:space-between; gap:30px; margin:35px auto 70px; padding:42px; border:1px solid #594069; background:radial-gradient(ellipse at right,#854bd433,transparent),#191021; border-radius:20px; }.community-banner h2 { font-size:31px; letter-spacing:-1px; margin:10px 0; }.community-banner p { color:var(--text-dim); font-size:13px; }
.footer { margin-top:0; padding:42px 0 24px; background:#09070e; }.footer-copy { font-size:10px; text-align:left; }.footer-brand { font-size:18px; }.footer-links a { font-size:11px; }
.cart-drawer { width:min(460px,100vw); overflow-y:auto; }.cart-body { flex:0 0 auto; max-height:34vh; min-height:140px; }.cart-foot { flex-shrink:0; }.cart-head { position:sticky; top:0; background:var(--bg-soft); z-index:2; }.checkout-btn { border-radius:10px; }
@media(min-width:1450px) { .hero-copy h1 { font-size:88px; } }
@media(max-width:1000px) { .hero-copy h1 { font-size:62px; }.chest-main { width:300px; left:65px; }.chest-back { width:190px; }.scene-caption { left:30px; }.hero-proof { flex-direction:column; gap:7px; }.shop-label { display:none; }.section-head { gap:24px; }.section-head p { max-width:280px; }#gear-packs-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.rank-card .features { grid-template-columns:1fr; } }
@media(max-width:760px) { .nav-inner { height:68px; gap:12px; }.nav-logo { font-size:17px; }.nav-links { display:none; }.nav-server { margin-left:auto; }.hero-layout { grid-template-columns:1fr; }.storefront-hero { padding:110px 0 35px; min-height:0; }.hero-copy h1 { font-size:60px; }.hero-copy .eyebrow { font-size:8px; }.hero-copy p.tagline { font-size:14px; }.hero-display { height:360px; max-width:500px; width:100%; margin:0 auto; }.chest-main { width:290px; top:36px; left:110px; }.chest-back { width:175px; top:20px; left:18px; }.scene-caption { bottom:0; left:70px; }.crystal-two { top:205px; }.crystal-one { top:10px; }.hero-proof { flex-direction:row; flex-wrap:wrap; margin-bottom:10px; }.quicknav { top:68px; justify-content:flex-start; padding:10px 16px; gap:2px; }.quicknav a { font-size:11px; padding:9px 14px; }.section-head { display:block; }.section-head h2 { font-size:31px; }.section-head p { max-width:100%; margin-top:15px; }.section-head .eyebrow { font-size:8px; }main>section { padding:55px 0; scroll-margin-top:130px; }#keys-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.vault-card,.vault-card:nth-child(4),.vault-card:nth-child(5) { grid-column:auto; }.vault-card:last-child { grid-column:1/-1; }.vault-art { min-height:210px; }.vault-art .product-icon.img img { width:210px; height:180px; }.vault-body { padding:20px; }.vault-body h3 { font-size:20px; }.vault-body .desc { min-height:90px; }#bundles-grid { grid-template-columns:1fr; }#ranks-grid { grid-template-columns:1fr; }.rank-card .features { grid-template-columns:1fr 1fr; }#tools-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.community-banner { margin:15px 24px 45px; padding:28px; flex-direction:column; align-items:flex-start; }.creator-list { grid-template-columns:1fr; }.copy-ip { padding:7px 9px; font-size:10px; } }
@media(max-width:480px) { .hero-copy h1 { font-size:53px; }.hero-actions { gap:16px; }.primary-link { font-size:11px; gap:15px; padding:13px 16px; }.secondary-link { font-size:11px; }.hero-display { height:330px; }.chest-main { width:250px; left:75px; top:45px; }.chest-back { width:160px; left:0; top:30px; }.scene-caption { left:35px; right:0; }.scene-caption strong { font-size:17px; }.hero-proof { font-size:9px; }.nav-logo img { width:30px; height:30px; }.nav-logo { font-size:15px; }.copy-ip { display:none; }#keys-grid { grid-template-columns:1fr; }.vault-card:last-child { grid-column:auto; }.vault-body .desc { min-height:0; margin-bottom:22px; }.vault-art,.vault-card:nth-child(n+4) .vault-art { min-height:240px; }.vault-art .product-icon.img img { width:270px; height:225px; }#gear-packs-grid { gap:10px; }#gear-packs-grid .product { padding:20px 12px; }#gear-packs-grid h3 { font-size:16px; }#gear-packs-grid .price { flex-wrap:wrap; gap:5px; }.rank-card .features { grid-template-columns:1fr; }#tools-grid { grid-template-columns:1fr; }.hero-copy .eyebrow { letter-spacing:.12em; }.community-banner h2 { font-size:26px; } }
@media(prefers-reduced-motion:reduce) { * { scroll-behavior:auto!important; animation:none!important; transition:none!important; } }

/* Bundle showcases and enchanted tools. */
#bundles-grid .bundle-card { padding:0 26px 26px; overflow:hidden; }
#bundles-grid .bundle-card .product-icon.img { width:calc(100% + 52px); height:215px; margin:0 -26px 24px; border:0; border-bottom:1px solid #ffffff0a; border-radius:0; background:radial-gradient(ellipse at center,#995ee620,transparent 70%),#100c18; }
#bundles-grid .bundle-card .product-icon.img img { width:100%; height:215px; filter:none; }
#bundles-grid .bundle-card .product-badge { z-index:2; }
#bundles-grid .bundle-card .features { padding:14px 0; margin:0 0 18px; border-top:1px solid #ffffff09; }
.illustrated-tool { background:radial-gradient(ellipse at 50% 15%,#7650ac20,transparent 70%),#181121; }
.illustrated-tool .product-icon.img { display:flex; justify-content:center; margin:-8px 0 4px; }
.illustrated-tool .product-icon.img img { width:180px; height:150px; filter:drop-shadow(0 6px 16px #b080ff25); }
.illustrated-tool h3 { font-size:20px; }
.rank-lifetime { background:#0c0811b0; border:1px solid color-mix(in srgb,var(--rank-color) 30%,transparent); border-radius:20px; padding:5px 12px; bottom:12px; }

/* Community handbook. */
.rules-page { max-width:1240px; padding:135px 24px 60px; }
.rules-intro { display:grid; grid-template-columns:1fr 240px; align-items:center; gap:70px; padding-bottom:65px; border-bottom:1px solid #ffffff0d; margin-bottom:50px; }
.rules-intro h1 { text-align:left; font-size:clamp(38px,4.7vw,62px); letter-spacing:-2.5px; line-height:1.12; margin:18px 0; }
.rules-intro .lede { color:#ac9bbb; font-size:15px; max-width:500px; line-height:1.85; margin-bottom:26px; }
.rules-intro img { width:240px; filter:drop-shadow(0 10px 45px #b579ff30); }
.rules-layout { display:grid; grid-template-columns:235px minmax(0,1fr); gap:48px; align-items:start; }
.rules-sidebar { position:sticky; top:110px; padding:8px 0; }
.rules-sidebar>.eyebrow { padding:0 13px; margin-bottom:20px; font-size:9px; }
.rules-sidebar>a { display:flex; align-items:center; gap:13px; padding:12px 13px; border-radius:8px; color:#c2afcf; font-size:12px; }
.rules-sidebar>a span { color:#756083; font-size:9px; font-weight:800; }
.rules-sidebar>a:hover { background:#b57aff12; color:#e7d2ff; }
.rules-help { margin:24px 0 0; padding:22px; border:1px solid #493258; border-radius:12px; background:linear-gradient(130deg,#281a34,#17101f); }
.rules-help strong { font-size:13px; }.rules-help p { font-size:11px; line-height:1.9; color:#a998b9; margin:10px 0 15px; }.rules-help a { font-size:11px; }
.rules-content { min-width:0; }
.rules-content .rule-card { scroll-margin-top:108px; padding:30px 34px; margin:0 0 22px; border:1px solid #3b2a4a; border-radius:16px; background:linear-gradient(125deg,#1c1427,#130e1b); }
.rules-content .rule-card.danger { background:linear-gradient(125deg,#311b2a,#170f1c); border-color:#8b485950; }
.rule-kicker { color:#9e83b4; font-size:8px; font-weight:800; letter-spacing:.18em; text-transform:uppercase; margin-bottom:15px; }
.danger .rule-kicker { color:#f59aa6; }
.rules-content .rule-card h2 { font-size:25px; letter-spacing:-.7px; margin-bottom:22px; }
.rules-content .rule-card h2 .icon { width:37px; height:37px; display:inline-grid; place-items:center; background:#ffffff06; border:1px solid #ffffff09; border-radius:10px; font-size:18px; vertical-align:middle; margin-right:8px; }
.rules-content .rule-card ul { padding:0; list-style:none; }
.rules-content .rule-card li { position:relative; padding:12px 0 12px 19px; border-bottom:1px solid #ffffff06; color:#bcaec8; font-size:13px; line-height:1.85; }
.rules-content .rule-card li:last-child { border:0; }
.rules-content .rule-card li::before { content:'◆'; position:absolute; left:0; top:15px; color:#a47bc3; font-size:7px; }
.rules-content .rule-card li strong { color:#f1e5fa; }
.rules-content .rule-card p { font-size:13px!important; line-height:1.9; }
.rules-content>p { font-size:11px; line-height:1.9; }
.community-rules .nav-server { margin-left:auto; }
@media(max-width:900px) { .rules-layout { grid-template-columns:185px minmax(0,1fr); gap:24px; }.rules-intro { gap:25px; grid-template-columns:1fr 170px; }.rules-intro img { width:170px; }.rules-content .rule-card { padding:25px; } }
@media(max-width:640px) { .rules-page { padding-top:105px; }.rules-intro { grid-template-columns:1fr; padding-bottom:35px; margin-bottom:25px; }.rules-intro img { display:none; }.rules-intro h1 { font-size:40px; letter-spacing:-1.8px; }.rules-layout { grid-template-columns:1fr; gap:25px; }.rules-sidebar { position:static; display:flex; overflow-x:auto; gap:7px; scrollbar-width:none; padding:0 0 10px; }.rules-sidebar>a { white-space:nowrap; padding:10px 13px; background:#20152c; border:1px solid #392649; }.rules-sidebar>.eyebrow,.rules-help { display:none; }.rules-content .rule-card { padding:22px; }.rules-content .rule-card h2 { font-size:22px; }.community-rules .nav-links { display:flex; justify-content:flex-end; }.community-rules .nav-links a[data-link] { display:none; }.community-rules .nav-link { font-size:11px; padding:7px 9px; }.community-rules .nav-server { display:none; } }

@media(min-width:761px) { #bundles-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }

/* Illustrated custom gear and community hub. */
#tools-grid { gap:24px; }
#tools-grid .tool-card { padding:0 25px 23px; overflow:hidden; text-align:left; }
.tool-art { position:relative; margin:0 -25px 24px; height:230px; background:radial-gradient(ellipse at 50% 65%,color-mix(in srgb,var(--tool-accent) 12%,transparent),transparent 75%),#100d18; border-bottom:1px solid #ffffff0b; }
.tool-label { position:absolute; top:17px; left:20px; color:var(--tool-accent); font-size:8px; letter-spacing:.14em; font-weight:800; z-index:1; }
#tools-grid .tool-art .product-icon.img { display:grid; place-items:center; height:100%; margin:0; padding-top:20px; }
#tools-grid .tool-art img { width:240px; height:210px; filter:drop-shadow(0 10px 12px #0003); }
#tools-grid .tool-card h3 { font-size:21px; letter-spacing:-.6px; }
#tools-grid .tool-card .desc { min-height:66px; margin:12px 0 18px; }
#tools-grid .tool-card .price { margin-top:auto; }
#tools-grid .tool-card .price-crystals { color:var(--tool-accent); }
#tools-grid .tool-where { display:flex; align-items:center; justify-content:space-between; margin-top:22px; padding-top:18px; border-top:1px solid #ffffff0a; color:#a596b4; }
.discord-main { padding-top:145px; }
.discord-main>section { padding:0; background:none; border:0; }
.discord-hero { display:grid; grid-template-columns:1.15fr 1fr; gap:60px; align-items:center; min-height:450px; }
.discord-hero h1 { font-size:clamp(40px,4.5vw,65px); line-height:1.1; letter-spacing:-2.8px; margin:24px 0; }
.discord-hero h1 span { color:#be92ef; }.discord-hero p { color:#b3a3c3; line-height:1.9; font-size:14px; max-width:510px; margin-bottom:28px; }
.discord-rules { display:block; margin-top:20px; color:#b2a1c2; font-size:12px; }
.community-art { min-height:390px; position:relative; display:grid; place-items:center; background:radial-gradient(ellipse,#8752d42b,transparent 70%); }
.community-art img { width:200px; height:200px; object-fit:contain; filter:drop-shadow(0 20px 32px #9961dc50); }.community-orbit { position:absolute; width:290px; height:290px; border:1px solid #a775dc30; border-radius:50%; }.community-orbit:after { content:''; position:absolute; inset:-35px; border:1px dashed #a775dc1a; border-radius:50%; }
.chat-bubble { position:absolute; padding:17px 20px; background:#241733; border:1px solid #64437d; border-radius:14px; box-shadow:0 14px 28px #0003; color:#e6d4f7; font-size:11px; }.bubble-one { top:35px; left:0; transform:rotate(-5deg); }.bubble-two { bottom:55px; right:0; transform:rotate(4deg); }.community-caption { position:absolute; bottom:5px; font-size:8px; letter-spacing:.18em; color:#a68abc; }
.discord-main .discord-features { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; margin:75px 0; }.discord-features article { padding:32px; background:linear-gradient(130deg,#22162f,#14101d); border:1px solid #3f2b50; border-radius:16px; }.discord-features h2 { font-size:23px; letter-spacing:-.8px; margin:20px 0 12px; }.discord-features p,.discord-start p,.discord-support p { color:#b3a3c3; font-size:13px; line-height:1.85; }
.discord-main .discord-start { display:grid; grid-template-columns:1fr 1fr; gap:70px; border-top:1px solid #ffffff0c; padding:50px 0; }.discord-start h2,.discord-support h2 { font-size:34px; letter-spacing:-1px; margin:18px 0; }.discord-start ol { padding:0; margin:0; list-style:none; }.discord-start li { display:flex; gap:23px; padding-bottom:28px; }.discord-start li>span { display:grid; place-items:center; width:38px; height:38px; flex-shrink:0; border:1px solid #513768; border-radius:11px; color:#c79cf0; font-size:12px; }.discord-start h3 { margin:0 0 7px; font-size:16px; }.discord-start li p { margin:0; }
.discord-main .discord-support { display:flex; align-items:center; gap:60px; justify-content:space-between; padding:38px; margin:0 0 70px; border:1px solid #5b3d75; border-radius:18px; background:linear-gradient(120deg,#281936,#161020); }.discord-support p { max-width:660px; }.discord-support .primary-link { flex-shrink:0; }
@media(max-width:900px) { .discord-hero { gap:20px; }.discord-features article { padding:23px; }.discord-main .discord-support { gap:25px; } }
@media(max-width:640px) { .discord-main { padding-top:110px; }.discord-hero { grid-template-columns:1fr; }.discord-hero h1 { font-size:44px; letter-spacing:-2px; }.community-art { min-height:340px; }.community-art img { width:175px; height:175px; }.community-orbit { width:240px; height:240px; }.discord-main .discord-features { grid-template-columns:1fr; margin:40px 0; }.discord-main .discord-start { grid-template-columns:1fr; gap:30px; }.discord-main .discord-support { padding:25px; flex-direction:column; align-items:flex-start; }.discord-start h2,.discord-support h2 { font-size:29px; } }

/* Artifact gallery refinement. */
#tools-grid .tool-card { border-color:color-mix(in srgb,var(--tool-accent) 17%,#241b32); background:linear-gradient(155deg,#20172d,#120e1c 70%); box-shadow:0 12px 30px #0002; }
#tools-grid .tool-art { height:265px; isolation:isolate; background:radial-gradient(ellipse at 50% 58%,color-mix(in srgb,var(--tool-accent) 20%,transparent),transparent 66%),linear-gradient(145deg,#181321,#0d0b14); }
#tools-grid .tool-art::before { content:''; position:absolute; width:178px; height:178px; top:48px; left:calc(50% - 89px); border:1px solid color-mix(in srgb,var(--tool-accent) 19%,transparent); border-radius:28px; transform:rotate(45deg); z-index:-1; box-shadow:0 0 0 16px #ffffff02,inset 0 0 28px #ffffff02; }
#tools-grid .tool-art::after { content:''; position:absolute; bottom:18px; left:20%; width:60%; height:19px; border:1px solid color-mix(in srgb,var(--tool-accent) 25%,transparent); border-radius:50%; background:radial-gradient(ellipse,color-mix(in srgb,var(--tool-accent) 10%,transparent),transparent); z-index:-1; }
#tools-grid .tool-art img { width:280px; height:245px; max-width:100%; filter:drop-shadow(0 14px 14px #0006); transition:transform .25s ease,filter .25s ease; }
#tools-grid .tool-card:hover .tool-art img { transform:translateY(-6px) rotate(-3deg); filter:drop-shadow(0 18px 19px #0007); }
#tools-grid .tool-label { font-size:8px; top:16px; left:16px; padding:7px 10px; border:1px solid color-mix(in srgb,var(--tool-accent) 23%,transparent); background:#0b0913a8; border-radius:6px; }
#tools-grid .tool-card h3 { color:#eee4fa; font-size:22px; }
#tools-grid .tool-card .price-crystals { text-shadow:0 0 22px color-mix(in srgb,var(--tool-accent) 22%,transparent); }
#tools-grid .tool-where code { border:1px solid #ffffff12; padding:5px 10px; border-radius:6px; }
@media(prefers-reduced-motion:reduce) { #tools-grid .tool-card:hover .tool-art img { transform:none; } }