:root {
    --bg-body: #0f172a;
    --bg-card: #1e293b;
    --bg-card-hover: #334155;
    --text-main: #f8fafc;
    --text-muted: #94a3b8;
    --primary-color: #6366f1;
    --primary-hover: #4f46e5;
    --secondary-color: #8b5cf6;
    --accent-gradient: linear-gradient(135deg, #463edc 0%, #42228b 100%);
    --navbar-bg: rgba(15, 23, 42, 0.8);
    --border-color: #334155;
}

body {
    background-color: var(--bg-body);
    color: var(--text-main);
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

/* Typography */
h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
    margin-bottom: 1rem;
}

p {
    color: var(--text-muted);
    line-height: 1.7;
}

a {
    text-decoration: none;
    transition: all 0.2s ease;
}

/* Navbar */
.navbar {
    background-color: var(--navbar-bg) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-bottom: 1px solid var(--border-color);
    padding: 1rem 0;
}

.navbar-brand {
    font-weight: 700;
    color: var(--text-main) !important;
    font-size: 1.5rem;
}

.nav-link {
    color: var(--text-muted) !important;
    font-weight: 500;
    margin: 0 0.5rem;
}

.nav-link:hover, .nav-link.active {
    color: var(--text-main) !important;
}

/* Buttons */
.btn {
    border-radius: 8px;
    padding: 0.6rem 1.5rem;
    font-weight: 600;
    border: none;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.btn-primary {
    background: var(--accent-gradient);
    color: white;
    box-shadow: 0 4px 6px -1px rgba(99, 102, 241, 0.1), 0 2px 4px -1px rgba(99, 102, 241, 0.06);
}

.btn-primary:hover {
    filter: brightness(1.1);
    transform: translateY(-1px);
    box-shadow: 0 10px 15px -3px rgba(99, 102, 241, 0.2);
}

.btn-outline-light {
    border: 1px solid var(--border-color);
    color: var(--text-main);
}

.btn-outline-light:hover {
    background-color: var(--bg-card);
    border-color: var(--text-muted);
    color: var(--text-main);
}

/* Hero Section */
.hero-section {
    padding: 8rem 0 6rem;
    position: relative;
    overflow: hidden;
}

/* Background elements for hero */
.hero-section::before {
    content: '';
    position: absolute;
    top: -50%;
    right: -20%;
    width: 800px;
    height: 800px;
    background: radial-gradient(circle, rgba(99, 102, 241, 0.15) 0%, rgba(0,0,0,0) 70%);
    border-radius: 50%;
    z-index: -1;
}

.hero-section::after {
    content: '';
    position: absolute;
    bottom: -20%;
    left: -20%;
    width: 600px;
    height: 600px;
    background: radial-gradient(circle, rgba(139, 92, 246, 0.1) 0%, rgba(0,0,0,0) 70%);
    border-radius: 50%;
    z-index: -1;
}

.hero-title {
    font-size: 3.5rem;
    background: linear-gradient(to right, #fff 20%, #94a3b8 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 1.5rem;
    line-height: 1.1;
}

.hero-subtitle {
    font-size: 1.25rem;
    max-width: 600px;
    margin: 0 auto 2.5rem;
}

/* Cards (Categories & Products) */
.section-title {
    text-align: center;
    position: relative;
    margin-bottom: 3.5rem;
}

.section-title h2 {
    font-size: 2.25rem;
    margin-bottom: 0.5rem;
}

.custom-card {
    background-color: var(--bg-card);
    border: 1px solid var(--border-color);
    border-radius: 16px;
    padding: 2rem;
    transition: all 0.3s ease;
    height: 100%;
}

.custom-card:hover {
    transform: translateY(-5px);
    border-color: var(--primary-color);
    background-color: var(--bg-card-hover);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

.card-icon {
    width: 64px;
    height: 64px;
    border-radius: 12px;
    background: rgba(99, 102, 241, 0.1);
    color: var(--primary-color);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.75rem;
    margin-bottom: 1.5rem;
}

.product-price {
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--text-main);
    margin: 1.5rem 0;
}

.product-price small {
    font-size: 1rem;
    color: var(--text-muted);
    font-weight: 400;
}

/* CTA Section */
.cta-section {
    background: linear-gradient(135deg, rgba(30, 41, 59, 0.8) 0%, rgba(15, 23, 42, 0.9) 100%);
    border-top: 1px solid var(--border-color);
    padding: 5rem 0;
    /* margin-top: auto; removed to fix gap */
    border-bottom: 1px solid var(--border-color);
}

/* Footer */
footer {
    background-color: #020617;
    padding: 3rem 0;
    border-top: 1px solid var(--border-color);
    margin-top: 0 !important;
}

footer p {
    font-size: 0.9rem;
    margin: 0;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .hero-title {
        font-size: 2.5rem;
    }
    
    .hero-section {
        padding: 5rem 0;
    }
}

/* Background image support for cards */
.custom-card-bg {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    z-index: 1;
    overflow: hidden;
    /* Ensure border remains visible */
    border: 1px solid var(--border-color);
}

/* Gradient overlay for text readability */
.custom-card-bg::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to top, rgba(15, 23, 42, 0.95), rgba(15, 23, 42, 0.75));
    z-index: -1;
    transition: opacity 0.3s ease;
}

.custom-card-bg:hover::before {
    background: linear-gradient(to top, rgba(15, 23, 42, 0.9), rgba(15, 23, 42, 0.5));
}

/* Make sure text shines through */
.custom-card-bg * {
    z-index: 2;
    position: relative;
}


/* Atlas Gaming store page */
.atlas-store-hero {
    position: relative;
    overflow: hidden;
    padding: 8.5rem 0 3.5rem;
    background:
        radial-gradient(ellipse at 12% 0%, rgba(99, 216, 255, .16), transparent 50%),
        radial-gradient(ellipse at 85% 25%, rgba(157, 139, 255, .13), transparent 42%),
        linear-gradient(180deg, rgba(7, 10, 22, .88), rgba(7, 10, 22, .45));
    border-bottom: 1px solid rgba(255,255,255,.08);
}
.atlas-store-intro { max-width: 830px; margin: 0 auto; text-align: center; }
.atlas-store-eyebrow, .atlas-section-kicker { color: var(--atlas-accent); font-size: .74rem; font-weight: 800; letter-spacing: .16em; }
.atlas-store-intro h1 { margin: .9rem 0 1rem; font-size: clamp(2.1rem, 5vw, 3.7rem); line-height: 1.12; }
.atlas-store-lead { max-width: 650px; margin: 0 auto 1.8rem; font-size: 1.08rem; color: var(--atlas-text-muted); }
.atlas-store-search { display: flex; align-items: center; gap: .9rem; max-width: 620px; margin: 0 auto; padding: .55rem 1.05rem; color: var(--atlas-accent); }
.atlas-store-search:focus-within { border-color: rgba(99,216,255,.44); box-shadow: 0 0 0 .25rem rgba(99,216,255,.10), var(--glass-shadow); }
.atlas-store-search input { flex: 1; min-width: 0; padding: .75rem 0; color: #fff; background: transparent; border: 0; outline: 0; }
.atlas-store-search input::placeholder { color: rgba(255,255,255,.52); }
.atlas-search-shortcut { display: grid; place-items: center; width: 1.8rem; height: 1.8rem; border: 1px solid rgba(255,255,255,.14); border-radius: 8px; color: rgba(255,255,255,.55); }
.atlas-search-count { min-height: 1.4em; margin: .75rem 0 0; color: rgba(255,255,255,.55); font-size: .85rem; }
.atlas-store-main { min-height: 35vh; }
.atlas-store-categories { display: flex; flex-wrap: wrap; justify-content: center; gap: .8rem; }
.atlas-store-category-link { display: inline-flex; align-items: center; gap: .7rem; padding: .7rem 1rem; border: 1px solid rgba(255,255,255,.10); border-radius: 999px; background: rgba(255,255,255,.035); color: rgba(255,255,255,.86); transition: transform .2s ease, border-color .2s ease, background .2s ease; }
.atlas-store-category-link:hover { transform: translateY(-2px); border-color: rgba(99,216,255,.36); background: rgba(99,216,255,.08); color: #fff; }
.atlas-category-icon { display: grid; place-items: center; width: 1.8rem; height: 1.8rem; border-radius: 50%; background: rgba(99,216,255,.12); color: var(--atlas-accent); }
.atlas-category-arrow { margin-left: .2rem; color: rgba(255,255,255,.4); font-size: .72rem; }
.atlas-store-section { scroll-margin-top: 100px; }
.atlas-store-section-heading { display: flex; align-items: end; justify-content: space-between; gap: 1rem; margin-bottom: 1.35rem; padding-bottom: .9rem; border-bottom: 1px solid rgba(255,255,255,.09); }
.atlas-store-section-heading h2 { margin: .25rem 0 0; font-size: clamp(1.55rem, 3vw, 2.1rem); }
.atlas-section-count { padding: .38rem .75rem; border: 1px solid rgba(255,255,255,.10); border-radius: 999px; color: var(--atlas-text-muted); font-size: .8rem; white-space: nowrap; }
.atlas-product-card { position: relative; display: flex; min-height: 330px; height: 100%; overflow: hidden; border: 1px solid rgba(255,255,255,.10); border-radius: 20px; background: linear-gradient(145deg, rgba(20,28,48,.95), rgba(8,13,28,.98)); box-shadow: 0 18px 48px rgba(0,0,0,.26); transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease; }
.atlas-product-card::before { content: ''; position: absolute; inset: 0; background: radial-gradient(ellipse at 80% 0%, rgba(99,216,255,.14), transparent 54%), radial-gradient(ellipse at 0% 100%, rgba(157,139,255,.10), transparent 50%); pointer-events: none; }
.atlas-product-card:hover { transform: translateY(-4px); border-color: rgba(99,216,255,.33); box-shadow: 0 26px 60px rgba(0,0,0,.4); }
.atlas-product-card--image { background-image: linear-gradient(180deg, rgba(7,11,24,.38), rgba(7,11,24,.92) 58%, rgba(7,11,24,.98)), var(--atlas-product-image); background-size: cover; background-position: center; }
.atlas-product-card-content { position: relative; z-index: 1; display: flex; flex: 1; flex-direction: column; padding: 1.35rem; }
.atlas-product-topline { display: flex; align-items: center; justify-content: space-between; }
.atlas-product-game { color: rgba(255,255,255,.77); font-size: .8rem; font-weight: 650; }
.atlas-product-game i { color: var(--atlas-accent); }
.atlas-product-mark { display: grid; place-items: center; width: 2.3rem; height: 2.3rem; border: 1px solid rgba(255,255,255,.12); border-radius: 12px; background: rgba(7,11,24,.48); color: var(--atlas-accent-2); }
.atlas-product-copy { margin-top: auto; padding-top: 3.3rem; }
.atlas-product-copy h3 { margin-bottom: .45rem; color: #fff; font-size: 1.45rem; }
.atlas-product-copy p { min-height: 2.9em; margin-bottom: 1.2rem; color: rgba(255,255,255,.66); font-size: .92rem; }
.atlas-product-bottom { display: flex; align-items: end; justify-content: space-between; gap: .8rem; padding-top: 1rem; border-top: 1px solid rgba(255,255,255,.10); }
.atlas-product-price { display: flex; flex-direction: column; }
.atlas-price-caption { margin-bottom: .15rem; color: rgba(255,255,255,.53); font-size: .75rem; }
.atlas-product-price strong { color: #fff; font-size: 1.2rem; }
.atlas-price-unit { color: rgba(255,255,255,.58); font-size: .78rem; }
.atlas-product-button { flex: 0 0 auto; padding: .68rem .9rem; border: 1px solid rgba(99,216,255,.30); border-radius: 999px; background: rgba(99,216,255,.10); color: #dff8ff; font-size: .86rem; font-weight: 700; transition: background .2s ease, border-color .2s ease; }
.atlas-product-button:hover { border-color: rgba(99,216,255,.58); background: rgba(99,216,255,.20); color: #fff; }
.atlas-store-empty { max-width: 760px; margin: 0 auto; padding-inline: 2rem; }
.atlas-empty-icon { display: inline-grid; place-items: center; width: 3.5rem; height: 3.5rem; margin-bottom: 1rem; border-radius: 50%; background: rgba(99,216,255,.10); color: var(--atlas-accent); font-size: 1.3rem; }
.atlas-store-empty h2 { font-size: 1.6rem; }
.atlas-no-results { padding: 3rem 1rem; border: 1px dashed rgba(255,255,255,.16); border-radius: 18px; text-align: center; color: var(--atlas-text-muted); }
.atlas-store-card[hidden], .atlas-store-section[hidden], .atlas-no-results[hidden] { display: none !important; }
@media (max-width: 575.98px) {
    .atlas-store-hero { padding: 7rem 0 2.5rem; }
    .atlas-store-section-heading { align-items: start; flex-direction: column; }
    .atlas-product-card { min-height: 300px; }
    .atlas-product-bottom { align-items: stretch; flex-direction: column; }
    .atlas-product-button { text-align: center; }
}


/* Dynamic game library */
.atlas-game-library { background: linear-gradient(180deg, rgba(255,255,255,.018), rgba(255,255,255,0)); border-bottom: 1px solid rgba(255,255,255,.06); }
.atlas-library-heading { max-width: 760px; margin-inline: auto; }
.atlas-library-heading h2 { margin: .65rem 0 .75rem; font-size: clamp(1.8rem, 3.7vw, 2.65rem); }
.atlas-library-heading .atlas-store-lead { margin-bottom: 0; }
.atlas-library-card { display: flex; flex-direction: column; height: 100%; overflow: hidden; border: 1px solid rgba(255,255,255,.11); border-radius: 20px; background: linear-gradient(145deg, rgba(20,28,48,.92), rgba(8,13,28,.97)); box-shadow: 0 18px 48px rgba(0,0,0,.25); color: #fff; transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease; }
.atlas-library-card:hover { transform: translateY(-4px); border-color: rgba(99,216,255,.38); box-shadow: 0 26px 60px rgba(0,0,0,.4); color: #fff; }
.atlas-library-art { position: relative; display: flex; align-items: flex-start; justify-content: space-between; min-height: 190px; padding: 1.1rem; overflow: hidden; background: radial-gradient(ellipse at 75% 10%, rgba(99,216,255,.2), transparent 45%), radial-gradient(ellipse at 15% 100%, rgba(157,139,255,.21), transparent 52%), linear-gradient(135deg, #151e35, #090e20); }
.atlas-library-art::after { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(7,11,24,.04), rgba(7,11,24,.58)); content: ''; pointer-events: none; }
.atlas-library-art--image { background-image: linear-gradient(180deg, rgba(7,11,24,.08), rgba(7,11,24,.78)), var(--atlas-library-image); background-position: center; background-size: cover; }
.atlas-library-game-icon, .atlas-library-count { position: relative; z-index: 1; display: inline-flex; align-items: center; gap: .5rem; border: 1px solid rgba(255,255,255,.15); border-radius: 999px; background: rgba(8,13,28,.58); backdrop-filter: blur(12px); }
.atlas-library-game-icon { justify-content: center; width: 2.8rem; height: 2.8rem; color: var(--atlas-accent); font-size: 1.1rem; }
.atlas-library-count { padding: .48rem .75rem; color: rgba(255,255,255,.88); font-size: .78rem; font-weight: 700; }
.atlas-library-copy { display: flex; flex: 1; flex-direction: column; align-items: flex-start; padding: 1.25rem 1.35rem 1.4rem; }
.atlas-library-copy h3 { margin: 0 0 .4rem; font-size: 1.45rem; }
.atlas-library-copy p { margin: 0 0 1.1rem; color: rgba(255,255,255,.65); font-size: .92rem; }
.atlas-library-link { margin-top: auto; color: #dff8ff; font-size: .88rem; font-weight: 750; }
.atlas-library-link i { color: var(--atlas-accent); transition: transform .2s ease; }
.atlas-library-card:hover .atlas-library-link i { transform: translateX(4px); }
@media (max-width: 575.98px) { .atlas-library-art { min-height: 160px; } }

/* Full page game catalogue and category storefronts */
.atlas-store-hero { padding-bottom: 4.25rem; }
.atlas-store-intro { max-width: 960px; }
.atlas-store-intro h1 { font-size: clamp(2.5rem, 5.6vw, 4.5rem); letter-spacing: -.04em; }
.atlas-store-lead { max-width: 720px; }
.atlas-store-breadcrumb { display: inline-flex; align-items: center; gap: .65rem; color: rgba(255,255,255,.65); font-size: .82rem; }
.atlas-store-breadcrumb a { color: var(--atlas-accent); }
.atlas-store-breadcrumb i { font-size: .62rem; }
.atlas-category-shortcuts { display: flex; justify-content: center; flex-wrap: wrap; gap: .7rem; margin-top: 1.3rem; }
.atlas-category-shortcut { padding: .6rem .9rem; border: 1px solid rgba(255,255,255,.12); border-radius: 999px; color: rgba(255,255,255,.75); font-size: .84rem; }
.atlas-category-shortcut:hover, .atlas-category-shortcut--active { border-color: rgba(99,216,255,.4); background: rgba(99,216,255,.09); color: #fff; }
.atlas-search-submit { display: grid; place-items: center; width: 2.4rem; height: 2.4rem; border-radius: 9px; background: linear-gradient(135deg, #63d8ff, #8b8cff); color: #08101f; }
.atlas-game-library { padding-top: 4.5rem !important; padding-bottom: 5rem !important; }
.atlas-library-heading { display: flex; align-items: end; justify-content: space-between; gap: 2rem; margin-bottom: 1.5rem; }
.atlas-library-heading h2 { margin: .45rem 0 .35rem; font-size: clamp(2rem, 4vw, 3rem); }
.atlas-library-heading p { max-width: 670px; margin: 0; color: var(--atlas-text-muted); }
.atlas-library-total { flex: 0 0 auto; padding: .75rem 1rem; border: 1px solid rgba(255,255,255,.1); border-radius: 14px; color: rgba(255,255,255,.7); }
.atlas-library-total strong { color: var(--atlas-accent); font-size: 1.2rem; }
.atlas-library-filters { display: flex; flex-wrap: wrap; gap: .65rem; margin: 0 0 1.6rem; padding: .4rem 0 1.1rem; border-bottom: 1px solid rgba(255,255,255,.08); }
.atlas-library-filter { padding: .65rem 1rem; border: 1px solid rgba(255,255,255,.12); border-radius: 999px; background: rgba(255,255,255,.035); color: rgba(255,255,255,.72); font: inherit; font-size: .88rem; transition: background .2s ease, border-color .2s ease, color .2s ease; }
.atlas-library-filter:hover, .atlas-library-filter.is-active { border-color: rgba(99,216,255,.48); background: rgba(99,216,255,.13); color: #fff; }
.atlas-library-card-wrap[hidden] { display: none !important; }
.atlas-library-card { min-height: 410px; border-radius: 22px; }
.atlas-library-art { min-height: 275px; }
.atlas-library-open { position: relative; z-index: 1; align-self: flex-end; padding: .65rem .85rem; border: 1px solid rgba(255,255,255,.2); border-radius: 999px; background: rgba(8,13,28,.58); color: #fff; font-size: .85rem; font-weight: 750; backdrop-filter: blur(12px); }
.atlas-library-copy { align-items: stretch; justify-content: space-between; gap: 1.15rem; padding: 1.35rem 1.5rem 1.5rem; }
.atlas-library-kicker { color: var(--atlas-accent); font-size: .68rem; font-weight: 800; letter-spacing: .13em; }
.atlas-library-copy h3 { margin-top: .4rem; font-size: 1.75rem; }
.atlas-library-packages { color: rgba(255,255,255,.6); font-size: .85rem; }
.atlas-library-card:hover .atlas-library-open { border-color: rgba(99,216,255,.55); background: rgba(99,216,255,.16); }
.atlas-store-categories { display: none; }
.atlas-store-section-heading { margin-bottom: 1.7rem; }
.atlas-store-section-heading h2 { font-size: clamp(1.9rem, 3.5vw, 2.65rem); }
.atlas-section-count { padding: .55rem .9rem; font-size: .86rem; }
.atlas-product-card { min-height: 385px; border-radius: 22px; }
.atlas-product-card-content { padding: 1.55rem; }
.atlas-product-copy h3 { font-size: 1.65rem; }
.atlas-product-copy p { font-size: .98rem; }
.atlas-store-main .container > .mb-4 { margin-bottom: 1.5rem !important; }
.atlas-store-main .container > .mb-4 .atlas-store-all { display: inline-flex; padding: .65rem .9rem; border: 1px solid rgba(255,255,255,.12); border-radius: 999px; }
.atlas-store-main > .container > .atlas-store-section { margin-top: 1rem; }
.atlas-home-games { padding-block: 5.5rem !important; }
.atlas-home-game-card { min-height: 380px; border-radius: 24px; }
.atlas-home-game-image { min-height: 380px; }
.atlas-home-game-copy { padding: clamp(1.5rem, 3vw, 2.4rem); }
.atlas-home-game-copy h3 { font-size: clamp(1.7rem, 2.8vw, 2.25rem); }
@media (max-width: 991.98px) { .atlas-library-heading { align-items: flex-start; flex-direction: column; } }
@media (max-width: 767.98px) { .atlas-library-card { min-height: 350px; } .atlas-library-art { min-height: 220px; } .atlas-home-game-card, .atlas-home-game-image { min-height: 0; } }

/* Atlas Gaming multi-page homepage */
.atlas-site-nav { background: rgba(7,12,27,.88) !important; border-bottom-color: rgba(255,255,255,.09); }
.atlas-main-menu .nav-link { color: rgba(238,244,255,.78) !important; }
.atlas-main-menu .nav-link:hover, .atlas-main-menu .nav-link:focus { color: #fff !important; }
.atlas-main-menu .dropdown-menu { margin-top: .75rem; padding: .55rem; border: 1px solid rgba(255,255,255,.12); border-radius: 14px; background: #111a30; box-shadow: 0 18px 45px rgba(0,0,0,.35); }
.atlas-main-menu .dropdown-item { padding: .65rem .8rem; border-radius: 9px; color: rgba(255,255,255,.82); }
.atlas-main-menu .dropdown-item:hover, .atlas-main-menu .dropdown-item:focus { background: rgba(99,216,255,.11); color: #fff; }
.atlas-main-menu .dropdown-divider { border-color: rgba(255,255,255,.1); }
.atlas-home-hero { position: relative; min-height: 670px; padding: 9.5rem 0 4.5rem; overflow: hidden; background: #080d1c; }
.atlas-home-hero::before { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(5,9,21,.97) 0%, rgba(5,9,21,.87) 38%, rgba(5,9,21,.25) 100%), url('../images/atlas-gaming-banner.png') center 45% / cover; content: ''; }
.atlas-home-hero::after { position: absolute; inset: auto 0 0; height: 170px; background: linear-gradient(0deg, #0f172a, transparent); content: ''; pointer-events: none; }
.atlas-home-hero-inner { position: relative; z-index: 1; display: grid; min-height: 470px; grid-template-columns: minmax(0, 1fr) minmax(260px, .85fr); align-items: center; gap: 3rem; }
.atlas-home-hero-copy { max-width: 650px; }
.atlas-home-eyebrow, .atlas-home-kicker { color: #73dcff; font-size: .75rem; font-weight: 800; letter-spacing: .16em; }
.atlas-home-hero h1 { margin: 1rem 0 1.2rem; font-size: clamp(3rem, 6vw, 5.4rem); line-height: 1.02; letter-spacing: -.045em; }
.atlas-home-hero h1 span { background: linear-gradient(100deg, #73dcff, #9a8aff 78%); background-clip: text; -webkit-text-fill-color: transparent; }
.atlas-home-hero-copy > p { max-width: 580px; margin-bottom: 1.8rem; color: rgba(235,242,255,.76); font-size: 1.1rem; }
.atlas-home-actions { display: flex; flex-wrap: wrap; gap: .8rem; }
.atlas-home-button { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: .8rem 1.2rem; border-radius: 10px; font-weight: 750; transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
.atlas-home-button:hover { transform: translateY(-2px); }
.atlas-home-button--primary { border: 1px solid rgba(115,220,255,.45); background: linear-gradient(115deg, #2776c8, #5e4bd8); box-shadow: 0 12px 30px rgba(54,106,208,.27); color: #fff; }
.atlas-home-button--primary:hover { color: #fff; box-shadow: 0 16px 38px rgba(54,106,208,.4); }
.atlas-home-button--secondary { border: 1px solid rgba(255,255,255,.18); background: rgba(9,15,31,.48); color: rgba(255,255,255,.9); }
.atlas-home-button--secondary:hover { border-color: rgba(115,220,255,.48); color: #fff; }
.atlas-home-proof { display: flex; flex-wrap: wrap; gap: 1rem 1.4rem; margin-top: 2rem; color: rgba(236,243,255,.69); font-size: .85rem; }
.atlas-home-proof i { margin-right: .4rem; color: #73dcff; }
.atlas-home-hero-art { min-height: 330px; border-radius: 22px; background: linear-gradient(90deg, rgba(8,14,25,.08), rgba(8,14,25,.02)), url('../images/atlas-home-banner-v156.png') center / cover no-repeat; box-shadow: 0 24px 70px rgba(0,0,0,.28); }
.atlas-home-scroll { position: absolute; z-index: 2; bottom: 1.5rem; left: 50%; transform: translateX(-50%); color: rgba(255,255,255,.63); font-size: .8rem; letter-spacing: .08em; text-transform: uppercase; white-space: nowrap; }
.atlas-home-scroll:hover { color: #fff; }
.atlas-home-games { position: relative; background: #0f172a; }
.atlas-home-section-heading { display: flex; align-items: end; justify-content: space-between; gap: 1.5rem; margin-bottom: 2rem; }
.atlas-home-section-heading h2, .atlas-home-faq h2, .atlas-home-final-card h2 { margin: .55rem 0 .6rem; font-size: clamp(1.8rem, 3vw, 2.65rem); }
.atlas-home-section-heading p, .atlas-home-faq-inner > div:first-child > p, .atlas-home-final-card p { margin-bottom: 0; color: rgba(226,235,251,.65); }
.atlas-home-text-link, .atlas-home-card-link { color: #89e4ff; font-size: .88rem; font-weight: 750; white-space: nowrap; }
.atlas-home-text-link:hover, .atlas-home-card-link:hover { color: #fff; }
.atlas-home-game-card { display: flex; min-height: 300px; height: 100%; overflow: hidden; border: 1px solid rgba(255,255,255,.11); border-radius: 20px; background: linear-gradient(145deg, rgba(24,34,58,.98), rgba(9,14,29,.99)); box-shadow: 0 20px 48px rgba(0,0,0,.22); color: #fff; transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease; }
.atlas-home-game-card:hover { transform: translateY(-4px); border-color: rgba(115,220,255,.38); box-shadow: 0 26px 58px rgba(0,0,0,.36); color: #fff; }
.atlas-home-game-image { flex: 0 0 43%; min-height: 300px; background-position: center; background-size: cover; }
.atlas-home-game-image--minecraft { background-image: linear-gradient(0deg, rgba(7,11,24,.20), rgba(7,11,24,.05)), url('../images/minecraft-banner-v156.png'); background-position: center; }
.atlas-home-game-image--fivem { background-image: linear-gradient(0deg, rgba(7,11,24,.28), rgba(7,11,24,.1)), url('../images/fivem-car-banner-v156.png'); background-position: center; }
.atlas-home-game-copy { display: flex; flex: 1; flex-direction: column; align-items: flex-start; justify-content: center; padding: 1.6rem; }
.atlas-home-game-type { color: #73dcff; font-size: .68rem; font-weight: 800; letter-spacing: .13em; }
.atlas-home-game-copy h3 { margin: .7rem 0 .45rem; font-size: 1.55rem; }
.atlas-home-game-copy p { margin-bottom: 1.4rem; color: rgba(226,235,251,.64); font-size: .93rem; }
.atlas-home-how { border-top: 1px solid rgba(255,255,255,.06); background: linear-gradient(180deg, #131d34, #0f172a); }
.atlas-home-section-heading--center { justify-content: center; text-align: center; }
.atlas-home-section-heading--center > div { max-width: 760px; }
.atlas-home-steps { margin-top: 2.6rem; }
.atlas-home-step { position: relative; height: 100%; padding: 1.6rem; border: 1px solid rgba(255,255,255,.09); border-radius: 16px; background: rgba(255,255,255,.025); }
.atlas-home-step > span { position: absolute; top: 1.2rem; right: 1.3rem; color: rgba(255,255,255,.28); font-size: .8rem; font-weight: 800; }
.atlas-home-step > i { display: grid; width: 2.8rem; height: 2.8rem; place-items: center; margin-bottom: 1.2rem; border-radius: 12px; background: rgba(115,220,255,.10); color: #73dcff; }
.atlas-home-step h3 { font-size: 1.12rem; }
.atlas-home-step p { margin: 0; color: rgba(226,235,251,.62); font-size: .91rem; }
.atlas-home-faq { background: #0f172a; }
.atlas-home-faq-inner { display: grid; grid-template-columns: .8fr 1.2fr; gap: 3rem; align-items: start; }
.atlas-home-faq-inner > div:first-child > p { margin-bottom: 1.25rem; }
.atlas-home-accordion .accordion-item { overflow: hidden; margin-bottom: .7rem; border: 1px solid rgba(255,255,255,.09); border-radius: 12px; background: rgba(255,255,255,.025); color: #fff; }
.atlas-home-accordion .accordion-button { padding: 1.1rem 1.2rem; background: transparent; box-shadow: none; color: #fff; font-weight: 700; }
.atlas-home-accordion .accordion-button::after { filter: brightness(0) invert(1); opacity: .7; }
.atlas-home-accordion .accordion-body { padding-top: 0; color: rgba(226,235,251,.65); }
.atlas-home-final-cta { background: #0f172a; }
.atlas-home-final-card { display: flex; align-items: center; justify-content: space-between; gap: 2rem; padding: clamp(1.5rem, 4vw, 3rem); border: 1px solid rgba(115,220,255,.18); border-radius: 20px; background: radial-gradient(ellipse at 85% 20%, rgba(81,92,210,.19), transparent 44%), linear-gradient(120deg, #17233c, #10172c); }
.atlas-home-final-card h2 { margin-bottom: .4rem; }
.atlas-home-final-card p { max-width: 630px; }
@media (max-width: 991.98px) { .atlas-main-menu { align-items: stretch !important; padding: .65rem 0 1rem; } .atlas-home-hero-inner { grid-template-columns: 1fr; } .atlas-home-hero-art { min-height: 140px; } .atlas-home-faq-inner { grid-template-columns: 1fr; gap: 1.7rem; } }
@media (max-width: 767.98px) { .atlas-home-hero { min-height: auto; padding: 7.5rem 0 4rem; } .atlas-home-hero-inner { min-height: 0; gap: 1rem; } .atlas-home-hero-art { min-height: 80px; } .atlas-home-section-heading { align-items: flex-start; flex-direction: column; } .atlas-home-game-card { flex-direction: column; } .atlas-home-game-image { flex-basis: auto; min-height: 190px; } .atlas-home-final-card { align-items: flex-start; flex-direction: column; } }
@media (prefers-reduced-motion: reduce) { .atlas-home-game-card, .atlas-home-button { transition: none; } .atlas-home-game-card:hover, .atlas-home-button:hover { transform: none; } }

/* Atlas Gaming game library: a compact, cover-first catalogue inspired by familiar game launchers. */
.atlas-game-library { padding-top: 3.25rem !important; padding-bottom: 5rem !important; }
.atlas-game-library > .container { max-width: 1440px; }
.atlas-library-heading { max-width: none; align-items: end; margin-bottom: 1.35rem; }
.atlas-library-heading h2 { margin: .45rem 0 .4rem; font-size: clamp(2rem, 3vw, 2.8rem); }
.atlas-library-heading p { max-width: 700px; }
.atlas-library-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 1.25rem; margin-bottom: .55rem; padding-bottom: 1rem; border-bottom: 1px solid rgba(255,255,255,.09); }
.atlas-library-filters { flex: 1; margin: 0; padding: 0; border: 0; }
.atlas-library-filter { padding: .58rem .9rem; border-color: rgba(255,255,255,.2); background: transparent; }
.atlas-library-filter.is-active { border-color: var(--atlas-accent); background: color-mix(in srgb, var(--atlas-accent) 18%, transparent); }
.atlas-library-search { flex: 0 1 330px; width: 330px; max-width: 100%; margin: 0; padding: .25rem .9rem; border: 1px solid rgba(255,255,255,.12); border-radius: 999px; background: rgba(255,255,255,.055); }
.atlas-library-search input { padding: .55rem 0; }
.atlas-library-search-count { min-height: 1.4rem; margin: 0 0 1rem; color: var(--atlas-text-muted); font-size: .83rem; }
.atlas-library-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 1.1rem; }
.atlas-library-card-wrap { min-width: 0; }
.atlas-library-card { min-height: 0; border-radius: 15px; background: #101827; box-shadow: 0 12px 32px rgba(0,0,0,.2); }
.atlas-library-art { min-height: 0; aspect-ratio: .72; padding: .75rem; background-position: center; }
.atlas-library-art::after { background: linear-gradient(180deg, rgba(4,8,18,.06) 35%, rgba(4,8,18,.25) 61%, rgba(4,8,18,.84) 100%); }
.atlas-library-art--image { background-position: center; background-size: cover; }
.atlas-library-fallback-title { position: absolute; z-index: 1; top: 50%; left: 50%; width: 86%; color: rgba(255,255,255,.9); font-size: clamp(1.2rem, 2vw, 2.1rem); font-weight: 850; line-height: 1.05; text-align: center; text-shadow: 0 4px 22px rgba(0,0,0,.55); transform: translate(-50%,-50%); }
.atlas-library-game-icon { width: 2.25rem; height: 2.25rem; }
.atlas-library-open { padding: .48rem .65rem; font-size: .76rem; }
.atlas-library-price { position: absolute; z-index: 1; right: .65rem; bottom: .65rem; padding: .42rem .65rem; border: 1px solid rgba(255,255,255,.16); border-radius: 999px; background: rgba(5,9,20,.74); color: #fff; font-size: .76rem; font-weight: 750; backdrop-filter: blur(10px); }
.atlas-library-copy { flex: 1; gap: .5rem; padding: .9rem .9rem 1rem; }
.atlas-library-kicker { font-size: .59rem; letter-spacing: .1em; }
.atlas-library-copy h3 { margin: .28rem 0 .15rem; font-size: 1.08rem; line-height: 1.25; }
.atlas-library-packages { margin-top: auto; font-size: .76rem; }
.atlas-library-card:hover { transform: translateY(-3px); border-color: color-mix(in srgb, var(--atlas-accent) 55%, transparent); }
.atlas-library-card-wrap[hidden] { display: none !important; }
@media (max-width: 1499.98px) { .atlas-library-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); } }
@media (max-width: 1199.98px) { .atlas-library-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (max-width: 991.98px) { .atlas-library-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } .atlas-library-heading { align-items: flex-start; flex-direction: row; } }
@media (max-width: 767.98px) { .atlas-library-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .8rem; } .atlas-library-toolbar { align-items: stretch; flex-direction: column; } .atlas-library-search { flex-basis: auto; width: 100%; } .atlas-library-heading { flex-direction: column; gap: .8rem; } .atlas-library-art { min-height: 0; aspect-ratio: .72; } .atlas-library-copy { padding: .75rem; } .atlas-library-copy h3 { font-size: .96rem; } }
@media (max-width: 380px) { .atlas-library-grid { grid-template-columns: 1fr; } }

/* Consistent catalogue and package art sizing */
.atlas-product-card { flex-direction: column; min-height: 0; height: 100%; background: linear-gradient(145deg, #17233a, #0d1528); }
.atlas-product-card::before { content: none; }
.atlas-product-card--image { background-image: none; }
.atlas-product-art { position: relative; display: flex; flex: 0 0 250px; min-height: 250px; align-items: flex-start; justify-content: space-between; overflow: hidden; padding: 1rem; background: radial-gradient(circle at 70% 20%, rgba(115,220,255,.24), transparent 45%), linear-gradient(145deg, #243b61, #10182b 76%); background-position: center; background-size: cover; }
.atlas-product-art--image { background-image: var(--atlas-product-image); }
.atlas-product-art::after { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(5,9,20,.08), rgba(5,9,20,.18) 52%, rgba(5,9,20,.56)); content: ''; pointer-events: none; }
.atlas-product-game, .atlas-product-mark { position: relative; z-index: 1; }
.atlas-product-game { padding: .5rem .7rem; border: 1px solid rgba(255,255,255,.16); border-radius: 999px; background: rgba(5,9,20,.65); backdrop-filter: blur(10px); }
.atlas-product-mark { background: rgba(5,9,20,.55); }
.atlas-product-card-content { min-height: 230px; padding: 1.2rem; }
.atlas-product-copy { margin-top: 0; padding-top: .1rem; }
.atlas-product-copy h3 { min-height: 2.45em; line-height: 1.22; }
.atlas-product-copy p { display: -webkit-box; min-height: 3em; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.atlas-product-bottom { min-height: 74px; align-items: center; margin-top: auto; }
.atlas-store-card { display: flex; }
@media (max-width: 1199.98px) { .atlas-product-art { flex-basis: 230px; min-height: 230px; } }
@media (max-width: 767.98px) { .atlas-product-art { flex-basis: 210px; min-height: 210px; } .atlas-product-card-content { min-height: 220px; } }
@media (max-width: 575.98px) { .atlas-product-art { flex-basis: 220px; min-height: 220px; } }

/* Atlas Gaming professional refresh: clearer hierarchy, calm surfaces, less visual noise. */
:root {
    --bg-body: #f4f6f9;
    --bg-card: #ffffff;
    --bg-card-hover: #f8fafc;
    --text-main: #172033;
    --text-muted: #647084;
    --primary-color: #2463a8;
    --primary-hover: #174d89;
    --secondary-color: #5583b5;
    --accent-gradient: linear-gradient(135deg, #2769ad, #194e86);
    --navbar-bg: rgba(255,255,255,.96);
    --border-color: #e3e8ef;
    --atlas-text: #172033;
    --atlas-text-muted: #647084;
    --atlas-accent: #2769ad;
}
body { background: #f4f6f9; color: #172033; }
p { color: #647084; line-height: 1.6; }
.navbar, .atlas-site-nav { background: rgba(255,255,255,.97) !important; border-bottom: 1px solid #e3e8ef !important; box-shadow: 0 3px 16px rgba(23,32,51,.05); backdrop-filter: blur(12px); }
.navbar-brand, .atlas-site-nav .nav-link { color: #172033 !important; }
.atlas-site-nav .nav-link:hover, .atlas-site-nav .nav-link.active { color: #2769ad !important; }
.atlas-site-nav .dropdown-menu { border: 1px solid #e3e8ef; border-radius: 12px; background: #fff; box-shadow: 0 12px 30px rgba(23,32,51,.12); }
.atlas-site-nav .dropdown-item { color: #344055; }
.atlas-site-nav .dropdown-item:hover { background: #f0f5fa; color: #174d89; }
.atlas-site-nav .dropdown-divider { border-color: #e7ebf1; }
footer { padding: 2.2rem 0 1.5rem; border-top: 1px solid #e3e8ef; background: #fff; }
footer p, footer .text-muted { color: #748094 !important; }
.atlas-home-hero { min-height: 590px; padding-top: 8.5rem; background: #111c2e; }
.atlas-home-hero::before { background: linear-gradient(90deg, rgba(10,19,33,.94), rgba(10,19,33,.73) 43%, rgba(10,19,33,.12)), url('../images/atlas-gaming-banner.png') center 45% / cover; }
.atlas-home-hero::after { height: 90px; background: linear-gradient(0deg, #f4f6f9, transparent); }
.atlas-home-hero-inner { grid-template-columns: minmax(0,1fr) minmax(180px,.6fr); min-height: 390px; }
.atlas-home-hero h1 { max-width: 600px; margin: .8rem 0 1rem; color: #fff; font-size: clamp(2.6rem,5vw,4.35rem); letter-spacing: -.035em; }
.atlas-home-hero-copy > p { max-width: 440px; margin-bottom: 1.4rem; font-size: 1.03rem; }
.atlas-home-eyebrow, .atlas-home-kicker, .atlas-home-game-type { letter-spacing: .1em; }
.atlas-home-button { border-radius: 9px; box-shadow: none; }
.atlas-home-button--primary { background: #2769ad; }
.atlas-home-button--primary:hover { background: #174d89; }
.atlas-home-games { padding-block: 3.5rem !important; background: #f4f6f9; }
.atlas-home-section-heading { margin-bottom: 1.35rem; }
.atlas-home-section-heading h2 { margin: .3rem 0 0; color: #172033; font-size: clamp(1.65rem,2.6vw,2.15rem); }
.atlas-home-text-link, .atlas-home-card-link { color: #2769ad; }
.atlas-home-text-link:hover, .atlas-home-card-link:hover { color: #174d89; }
.atlas-home-game-card { min-height: 270px; border: 1px solid #e3e8ef; border-radius: 14px; background: #fff; box-shadow: 0 8px 24px rgba(23,32,51,.07); color: #172033; }
.atlas-home-game-card:hover { border-color: #b9cce0; box-shadow: 0 12px 28px rgba(23,32,51,.11); color: #172033; }
.atlas-home-game-image { min-height: 270px; }
.atlas-home-game-type { color: #62748b; font-size: .66rem; }
.atlas-home-game-copy h3 { margin: .55rem 0 .9rem; color: #172033; font-size: 1.45rem; }
.atlas-home-game-copy { padding: 1.35rem; }
.atlas-store-hero { padding: 7.5rem 0 2.5rem; background: #fff; border-bottom: 1px solid #e7ebf1; }
.atlas-store-intro h1 { margin: .6rem 0 .45rem; color: #172033; font-size: clamp(2rem,4vw,3rem); letter-spacing: -.035em; }
.atlas-gradient-text { background: none; color: #2769ad; -webkit-text-fill-color: #2769ad; }
.atlas-store-lead { margin-bottom: .5rem; color: #647084; font-size: 1rem; }
.atlas-store-eyebrow, .atlas-section-kicker { color: #55708e; letter-spacing: .1em; }
.atlas-game-library { padding-block: 2.6rem 3.5rem !important; background: #f4f6f9; border: 0; }
.atlas-library-heading h2 { color: #172033; font-size: clamp(1.6rem,2.7vw,2.2rem); }
.atlas-library-heading p { color: #647084; }
.atlas-library-total { padding: .55rem .8rem; border-color: #e0e6ee; border-radius: 9px; background: #fff; color: #647084; }
.atlas-library-total strong { color: #2769ad; }
.atlas-library-toolbar { border-color: #e1e7ee; }
.atlas-library-filter { border-color: #d7dee8; border-radius: 8px; background: #fff; color: #4c5a70; }
.atlas-library-filter.is-active { border-color: #2769ad; background: #eaf2fa; color: #174d89; }
.atlas-library-search { border-color: #d7dee8; border-radius: 9px; background: #fff; }
.atlas-library-search input { color: #172033; }
.atlas-library-search input::placeholder { color: #8792a2; }
.atlas-library-search-count { color: #788497; }
.atlas-library-card { border-color: #e1e6ed; border-radius: 13px; background: #fff; box-shadow: 0 5px 18px rgba(23,32,51,.07); color: #172033; }
.atlas-library-card:hover { border-color: #b9cce0; box-shadow: 0 10px 24px rgba(23,32,51,.11); color: #172033; }
.atlas-library-copy h3 { color: #172033; }
.atlas-library-kicker, .atlas-library-packages { color: #748094; }
.atlas-library-price { border-color: rgba(255,255,255,.45); background: rgba(15,26,43,.82); }
.atlas-store-main { padding-top: 2rem !important; background: #f4f6f9; }
.atlas-store-main .container > .mb-4 .atlas-store-all { border-color: #dce3ec; background: #fff; color: #43536a; }
.atlas-store-main .container > .mb-4 .atlas-store-all:hover { border-color: #b9cce0; color: #174d89; }
.atlas-store-section-heading { border-color: #dfe5ec; }
.atlas-store-section-heading h2 { color: #172033; font-size: clamp(1.55rem,2.7vw,2rem); }
.atlas-section-count { border-color: #dfe5ec; background: #fff; color: #68768a; }
.atlas-product-card { border-color: #e0e6ed; border-radius: 14px; background: #fff; box-shadow: 0 6px 20px rgba(23,32,51,.07); }
.atlas-product-card:hover { border-color: #c3d1e0; box-shadow: 0 10px 26px rgba(23,32,51,.12); }
.atlas-product-art { flex-basis: 220px; min-height: 220px; }
.atlas-product-card-content { min-height: 205px; padding: 1rem; }
.atlas-product-game { border-color: rgba(255,255,255,.25); }
.atlas-product-copy h3 { min-height: 0; margin-bottom: .35rem; color: #172033; font-size: 1.18rem; }
.atlas-product-copy p { min-height: 2.7em; margin-bottom: .7rem; color: #647084; font-size: .88rem; }
.atlas-product-bottom { min-height: 62px; border-color: #e7ebf0; }
.atlas-price-caption, .atlas-price-unit { color: #748094; }
.atlas-product-price strong { color: #172033; font-size: 1.1rem; }
.atlas-product-button { border-color: #c7d9eb; background: #edf4fa; color: #174d89; border-radius: 8px; }
.atlas-product-button:hover { border-color: #2769ad; background: #2769ad; color: #fff; }
.atlas-store-empty { border: 1px solid #e1e6ed; border-radius: 14px; background: #fff; color: #172033; box-shadow: 0 8px 24px rgba(23,32,51,.06); }
.atlas-store-empty h2 { color: #172033; }
.atlas-store-empty p { margin-bottom: 0; }
.atlas-store-empty .btn-outline-light { border-color: #c7d9eb; color: #174d89; }
.atlas-store-empty .btn-outline-light:hover { background: #edf4fa; color: #174d89; }
.atlas-no-results { color: #647084; }
@media (max-width: 767.98px) {
    .atlas-home-hero { min-height: 0; padding: 7.2rem 0 3.2rem; }
    .atlas-home-hero-inner { min-height: 0; gap: .3rem; }
    .atlas-home-hero-art { min-height: 65px; }
    .atlas-home-games { padding-block: 2.4rem !important; }
    .atlas-home-game-card { min-height: 0; }
    .atlas-home-game-image { min-height: 185px; }
    .atlas-store-hero { padding: 6.8rem 0 1.8rem; }
    .atlas-library-heading { gap: .5rem; }
    .atlas-library-grid { gap: .7rem; }
    .atlas-product-art { flex-basis: 190px; min-height: 190px; }
    .atlas-product-card-content { min-height: 198px; padding: .85rem; }
    .atlas-product-bottom { align-items: flex-start; flex-direction: column; }
    .atlas-product-button { width: 100%; text-align: center; }
}

/* Dark Atlas Gaming finish: calm navy surfaces, restrained blue accents and clear contrast. */
:root {
    --bg-body: #0c1320;
    --bg-card: #141f30;
    --bg-card-hover: #1b2a3e;
    --text-main: #edf2f8;
    --text-muted: #9aa8bb;
    --primary-color: #4389d1;
    --primary-hover: #5a9be0;
    --secondary-color: #78a9d8;
    --accent-gradient: linear-gradient(135deg, #397fc4, #245b94);
    --navbar-bg: rgba(12,19,32,.96);
    --border-color: #26364b;
    --atlas-text: #edf2f8;
    --atlas-text-muted: #9aa8bb;
    --atlas-accent: #69b8e8;
}
body { background: #0c1320; color: #edf2f8; }
p { color: #a2afc0; }
.navbar, .atlas-site-nav { background: rgba(12,19,32,.96) !important; border-bottom: 1px solid #26364b !important; box-shadow: 0 4px 18px rgba(0,0,0,.16); }
.navbar-brand, .atlas-site-nav .nav-link { color: #edf2f8 !important; }
.atlas-site-nav .nav-link:hover, .atlas-site-nav .nav-link.active { color: #82c4ec !important; }
.atlas-site-nav .dropdown-menu { border: 1px solid #304158; background: #141f30; box-shadow: 0 12px 30px rgba(0,0,0,.32); }
.atlas-site-nav .dropdown-item { color: #dce5ef; }
.atlas-site-nav .dropdown-item:hover { background: #1e3046; color: #a4d8f4; }
.atlas-site-nav .dropdown-divider { border-color: #304158; }
footer { border-color: #26364b; background: #0a111d; }
footer p, footer .text-muted { color: #8594a8 !important; }
.atlas-home-hero { background: #0a111d; }
.atlas-home-hero::before { background: linear-gradient(90deg, rgba(8,14,24,.96), rgba(8,14,24,.78) 43%, rgba(8,14,24,.18)), url('../images/atlas-gaming-banner.png') center 45% / cover; }
.atlas-home-hero::after { background: linear-gradient(0deg, #0c1320, transparent); }
.atlas-home-hero h1 { color: #f4f7fb; }
.atlas-home-games { background: #0c1320; }
.atlas-home-section-heading h2 { color: #edf2f8; }
.atlas-home-text-link, .atlas-home-card-link { color: #82c4ec; }
.atlas-home-text-link:hover, .atlas-home-card-link:hover { color: #c6e9fb; }
.atlas-home-game-card { border-color: #26364b; background: #141f30; box-shadow: 0 8px 24px rgba(0,0,0,.18); color: #edf2f8; }
.atlas-home-game-card:hover { border-color: #45627f; box-shadow: 0 12px 28px rgba(0,0,0,.28); color: #edf2f8; }
.atlas-home-game-type { color: #9aa8bb; }
.atlas-home-game-copy h3 { color: #edf2f8; }
.atlas-store-hero { background: #111b2a; border-color: #26364b; }
.atlas-store-hero--game {
    min-height: 360px;
    display: flex;
    align-items: center;
    background-image: linear-gradient(90deg, rgba(8, 14, 25, .92) 0%, rgba(8, 14, 25, .72) 48%, rgba(8, 14, 25, .30) 100%), linear-gradient(0deg, rgba(8, 14, 25, .38), rgba(8, 14, 25, .08)), var(--atlas-store-banner);
    background-position: center, center, center 42%;
    background-size: cover;
    border-bottom-color: rgba(130, 196, 236, .24);
}
.atlas-store-hero--library {
    background-image: linear-gradient(90deg, rgba(8, 14, 25, .92) 0%, rgba(8, 14, 25, .72) 46%, rgba(8, 14, 25, .24) 100%), linear-gradient(0deg, rgba(8, 14, 25, .25), rgba(8, 14, 25, .08)), var(--atlas-library-banner);
    background-position: center, center, center 48%;
    background-size: cover;
}
.atlas-store-hero--bots,
.atlas-store-hero--voice {
    min-height: 360px;
    display: flex;
    align-items: center;
    background-position: center, center, center 50%;
    background-size: cover;
    border-bottom-color: rgba(130, 196, 236, .24);
}
.atlas-store-hero--bots {
    background-image: linear-gradient(90deg, rgba(8, 14, 25, .94) 0%, rgba(8, 14, 25, .76) 46%, rgba(8, 14, 25, .18) 100%), linear-gradient(0deg, rgba(8, 14, 25, .30), rgba(8, 14, 25, .06)), var(--atlas-bots-banner);
}
.atlas-store-hero--voice {
    background-image: linear-gradient(90deg, rgba(8, 14, 25, .94) 0%, rgba(8, 14, 25, .76) 46%, rgba(8, 14, 25, .18) 100%), linear-gradient(0deg, rgba(8, 14, 25, .30), rgba(8, 14, 25, .06)), var(--atlas-voice-banner);
}
.atlas-store-hero--bots .atlas-store-intro,
.atlas-store-hero--voice .atlas-store-intro { max-width: 900px; margin-left: 0; text-align: left; }
.atlas-store-hero--bots .atlas-store-lead,
.atlas-store-hero--voice .atlas-store-lead { margin-left: 0; }
.atlas-store-hero--library .atlas-store-intro { max-width: 900px; margin-left: 0; text-align: left; }
.atlas-store-hero--library .atlas-store-lead { margin-left: 0; }
.atlas-store-hero--game .atlas-store-intro { max-width: 900px; margin-left: 0; text-align: left; }
.atlas-store-hero--game .atlas-store-breadcrumb { display: inline-flex; }
.atlas-store-hero--game .atlas-store-lead { margin-left: 0; }
.atlas-store-hero--game .atlas-store-search { margin-left: 0; }
.atlas-store-hero--game .atlas-search-count { text-align: left; }
.atlas-store-hero--game .atlas-store-breadcrumb,
.atlas-store-hero--game .atlas-store-breadcrumb a { color: rgba(241, 246, 252, .82); }
.atlas-store-hero--game .atlas-store-breadcrumb a:hover { color: #fff; }
.atlas-store-intro h1 { color: #f4f7fb; }
.atlas-gradient-text { color: #82c4ec; -webkit-text-fill-color: #82c4ec; }
.atlas-store-lead { color: #a2afc0; }
.atlas-store-eyebrow, .atlas-section-kicker { color: #88b7db; }
.atlas-game-library, .atlas-store-main { background: #0c1320; }
.atlas-library-heading h2, .atlas-store-section-heading h2 { color: #edf2f8; }
.atlas-library-heading p { color: #a2afc0; }
.atlas-library-total { border-color: #304158; background: #141f30; color: #a2afc0; }
.atlas-library-total strong { color: #82c4ec; }
.atlas-library-toolbar { border-color: #26364b; }
.atlas-library-filter { border-color: #35465d; background: #141f30; color: #c4ceda; }
.atlas-library-filter.is-active { border-color: #4a83b3; background: #1b3045; color: #b8e2f7; }
.atlas-library-search { border-color: #35465d; background: #111b2a; }
.atlas-library-search input { color: #edf2f8; }
.atlas-library-search input::placeholder, .atlas-library-search-count { color: #8c9bb0; }
.atlas-library-card { border-color: #26364b; background: #141f30; box-shadow: 0 6px 20px rgba(0,0,0,.2); color: #edf2f8; }
.atlas-library-card:hover { border-color: #45627f; box-shadow: 0 10px 24px rgba(0,0,0,.3); color: #edf2f8; }
.atlas-library-copy h3 { color: #edf2f8; }
.atlas-library-kicker, .atlas-library-packages { color: #9aa8bb; }
.atlas-store-main .container > .mb-4 .atlas-store-all { border-color: #304158; background: #141f30; color: #d0d9e4; }
.atlas-store-main .container > .mb-4 .atlas-store-all:hover { border-color: #45627f; color: #b8e2f7; }
.atlas-store-section-heading { border-color: #26364b; }
.atlas-section-count { border-color: #304158; background: #141f30; color: #9aa8bb; }
.atlas-product-card { border-color: #26364b; background: #141f30; box-shadow: 0 6px 20px rgba(0,0,0,.2); }
.atlas-product-card:hover { border-color: #45627f; box-shadow: 0 10px 26px rgba(0,0,0,.3); }
.atlas-product-copy h3, .atlas-product-price strong { color: #edf2f8; }
.atlas-product-copy p, .atlas-price-caption, .atlas-price-unit { color: #9aa8bb; }
.atlas-product-bottom { border-color: #304158; }
.atlas-product-button { border-color: #3e617f; background: #1b3045; color: #b8e2f7; }
.atlas-product-button:hover { border-color: #5a9be0; background: #28669f; color: #fff; }
.atlas-store-empty { border-color: #26364b; background: #141f30; color: #edf2f8; box-shadow: 0 8px 24px rgba(0,0,0,.2); }
.atlas-store-empty h2 { color: #edf2f8; }
.atlas-store-empty p, .atlas-no-results { color: #9aa8bb; }
.atlas-store-empty .btn-outline-light { border-color: #3e617f; color: #b8e2f7; }
.atlas-store-empty .btn-outline-light:hover { background: #1b3045; color: #d8effa; }

.atlas-home-game-image--bots { background-image: linear-gradient(0deg, rgba(7,11,24,.28), rgba(7,11,24,.1)), url('../images/bots-banner-v154.png'); }
.atlas-home-game-image--voice { background-image: linear-gradient(0deg, rgba(7,11,24,.28), rgba(7,11,24,.1)), url('../images/voice-audio-banner-v154.png'); }
.atlas-home-game-image--amongus { background-image: linear-gradient(0deg, rgba(7,11,24,.28), rgba(7,11,24,.1)), url('../images/amongus-banner-v157.png'); }
.atlas-home-game-image--beamng { background-image: linear-gradient(0deg, rgba(7,11,24,.28), rgba(7,11,24,.1)), url('../images/beamng-banner-v157.png'); }

/* v1.5.8: keep the landing hero to a single banner and a single copy column. */
.atlas-home-hero-inner { display: flex; min-height: 470px; grid-template-columns: none; gap: 0; align-items: center; }
.atlas-home-hero-copy { max-width: 700px; }

/* v1.5.8: one homepage banner, sized to match game banners. */
.atlas-home-hero { height: 442px; min-height: 442px; padding: 0; display: flex; align-items: center; }
.atlas-home-hero-inner { display: flex; width: 100%; min-height: 0; grid-template-columns: none; gap: 0; align-items: center; }
.atlas-home-hero-copy { max-width: 700px; }
@media (max-width: 767.98px) { .atlas-home-hero { height: auto; min-height: 360px; padding: 7.5rem 0 2.5rem; } .atlas-home-hero-inner { min-height: 0; } }

/* v1.6.2: use uploaded game package artwork and make each library card easy to identify. */
.atlas-library-art--image { background-image: linear-gradient(180deg, rgba(4,8,18,.0) 20%, rgba(4,8,18,.10) 60%, rgba(4,8,18,.46) 100%), var(--atlas-library-image); }
.atlas-library-art::after { background: linear-gradient(180deg, rgba(4,8,18,.02), rgba(4,8,18,.04) 68%, rgba(4,8,18,.38) 100%); }
.atlas-library-game-label { position: relative; z-index: 1; display: inline-flex; max-width: calc(100% - .5rem); align-items: center; padding: .48rem .72rem; border: 1px solid rgba(255,255,255,.24); border-radius: 999px; background: rgba(5,9,20,.78); color: #fff; font-size: .9rem; font-weight: 800; letter-spacing: .01em; text-shadow: 0 1px 4px rgba(0,0,0,.45); backdrop-filter: blur(10px); }

/* v1.6.2: a quiet played-games overview that only publishes verified basics. */
.atlas-store-hero--played { position: relative; overflow: hidden; background: #101a28; }
.atlas-store-hero--played::before { background: linear-gradient(90deg, rgba(8,14,24,.94), rgba(8,14,24,.76) 48%, rgba(8,14,24,.36)), var(--atlas-played-banner) center 48% / cover; }
.atlas-played-section { background: #0c1320; }
.atlas-played-card { display: grid; grid-template-columns: minmax(260px,.85fr) minmax(0,1.15fr); overflow: hidden; border: 1px solid #26364b; border-radius: 18px; background: #141f30; box-shadow: 0 12px 32px rgba(0,0,0,.2); }
.atlas-played-art { min-height: 360px; background: linear-gradient(0deg, rgba(5,10,18,.12), rgba(5,10,18,.02)), url('../images/minecraft-banner-v156.png') center / cover; }
.atlas-played-copy { align-self: center; padding: clamp(1.5rem,4vw,3.25rem); color: #dce5ef; }
.atlas-played-kicker { color: #8fc9ed; font-size: .78rem; font-weight: 800; letter-spacing: .12em; }
.atlas-played-copy h2 { margin: .65rem 0 .8rem; color: #fff; font-size: clamp(2rem,4vw,3rem); font-weight: 800; letter-spacing: -.03em; }
.atlas-played-copy > p { max-width: 620px; color: #aab8c9; line-height: 1.7; }
.atlas-played-details { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: .7rem; margin: 1.5rem 0; }
.atlas-played-details div { padding: .85rem; border: 1px solid #304158; border-radius: 12px; background: rgba(8,14,24,.35); }
.atlas-played-details dt { color: #9aa8bb; font-size: .75rem; }
.atlas-played-details dd { margin: .25rem 0 0; color: #f4f7fb; font-weight: 700; }
.atlas-played-link { display: inline-flex; align-items: center; padding: .8rem 1rem; border: 1px solid #3e617f; border-radius: 10px; background: #1b3045; color: #b8e2f7; font-weight: 700; text-decoration: none; }
.atlas-played-link:hover { background: #28669f; color: #fff; }
.atlas-played-note { margin: 1rem 0 0; color: #8493a7; font-size: .9rem; text-align: center; }
@media (max-width: 767.98px) { .atlas-played-card { grid-template-columns: 1fr; } .atlas-played-art { min-height: 230px; } .atlas-played-details { grid-template-columns: 1fr; } }
.atlas-live-server { margin: 1.4rem 0 1.2rem; padding: 1rem; border: 1px solid #304158; border-radius: 14px; background: rgba(8,14,24,.42); }
.atlas-live-server-topline { display: flex; flex-wrap: wrap; align-items: center; gap: .65rem; color: #f4f7fb; }
.atlas-live-indicator { width: .65rem; height: .65rem; border-radius: 50%; background: #758196; box-shadow: 0 0 0 4px rgba(117,129,150,.15); }
.atlas-live-indicator.is-online { background: #40d28b; box-shadow: 0 0 0 4px rgba(64,210,139,.14); }
.atlas-live-indicator.is-offline { background: #f07878; box-shadow: 0 0 0 4px rgba(240,120,120,.14); }
.atlas-live-players { margin-left: auto; color: #b9c8d9; font-size: .9rem; }
.atlas-live-server-details { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: .65rem; margin-top: .9rem; }
.atlas-live-server-details > div { display: grid; gap: .2rem; min-width: 0; padding: .7rem; border-radius: 10px; background: rgba(255,255,255,.035); }
.atlas-live-server-details span, .atlas-live-player-title { color: #91a2b7; font-size: .77rem; }
.atlas-live-server-details strong, .atlas-live-server-details code { overflow-wrap: anywhere; color: #eef4fa; font-size: .88rem; font-weight: 700; }
.atlas-live-server-details code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }
.atlas-live-player-list { display: grid; gap: .35rem; margin-top: .85rem; }
.atlas-live-player-list ul { display: flex; flex-wrap: wrap; gap: .4rem; margin: 0; padding: 0; list-style: none; }
.atlas-live-player-list li { padding: .3rem .55rem; border: 1px solid #304158; border-radius: 999px; color: #dce5ef; font-size: .82rem; }
.atlas-live-updated { margin: .7rem 0 0; color: #8191a5; font-size: .75rem; }
@media (max-width: 767.98px) { .atlas-live-server-details { grid-template-columns: 1fr; } .atlas-live-players { width: 100%; margin-left: 1.3rem; } }

/* v1.6.2: reduce the Atlas Minecraft feature card and leave room for sorted community games. */
.atlas-played-card { width: min(100%, 960px); margin-inline: auto; grid-template-columns: minmax(150px,.38fr) minmax(0,1fr); }
.atlas-played-art { min-height: 250px; }
.atlas-played-copy { padding: clamp(1.15rem,2.6vw,2rem); }
.atlas-played-copy h2 { font-size: clamp(1.65rem,3vw,2.35rem); }
.atlas-played-details { gap: .5rem; margin: 1rem 0; }
.atlas-played-details div { padding: .65rem; }
.atlas-live-server { margin: .9rem 0; padding: .8rem; }
.atlas-live-server-details { gap: .45rem; margin-top: .65rem; }
.atlas-live-server-details > div { padding: .55rem; }
.atlas-live-player-list { margin-top: .65rem; }
.atlas-ordered-games-section { background: #0a111c; }
.atlas-ordered-games-heading { margin: 0 auto 1.35rem; max-width: 960px; }
.atlas-ordered-games-heading h2 { margin: .45rem 0; color: #f5f8fc; font-size: clamp(1.4rem,2.4vw,1.9rem); font-weight: 800; }
.atlas-ordered-games-heading p { margin: 0; color: #99a9bc; }
.atlas-ordered-games-grid { display: grid; grid-template-columns: repeat(auto-fill,minmax(min(100%,260px),1fr)); gap: .8rem; max-width: 960px; margin: 0 auto; }
.atlas-ordered-game-card { display: flex; min-width: 0; align-items: center; gap: .8rem; padding: .85rem 1rem; border: 1px solid #26364b; border-radius: 13px; background: #141f30; color: #f4f7fb; text-decoration: none; transition: border-color .18s ease, transform .18s ease, background .18s ease; }
.atlas-ordered-game-card:hover { transform: translateY(-2px); border-color: #4e88b8; background: #19283b; color: #fff; }
.atlas-ordered-game-icon { display: grid; width: 2.5rem; height: 2.5rem; flex: 0 0 2.5rem; place-items: center; border-radius: 10px; background: #203b55; color: #a9d7f3; }
.atlas-ordered-game-copy { display: grid; min-width: 0; gap: .15rem; }
.atlas-ordered-game-copy strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.atlas-ordered-game-copy small { color: #95a5b8; }
.atlas-ordered-game-arrow { margin-left: auto; color: #8fc9ed; }
.atlas-ordered-games-empty { grid-column: 1 / -1; margin: 0; padding: 1rem; border: 1px dashed #31445b; border-radius: 12px; color: #9eafc3; text-align: center; }
@media (max-width: 767.98px) { .atlas-played-card { grid-template-columns: 1fr; } .atlas-played-art { min-height: 170px; } }


/* Compact public server list. */
.atlas-played-section { padding-block: 1.5rem !important; }
.atlas-played-card { width: min(100%, 820px); grid-template-columns: 180px minmax(0, 1fr); border-radius: 14px; }
.atlas-played-art { min-height: 0; }
.atlas-played-copy { padding: 1.15rem 1.3rem; }
.atlas-played-kicker { font-size: .66rem; letter-spacing: .1em; }
.atlas-played-copy h2 { margin: .35rem 0; font-size: 1.55rem; }
.atlas-played-copy > .atlas-server-subtitle { margin: 0 0 .65rem; font-size: .8rem; line-height: 1.4; }
.atlas-live-server { margin: .65rem 0; padding: .7rem; border-radius: 10px; }
.atlas-live-server-details { gap: .3rem; margin-top: .5rem; }
.atlas-live-server-details > div { padding: .4rem; }
.atlas-live-server-details span, .atlas-live-player-title { font-size: .69rem; }
.atlas-live-server-details strong, .atlas-live-server-details code { font-size: .76rem; }
.atlas-live-player-list { gap: .2rem; margin-top: .5rem; }
.atlas-live-player-list li { padding: .2rem .4rem; font-size: .73rem; }
.atlas-live-updated { margin-top: .45rem; font-size: .65rem; }
.atlas-played-link { padding: .5rem .7rem; font-size: .76rem; }
.atlas-played-note { margin-top: .6rem; font-size: .73rem; }
.atlas-ordered-games-section { padding-block: 1.5rem !important; }
.atlas-ordered-games-heading, .atlas-ordered-games-grid { max-width: 820px; }
.atlas-ordered-games-heading p { font-size: .85rem; }
@media (max-width: 575.98px) {
  .atlas-played-card { grid-template-columns: 1fr; }
  .atlas-played-art { min-height: 105px; max-height: 105px; }
  .atlas-played-copy { padding: 1rem; }
  .atlas-live-server-details { grid-template-columns: 1fr 1fr; }
  .atlas-live-server-details > div:first-child { grid-column: 1 / -1; }
  .atlas-live-players { width: auto; margin-left: auto; }
}
/* Full width, clickable server directory; no side column. */
.atlas-directory { background: #0b1320; padding: 1.5rem 0 3rem; min-height: 42vh; }
.atlas-directory-toolbar { display:flex; align-items:center; gap:1rem; margin-bottom:1rem; }
.atlas-directory-search { display:flex; gap:.8rem; align-items:center; background:#152133; border:1px solid #29394e; border-radius:8px; padding:.8rem 1rem; flex:1; color:#8fabc5; }
.atlas-directory-search input { width:100%; border:0; outline:0; background:transparent; color:#eff6fc; font-size:.94rem; }
.atlas-directory-search:focus-within { border-color:#72bcea; }
.atlas-directory-total { color:#94a8be; font-size:.85rem; white-space:nowrap; }
.atlas-directory-columns, .atlas-directory-row { display:grid; grid-template-columns:minmax(0,1fr) 130px 165px 100px 18px; align-items:center; gap:1rem; }
.atlas-directory-columns { padding:.5rem 1rem; color:#6e859e; font-size:.68rem; letter-spacing:.1em; }
.atlas-directory-list { display:grid; gap:.5rem; }
.atlas-directory-server { border:1px solid #233249; border-radius:8px; background:#142033; color:#eaf1f9; overflow:hidden; }
.atlas-directory-server[hidden] { display:none !important; }
.atlas-directory-server:hover { border-color:#456686; background:#18273c; }
.atlas-directory-server[open] { border-color:#477595; }
.atlas-directory-row { list-style:none; padding:.85rem 1rem; min-height:96px; cursor:pointer; }
.atlas-directory-row::-webkit-details-marker { display:none; }
.atlas-directory-row:focus-visible { outline:2px solid #85c9f3; outline-offset:-3px; }
.atlas-directory-identity { display:flex; min-width:0; align-items:center; gap:1rem; }
.atlas-directory-thumbnail { flex:0 0 64px; width:64px; height:64px; border-radius:8px; background:#223e57; display:grid; place-items:center; color:#a8d8f4; font-size:1.5rem; }
.atlas-directory-thumbnail--minecraft { background:url('../images/minecraft-banner-v156.png') center / cover; }
.atlas-directory-name { display:grid; gap:.25rem; min-width:0; }
.atlas-directory-name > strong { color:#fff; font-size:1rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.atlas-directory-name small { color:#95a8bd; font-size:.8rem; }
.atlas-directory-tags { display:flex; flex-wrap:wrap; gap:.3rem; }
.atlas-directory-tags > span { font-size:.62rem; color:#8fb2cb; background:#20324a; border-radius:3px; padding:.12rem .35rem; }
.atlas-directory-game { color:#95b6cd; font-size:.8rem; }
.atlas-directory-status { display:flex; align-items:center; gap:.6rem; font-size:.8rem; }
.atlas-directory-status--private { color:#8e9fb3; font-size:.72rem; }
.atlas-directory-players { display:flex; align-items:center; justify-content:flex-end; gap:.6rem; color:#c3d8ea; font-size:.86rem; }
.atlas-directory-chevron { color:#6986a2; font-size:.72rem; transition:transform .15s; }
.atlas-directory-server[open] .atlas-directory-chevron { transform:rotate(180deg); }
.atlas-directory-expanded { padding:1rem 1.2rem 1.2rem 6rem; border-top:1px solid #26364b; background:rgba(5,11,19,.24); }
.atlas-directory-facts { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1rem; }
.atlas-directory-facts > div { display:grid; gap:.3rem; min-width:0; }
.atlas-directory-facts span { color:#8298af; font-size:.7rem; }
.atlas-directory-facts strong, .atlas-directory-facts code { color:#e1effa; font-size:.83rem; overflow-wrap:anywhere; }
.atlas-directory-note { color:#7b91a8; font-size:.74rem; margin:1rem 0 0; }
.atlas-directory-empty { color:#9bafc4; padding:1.5rem; text-align:center; border:1px dashed #2d4158; border-radius:8px; }
@media (max-width:991.98px) { .atlas-directory-columns,.atlas-directory-row { grid-template-columns:minmax(0,1fr) 95px 125px 85px 14px; gap:.6rem; } .atlas-directory-expanded { padding-left:1rem; } }
@media (max-width:767.98px) { .atlas-directory-columns { display:none; } .atlas-directory-row { grid-template-columns:minmax(0,1fr) auto 14px; } .atlas-directory-game { display:none; } .atlas-directory-status { grid-column:1; grid-row:2; padding-left:64px; } .atlas-directory-players { grid-column:2; grid-row:1; } .atlas-directory-chevron { grid-column:3; grid-row:1; } .atlas-directory-thumbnail { width:52px; height:52px; flex-basis:52px; } .atlas-directory-identity { gap:.75rem; } .atlas-directory-name > strong { font-size:.9rem; } .atlas-directory-facts { grid-template-columns:1fr 1fr; } }
.atlas-directory > .container { max-width: none; width: 100%; padding-inline: clamp(1rem, 3vw, 3rem); }