:root {
    --dc-bg: #050911;
    --dc-surface: #0d1724;
    --dc-surface-2: #111f30;
    --dc-red: #168bff;
    --dc-cyan: #0de1e9;
    --dc-blue: #265dff;
    --dc-gray: #91a4b8;
    --dc-white: #f2f7fc;
    --dc-line: rgba(93, 164, 229, 0.16);
    --dc-gradient: linear-gradient(135deg, #0de1e9 0%, #168bff 52%, #265dff 100%);
}

html { scroll-behavior: smooth; }

* { box-sizing: border-box; }

img { max-width: 100%; }

body {
    min-height: 100vh;
    background: radial-gradient(circle at 80% -10%, rgba(22,139,255,.08), transparent 28%), var(--dc-bg);
    color: var(--dc-white);
    font-family: Inter, system-ui, sans-serif;
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
}

a, button, input, select, textarea { -webkit-tap-highlight-color: transparent; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
    outline: 2px solid var(--dc-red);
    outline-offset: 3px;
}

main { flex: 1; }

.site-header {
    backdrop-filter: blur(18px);
    background: rgba(5, 9, 17, 0.88);
    border-bottom: 1px solid var(--dc-line);
    position: relative;
    z-index: 50;
}

.brand {
    color: var(--dc-white);
    display: inline-flex;
    align-items: center;
    gap: .7rem;
    font-family: "Barlow Condensed", sans-serif;
    font-size: 1.35rem;
    font-weight: 700;
    letter-spacing: .06em;
    text-decoration: none;
}

.brand strong { color: var(--dc-cyan); }

.brand-logo { height: 2.25rem; object-fit: contain; width: 2.25rem; }
.site-header > nav { gap:1.8rem;min-height:72px; }
.main-nav { align-items: center; gap: 1.8rem; margin-left: auto; margin-right: 0; }
.main-nav a { align-items:center;color: #8296aa;display:inline-flex;font-size: .63rem; font-weight: 700; letter-spacing: .11em;min-height:40px;text-decoration: none;white-space:nowrap; }
.main-nav a:hover { color: var(--dc-cyan); }

.brand-mark {
    background: var(--dc-red);
    color: #fff;
    display: grid;
    height: 2.25rem;
    place-items: center;
    transform: skew(-7deg);
    width: 2.25rem;
}

.header-actions { align-items: center; display: flex; gap: 1.8rem; }
.header-actions form { align-items:center;display:flex;margin: 0; }
.header-link { align-items:center;color: var(--dc-gray); display:inline-flex;font-size: .63rem; font-weight: 700; letter-spacing: .11em;min-height:40px;text-decoration: none;white-space:nowrap; }
.header-link:hover { color: var(--dc-white); }
.header-button { background: none; border: 0; font-family:inherit;line-height:1;padding: 0; }
.header-store-link { display:inline-flex; }

@media (max-width:1199.98px) {
    .main-nav { display:none!important; }
}

@media (max-width:575.98px) {
    .header-store-link { display:none; }
}

.auth-options { align-items:center;display:flex;gap:1rem;justify-content:space-between;margin:.2rem 0 1rem; }
.auth-options > a { color:var(--dc-cyan);font-size:.56rem;font-weight:700;letter-spacing:.08em;text-decoration:none; }
.auth-remember { align-items:center;color:#91a4b8;display:flex;font-size:.66rem;gap:.55rem; }
.auth-remember input { accent-color:var(--dc-red);height:16px;width:16px; }
.turnstile-wrap { margin:1rem 0;min-height:65px;overflow:hidden; }
.resend-confirmation { border-top:1px solid var(--dc-line);margin-top:1.3rem;padding-top:1rem; }
.resend-confirmation summary { color:#8296aa;cursor:pointer;font-size:.58rem;font-weight:700;letter-spacing:.1em;list-style:none;text-align:center; }
.resend-confirmation form { margin-top:1rem; }
.security-link-expired { background:#0d1724;border-left:3px solid #f87171;padding:1.5rem; }
.security-link-expired strong { color:#f87171;font-size:.68rem;letter-spacing:.12em; }
.security-link-expired p { color:#91a4b8;margin:.7rem 0 1.2rem; }

.hero {
    border-bottom: 1px solid var(--dc-line);
    min-height: 68vh;
    padding: clamp(5rem, 12vw, 9rem) 0 4rem;
    position: relative;
    overflow: hidden;
}

.hero::after {
    content: "";
    position: absolute;
    right: -12rem;
    top: 4rem;
    width: 34rem;
    height: 34rem;
    border: 1px solid rgba(22, 139, 255, .16);
    transform: rotate(18deg);
    pointer-events: none;
}

.eyebrow {
    color: var(--dc-red);
    font-size: .76rem;
    font-weight: 700;
    letter-spacing: .2em;
    margin-bottom: 1rem;
}

h1, h2, h3 {
    font-family: "Barlow Condensed", sans-serif;
    font-weight: 700;
    text-transform: uppercase;
}

h1 {
    font-size: clamp(3.35rem, 8vw, 6.8rem);
    line-height: .86;
    letter-spacing: -.025em;
    margin-bottom: 2rem;
    max-width: 900px;
}

h1 span { color: var(--dc-red); }

.hero-copy {
    color: var(--dc-gray);
    font-size: clamp(1rem, 2vw, 1.15rem);
    line-height: 1.75;
    margin-bottom: 2rem;
    max-width: 680px;
}

.hero-brand-art { position: relative; z-index: 1; }
.hero-brand-art::before { background: var(--dc-red); bottom: 8%; content: ""; height: 2px; left: -8%; position: absolute; width: 30%; z-index: 2; }
.hero-brand-art img { display: block; filter: contrast(1.08); height: auto; mix-blend-mode: screen; width: 100%; }

.btn {
    border-radius: 0;
    font-size: .8rem;
    font-weight: 700;
    letter-spacing: .08em;
    padding: .9rem 1.4rem;
}

.btn-primary { background: var(--dc-gradient); border-color: transparent; box-shadow: 0 12px 30px rgba(22,139,255,.18); color: #fff; }
.btn-primary:hover { background: linear-gradient(135deg, #20f1f1, #247fff 58%, #3158ff); border-color: transparent; box-shadow: 0 16px 38px rgba(22,139,255,.28); color: #fff; transform: translateY(-1px); }
.btn-outline-light { border-color: var(--dc-line); color: var(--dc-white); }
.btn-outline-light:hover { background: var(--dc-white); color: var(--dc-bg); }

.field-note {
    border-left: 2px solid var(--dc-red);
    padding: 1rem 0 1rem 1.4rem;
    position: relative;
    z-index: 1;
}

.field-note-number { color: var(--dc-red); font-family: "Barlow Condensed"; font-size: 1rem; }
.field-note p { color: var(--dc-gray); font-size: .75rem; letter-spacing: .1em; margin: .5rem 0; text-transform: uppercase; }
.field-note strong { font-family: "Barlow Condensed"; font-size: 1.5rem; text-transform: uppercase; }

.foundation { background: #111; padding: 5rem 0; }
.section-heading { margin-bottom: 2.5rem; }
.section-heading h2 { font-size: clamp(2.2rem, 5vw, 3.5rem); }

.feature {
    border-top: 1px solid var(--dc-line);
    min-height: 180px;
    padding-top: 1.4rem;
}

.feature > span { color: var(--dc-red); font-family: "Barlow Condensed"; font-weight: 700; }
.feature h3 { font-size: 1.5rem; margin: 1rem 0 .65rem; }
.feature p { color: var(--dc-gray); line-height: 1.65; margin: 0; }

.site-footer { background: #04070d; border-top: 1px solid var(--dc-line); color: var(--dc-gray); font-size: .75rem; }
.premium-footer { align-items: center; display: grid; gap: 2rem; grid-template-columns: 1fr auto auto; padding-bottom: 2rem; padding-top: 2rem; }
.footer-brand { align-items: center; display: flex; gap: .8rem; }
.footer-brand img { height: 34px; width: 34px; }
.footer-brand div { display: grid; }
.footer-brand strong { color: var(--dc-white); font-family: "Barlow Condensed"; font-size: 1.1rem; letter-spacing: .05em; }
.footer-brand span { font-size: .5rem; letter-spacing: .12em; }
.footer-links { display: flex; gap: 1.2rem; }
.footer-links a { color: var(--dc-gray); font-size: .58rem; font-weight: 700; letter-spacing: .1em; text-decoration: none; }
.footer-links a:hover { color: var(--dc-cyan); }
.legal-consent-copy { color: var(--dc-gray); font-size: .68rem; line-height: 1.6; margin: 1.2rem 0 0; }
.legal-consent-copy a { color: var(--dc-cyan); }

.legal-page { background: radial-gradient(circle at 82% 7%, rgba(22,139,255,.12), transparent 29%), #050911; min-height: 78vh; overflow: hidden; padding: clamp(3.5rem, 8vw, 7rem) 0; }
.legal-hero { align-items: end; border-bottom: 1px solid #1b2c3f; display: grid; gap: 3rem; grid-template-columns: minmax(0, 1.35fr) minmax(280px, .65fr); margin-bottom: 3rem; padding-bottom: 3rem; }
.legal-hero > div { min-width: 0; }
.legal-hero h1 { font-size: clamp(4rem, 9vw, 7.7rem); letter-spacing: -.035em; line-height: .78; margin: 1rem 0 0; text-transform: uppercase; }
.legal-hero > div:last-child { border-left: 2px solid var(--dc-red); display: grid; padding-left: 1.4rem; }
.legal-hero > div:last-child strong { color: var(--dc-red); font-size: .65rem; letter-spacing: .15em; }
.legal-hero > div:last-child span { color: var(--dc-white); font-family: "Barlow Condensed"; font-size: 1.35rem; margin-top: .45rem; text-transform: uppercase; }
.legal-hero > div:last-child p { color: #8ea2b7; font-size: .8rem; line-height: 1.7; margin: 1rem 0 0; max-width: 430px; }
.legal-layout { align-items: start; display: grid; gap: clamp(2rem, 5vw, 5rem); grid-template-columns: 235px minmax(0, 1fr); }
.legal-sidebar { position: sticky; top: 1.5rem; }
.legal-sidebar > span { color: #62778e; font-size: .58rem; font-weight: 700; letter-spacing: .16em; }
.legal-sidebar nav { border-top: 2px solid var(--dc-red); display: grid; margin-top: .8rem; }
.legal-sidebar nav a { border-bottom: 1px solid #172536; color: #8295a9; font-size: .67rem; font-weight: 700; letter-spacing: .06em; padding: 1rem .8rem; text-decoration: none; text-transform: uppercase; }
.legal-sidebar nav a:hover, .legal-sidebar nav a.active { background: linear-gradient(90deg, rgba(22,139,255,.14), transparent); color: var(--dc-white); }
.legal-support-card { background: #0d1724; border: 1px solid #1d344b; display: grid; margin-top: 1.4rem; padding: 1.1rem; }
.legal-support-card small { color: var(--dc-cyan); font-size: .52rem; font-weight: 700; letter-spacing: .14em; }
.legal-support-card strong { font-family: "Barlow Condensed"; font-size: 1.15rem; margin-top: .5rem; text-transform: uppercase; }
.legal-support-card p { color: #7e92a7; font-size: .64rem; line-height: 1.55; margin: .65rem 0; }
.legal-support-card a { color: var(--dc-white); font-size: .58rem; font-weight: 700; letter-spacing: .08em; text-decoration: none; }
.legal-document { min-width: 0; }
.legal-summary { background: linear-gradient(135deg, #0e1d2d, #0a111b); border-left: 3px solid var(--dc-cyan); margin-bottom: 1px; padding: 1.6rem 1.8rem; }
.legal-summary strong { color: var(--dc-cyan); font-size: .58rem; letter-spacing: .15em; }
.legal-summary p { color: #adc0d2; line-height: 1.7; margin: .7rem 0 0; }
.legal-document > section:not(.legal-identity) { background: rgba(13,23,36,.82); border-bottom: 1px solid #17283a; display: grid; gap: 1.5rem; grid-template-columns: 38px minmax(0, 1fr); padding: clamp(1.5rem, 4vw, 2.4rem); }
.legal-document > section > span { color: var(--dc-red); font-family: "Barlow Condensed"; font-size: 1rem; font-weight: 700; }
.legal-document h2 { font-size: clamp(1.65rem, 3vw, 2.25rem); margin: 0 0 1rem; text-transform: uppercase; }
.legal-document h3 { color: #d9e7f4; font-size: .74rem; letter-spacing: .08em; margin: 1.4rem 0 .45rem; text-transform: uppercase; }
.legal-document p, .legal-document li { color: #9bafc3; font-size: .84rem; line-height: 1.8; overflow-wrap: anywhere; }
.legal-document p:last-child { margin-bottom: 0; }
.legal-document ul, .legal-document ol { display: grid; gap: .55rem; margin: .8rem 0 0; padding-left: 1.15rem; }
.legal-document li::marker { color: var(--dc-red); font-weight: 700; }
.legal-discord-button { margin-top: 1.2rem; }
.legal-identity { background: #101d2b; border: 1px solid #24415e; margin-top: 2rem; padding: clamp(1.6rem, 4vw, 2.5rem); }
.legal-identity > span { color: var(--dc-cyan); font-size: .58rem; font-weight: 700; letter-spacing: .16em; }
.legal-identity h2 { font-size: 2.4rem; margin: .5rem 0 1.5rem; }
.legal-identity dl { display: grid; gap: 1px; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0; }
.legal-identity dl > div { background: rgba(5,9,17,.48); display: grid; padding: 1rem; }
.legal-identity dt { color: #6f859a; font-size: .55rem; letter-spacing: .1em; text-transform: uppercase; }
.legal-identity dd { color: #e3eef8; font-size: .76rem; margin: .35rem 0 0; overflow-wrap: anywhere; }
.legal-identity a { color: var(--dc-cyan); }

@media (max-width: 991.98px) {
    .legal-hero { align-items: start; grid-template-columns: 1fr; }
    .legal-layout { grid-template-columns: 1fr; }
    .legal-sidebar { position: static; }
    .legal-sidebar nav { grid-template-columns: repeat(3, 1fr); }
    .legal-sidebar nav a { text-align: center; }
    .legal-support-card { display: none; }
}

/* Página comercial DayzBox */
.premium-hero { border-bottom: 1px solid var(--dc-line); min-height: 780px; overflow: hidden; padding: clamp(5rem,9vw,8rem) 0 5rem; position: relative; }
.premium-hero::before { background-image: linear-gradient(rgba(63,134,200,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(63,134,200,.055) 1px,transparent 1px); background-size: 54px 54px; content: ""; inset: 0; mask-image: linear-gradient(to right,#000,transparent 78%); pointer-events: none; position: absolute; }
.premium-hero-glow { background: radial-gradient(circle,rgba(13,225,233,.15),rgba(22,139,255,.09) 28%,transparent 68%); filter: blur(10px); height: 650px; position: absolute; right: -120px; top: -100px; width: 760px; }
.premium-hero-grid { align-items: center; display: grid; gap: clamp(3rem,6vw,6rem); grid-template-columns: minmax(0,.9fr) minmax(480px,1.1fr); position: relative; z-index: 1; }
.product-pill { align-items: center; border: 1px solid rgba(13,225,233,.22); color: #9db3c8; display: inline-flex; font-size: .6rem; font-weight: 700; gap: .65rem; letter-spacing: .14em; padding: .55rem .75rem; }
.product-pill span { background: var(--dc-cyan); border-radius: 50%; box-shadow: 0 0 16px var(--dc-cyan); height: 6px; width: 6px; }
.premium-hero h1 { font-size: clamp(4.1rem,7.2vw,7rem); line-height: .84; margin: 1.6rem 0 1.8rem; max-width: 790px; text-transform: uppercase; }
.premium-hero h1 em { background: var(--dc-gradient); -webkit-background-clip: text; background-clip: text; color: transparent; font-style: normal; }
.premium-hero-copy > p { color: #9babbc; font-size: clamp(1rem,1.4vw,1.14rem); line-height: 1.75; max-width: 690px; }
.premium-hero-actions { align-items: center; display: flex; flex-wrap: wrap; gap: 1.7rem; margin-top: 2rem; }
.premium-hero-actions .btn span, .closing-cta .btn span { font-size: 1.1rem; margin-left: .7rem; }
.watch-link { align-items: center; color: var(--dc-white); display: flex; gap: .8rem; text-decoration: none; }
.watch-link > i { align-items: center; border: 1px solid rgba(13,225,233,.35); border-radius: 50%; color: var(--dc-cyan); display: flex; font-size: .65rem; font-style: normal; height: 44px; justify-content: center; width: 44px; }
.watch-link > span { display: grid; }
.watch-link strong { font-size: .65rem; letter-spacing: .08em; }
.watch-link small { color: #76899c; font-size: .58rem; margin-top: .2rem; }
.hero-proof { border-top: 1px solid var(--dc-line); display: flex; gap: clamp(1.5rem,4vw,3.5rem); margin-top: 3rem; padding-top: 1.4rem; }
.hero-proof div { display: grid; }
.hero-proof strong { color: var(--dc-cyan); font-family: "Barlow Condensed"; font-size: 1.1rem; letter-spacing: .04em; }
.hero-proof span { color: #778a9e; font-size: .6rem; }
.product-visual { min-height: 590px; position: relative; }
.hero-new-logo { filter: drop-shadow(0 0 45px rgba(13,225,233,.15)); opacity: .13; position: absolute; right: -14%; top: -8%; width: 74%; }
.visual-orbit { border: 1px solid rgba(13,225,233,.11); border-radius: 50%; position: absolute; }
.orbit-one { height: 470px; right: -80px; top: 50px; width: 470px; }
.orbit-two { height: 300px; right: 5px; top: 135px; width: 300px; }
.dashboard-window { background: #09111b; border: 1px solid rgba(117,188,255,.24); box-shadow: 0 40px 100px rgba(0,0,0,.55),0 0 70px rgba(22,139,255,.08); left: 0; overflow: hidden; position: absolute; top: 90px; transform: perspective(1200px) rotateY(-5deg) rotateX(2deg); width: 94%; }
.dashboard-window-top { align-items: center; background: #101c2a; border-bottom: 1px solid var(--dc-line); color: #647a8f; display: flex; font-size: .53rem; justify-content: space-between; letter-spacing: .1em; min-height: 54px; padding: 0 1.1rem; }
.dashboard-window-top > i { background: #4ade80; border-radius: 50%; box-shadow: 0 0 10px #4ade80; height: 7px; width: 7px; }
.mini-brand { align-items: center; color: var(--dc-white); display: flex; font-size: .65rem; font-weight: 700; gap: .5rem; }
.mini-brand img { height: 22px; width: 22px; }
.dashboard-window-body { display: grid; grid-template-columns: 72px 1fr; min-height: 370px; }
.dashboard-window-body > aside { background: #070e16; border-right: 1px solid var(--dc-line); display: grid; gap: 1.25rem; padding: 1.5rem 1rem; place-content: start center; }
.dashboard-window-body > aside b { background: #25374a; height: 7px; width: 30px; }
.dashboard-window-body > aside b:first-child { background: var(--dc-cyan); }
.dash-preview-content { padding: 2rem; }
.dash-preview-content > small { color: var(--dc-cyan); font-size: .5rem; letter-spacing: .16em; }
.dash-preview-content h3 { font-size: 2.6rem; margin: .55rem 0 1.4rem; }
.dash-preview-stats { display: grid; gap: 1px; grid-template-columns: repeat(3,1fr); }
.dash-preview-stats article { background: #101b28; display: grid; padding: 1rem; }
.dash-preview-stats span { color: #6e8295; font-size: .46rem; letter-spacing: .1em; }
.dash-preview-stats strong { font: 700 1.5rem "Barlow Condensed"; margin: .3rem 0; }
.dash-preview-stats i { background: linear-gradient(90deg,var(--dc-cyan),var(--dc-blue)); height: 2px; width: 55%; }
.fake-chart { align-items: end; border-bottom: 1px solid #24374a; display: flex; gap: 8%; height: 125px; margin-top: 1.4rem; padding: 0 1rem; }
.fake-chart span { background: linear-gradient(0deg,rgba(22,139,255,.16),var(--dc-cyan)); display: block; height: 38%; opacity: .8; width: 5%; }
.fake-chart span:nth-child(2) { height: 58%; }.fake-chart span:nth-child(3) { height: 47%; }.fake-chart span:nth-child(4) { height: 73%; }.fake-chart span:nth-child(5) { height: 65%; }.fake-chart span:nth-child(6) { height: 88%; }.fake-chart span:nth-child(7) { height: 77%; }.fake-chart span:nth-child(8) { height: 96%; }
.floating-event { align-items: center; backdrop-filter: blur(15px); background: rgba(12,25,38,.94); border: 1px solid rgba(105,181,252,.22); box-shadow: 0 18px 40px rgba(0,0,0,.38); display: flex; gap: .8rem; padding: .85rem 1rem; position: absolute; }
.floating-event > i { align-items: center; background: rgba(13,225,233,.12); color: var(--dc-cyan); display: flex; font-size: .68rem; font-style: normal; font-weight: 700; height: 32px; justify-content: center; width: 32px; }
.floating-event div { display: grid; }.floating-event span { color: #6f8397; font-size: .45rem; letter-spacing: .1em; }.floating-event strong { font-size: .65rem; margin-top: .2rem; }
.event-payment { right: -20px; top: 35px; }.event-delivery { bottom: 40px; left: -35px; }
.capability-strip { background: #07101a; border-bottom: 1px solid var(--dc-line); padding: 1.35rem 0; }
.capability-strip .container { align-items: center; display: flex; gap: 2rem; justify-content: space-between; }
.capability-strip span { color: #5f7489; font-size: .52rem; letter-spacing: .13em; }
.capability-strip div div { display: flex; flex-wrap: wrap; gap: 1.8rem; }
.capability-strip b { color: #91a5b9; font-size: .55rem; letter-spacing: .11em; }
.sales-problem,.feature-matrix,.pricing-section,.faq-section { padding: clamp(5rem,9vw,8rem) 0; }
.sales-section-heading { display: grid; grid-template-columns: minmax(0,1fr) minmax(260px,.45fr); margin-bottom: 3rem; }
.sales-section-heading .eyebrow { grid-column: 1 / -1; }
.sales-section-heading h2,.workflow-copy h2,.matrix-heading h2,.bridge-showcase h2,.pricing-heading h2,.faq-section h2,.closing-cta h2 { font-size: clamp(3rem,6vw,5.3rem); line-height: .88; margin: .8rem 0; }
.sales-section-heading > p:last-child,.matrix-heading > p,.pricing-heading > p,.faq-grid > div:first-child > p:last-child { align-self: end; color: #8ca0b4; line-height: 1.7; }
.value-grid { display: grid; gap: 1px; grid-template-columns: repeat(3,1fr); }
.value-card { background: #0b1420; border: 1px solid rgba(83,151,215,.13); min-height: 420px; padding: 2rem; position: relative; }
.featured-value { background: radial-gradient(circle at 80% 0,rgba(13,225,233,.08),transparent 35%),#0d1825; border-top-color: var(--dc-cyan); }
.value-card > span,.matrix-grid article > span { color: var(--dc-cyan); font-size: .54rem; font-weight: 700; letter-spacing: .14em; }
.value-icon { align-items: center; border: 1px solid rgba(13,225,233,.2); color: var(--dc-cyan); display: flex; font-size: 1.4rem; height: 50px; justify-content: center; margin: 2.3rem 0; width: 50px; }
.value-card h3 { font-size: 1.75rem; }.value-card > p,.matrix-grid p { color: #8da0b3; font-size: .8rem; line-height: 1.75; }
.value-card ul,.home-plans-grid ul { border-top: 1px solid var(--dc-line); list-style: none; margin: 1.6rem 0 0; padding: 1.2rem 0 0; }
.value-card li,.home-plans-grid li { color: #a7b6c5; font-size: .7rem; margin: .65rem 0; padding-left: 1rem; position: relative; }
.value-card li::before,.home-plans-grid li::before { background: var(--dc-cyan); content: ""; height: 1px; left: 0; position: absolute; top: .55em; width: 6px; }
.workflow-section { background: linear-gradient(115deg,#07111c,#0a1622 55%,#07101a); border-bottom: 1px solid var(--dc-line); border-top: 1px solid var(--dc-line); padding: clamp(5rem,9vw,8rem) 0; }
.workflow-grid { align-items: start; display: grid; gap: clamp(4rem,9vw,9rem); grid-template-columns: minmax(0,.8fr) minmax(440px,1.2fr); }
.workflow-copy { position: sticky; top: 2rem; }.workflow-copy > p:not(.eyebrow),.bridge-showcase-grid > div:last-child > p:not(.eyebrow) { color: #8fa2b5; line-height: 1.75; max-width: 520px; }
.text-arrow-link { color: var(--dc-cyan); display: inline-block; font-size: .65rem; font-weight: 700; letter-spacing: .12em; margin-top: 1.4rem; text-decoration: none; }.text-arrow-link span { margin-left: .5rem; }
.workflow-steps { border-left: 1px solid rgba(13,225,233,.2); display: grid; }
.workflow-steps article { display: grid; gap: 1.5rem; grid-template-columns: 70px 1fr; padding: 0 0 3.5rem 2.2rem; position: relative; }
.workflow-steps article::before { background: var(--dc-cyan); border: 5px solid #0a1622; border-radius: 50%; box-shadow: 0 0 0 1px rgba(13,225,233,.3); content: ""; height: 15px; left: -8px; position: absolute; top: 0; width: 15px; }
.workflow-steps article > span { color: #31506c; font: 700 2.5rem "Barlow Condensed"; }.workflow-steps small { color: var(--dc-cyan); font-size: .54rem; letter-spacing: .14em; }.workflow-steps h3 { font-size: 1.8rem; margin: .5rem 0; }.workflow-steps p { color: #8ca0b3; font-size: .8rem; line-height: 1.7; }.workflow-steps code { color: var(--dc-cyan); }
.matrix-heading { align-items: end; display: grid; gap: 4rem; grid-template-columns: 1fr .4fr; margin-bottom: 3rem; }.matrix-heading h2 { margin-bottom: 0; }
.matrix-grid { border-left: 1px solid var(--dc-line); border-top: 1px solid var(--dc-line); display: grid; grid-template-columns: repeat(3,1fr); }
.matrix-grid article { border-bottom: 1px solid var(--dc-line); border-right: 1px solid var(--dc-line); min-height: 245px; padding: 2rem; }.matrix-grid h3 { font-size: 1.5rem; margin: 2rem 0 .7rem; }
.bridge-showcase { background: radial-gradient(circle at 20% 50%,rgba(22,139,255,.12),transparent 35%),#07101a; padding: clamp(5rem,9vw,8rem) 0; }.bridge-showcase-grid { align-items: center; display: grid; gap: clamp(4rem,8vw,8rem); grid-template-columns: 1fr 1fr; }
.bridge-app-mock { background: #0a121c; border: 1px solid rgba(100,174,241,.22); box-shadow: 0 35px 80px rgba(0,0,0,.45); }.bridge-app-top { align-items: center; background: #101c29; display: flex; gap: .6rem; min-height: 58px; padding: 0 1.2rem; }.bridge-app-top img { height: 25px;width:25px; }.bridge-app-top span { font-size: .62rem;font-weight:700;letter-spacing:.1em; }.bridge-app-top i { color:#4ade80;font-size:.65rem;margin-left:auto; }.bridge-app-body { min-height: 350px;padding:2rem; }.bridge-app-body > span { color:#6d8295;font-size:.5rem;letter-spacing:.15em; }.bridge-app-body > strong { color:#4ade80;display:block;font:700 2.8rem "Barlow Condensed";margin-top:.6rem;text-transform:uppercase; }.bridge-app-body > small { color:#4ade80;font-size:.5rem;letter-spacing:.12em; }.bridge-log { background:#070d14;border-left:2px solid var(--dc-cyan);margin-top:2rem;padding:1rem; }.bridge-log p { color:#95a7b8;font: .67rem Consolas,monospace;margin:.55rem 0; }.bridge-log b { color:#50667a;font-weight:400; }
.showcase-checks { display:grid;gap:.75rem;grid-template-columns:1fr 1fr;margin-top:1.8rem; }.showcase-checks span { color:#b0bfcd;font-size:.72rem; }.showcase-checks span::first-letter { color:var(--dc-cyan); }
.pricing-heading { margin-bottom:3rem;max-width:900px; }.pricing-heading > p:last-child { color:#8fa2b5;line-height:1.7;max-width:600px; }
.home-plans-grid { align-items:stretch;display:grid;gap:1px;grid-template-columns:repeat(3,1fr); }.home-plans-grid article { background:#0b1420;border:1px solid var(--dc-line);display:flex;flex-direction:column;min-height:550px;padding:2rem;position:relative; }.home-plans-grid article > small { color:#63798e;font-size:.52rem;letter-spacing:.14em; }.home-plans-grid h3 { font-size:2.1rem;margin:1.7rem 0 .8rem; }.home-plans-grid article > p { color:#8297aa;font-size:.75rem; }.home-price { align-items:baseline;display:flex;gap:.35rem;min-height:78px; }.home-price strong { color:var(--dc-white);font:700 3.2rem "Barlow Condensed"; }.home-price sup { color:var(--dc-cyan);font-size:.65rem; }.home-price span { color:#71869a;font-size:.65rem; }.home-plans-grid ul { flex:1; }.home-plans-grid .btn { margin-top:1.5rem; }.recommended-plan { background:linear-gradient(180deg,rgba(22,139,255,.11),#0d1724)!important;border-color:rgba(13,225,233,.4)!important;transform:translateY(-12px); }.recommended-label { background:var(--dc-gradient);color:#fff;font-size:.5rem;font-weight:700;letter-spacing:.1em;padding:.55rem .8rem;position:absolute;right:1.2rem;top:0;transform:translateY(-50%); }
.faq-section { background:#07101a;border-top:1px solid var(--dc-line); }.faq-grid { align-items:start;display:grid;gap:clamp(4rem,8vw,8rem);grid-template-columns:.75fr 1.25fr; }.faq-list { border-top:1px solid var(--dc-line); }.faq-list details { border-bottom:1px solid var(--dc-line);padding:1.4rem 0; }.faq-list summary { color:var(--dc-white);cursor:pointer;font-family:"Barlow Condensed";font-size:1.25rem;font-weight:700;list-style:none;text-transform:uppercase; }.faq-list summary::after { color:var(--dc-cyan);content:"+";float:right; }.faq-list details[open] summary::after { content:"−"; }.faq-list p { color:#8da0b3;font-size:.78rem;line-height:1.75;margin:1rem 2rem 0 0; }
.closing-cta { overflow:hidden;padding:clamp(6rem,11vw,10rem) 0;position:relative;text-align:center; }.closing-cta::before { background:radial-gradient(circle,rgba(13,225,233,.12),transparent 62%);content:"";height:600px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:800px; }.closing-cta .container { position:relative;z-index:1; }.closing-cta img { left:50%;opacity:.055;position:absolute;top:50%;transform:translate(-50%,-50%);width:min(520px,70vw); }.closing-cta h2 { margin:1rem auto; }.closing-cta > .container > p:not(.eyebrow) { color:#8fa2b5;margin:0 auto 2rem; }

.alert { border: 0; border-left: 3px solid; border-radius: 0; font-size: .9rem; }
.alert-success { background: #17231b; border-color: #4a9b61; color: #b9ddc3; }
.alert-danger { background: #291719; border-color: var(--dc-red); color: #f1b9bd; }

.auth-section { min-height: 75vh; padding: clamp(3rem, 8vw, 6rem) 0; }
.auth-shell { display: grid; grid-template-columns: minmax(0, 1fr) minmax(360px, 520px); gap: clamp(3rem, 8vw, 8rem); align-items: center; }
.auth-intro h1, .account-heading h1 { font-size: clamp(3.3rem, 7vw, 6rem); line-height: .88; margin-bottom: 1.5rem; }
.auth-intro > p:last-child, .account-heading > p:last-child { color: var(--dc-gray); line-height: 1.7; max-width: 550px; }
.auth-panel { background: var(--dc-surface); border-top: 3px solid var(--dc-red); padding: clamp(1.5rem, 5vw, 2.5rem); }
.auth-panel-heading { border-bottom: 1px solid var(--dc-line); margin-bottom: 1.75rem; padding-bottom: 1.25rem; }
.auth-panel-heading span, .account-card > span, .next-step-card > span { color: var(--dc-red); font-size: .7rem; font-weight: 700; letter-spacing: .16em; }
.auth-panel-heading h2 { font-size: 2rem; margin: .45rem 0 0; }
.form-label { color: var(--dc-gray); font-size: .72rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.form-control { background: #151515; border: 1px solid var(--dc-line); border-radius: 0; color: var(--dc-white); min-height: 48px; }
.form-control:focus { background: #151515; border-color: var(--dc-red); box-shadow: none; color: var(--dc-white); }
.auth-switch { color: var(--dc-gray); font-size: .85rem; margin: 1.3rem 0 0; text-align: center; }
.auth-switch a { color: var(--dc-white); }

.account-section { min-height: 75vh; padding: clamp(4rem, 9vw, 7rem) 0; }
.account-heading { border-bottom: 1px solid var(--dc-line); margin-bottom: 2rem; padding-bottom: 2rem; }
.account-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; }
.account-card, .next-step-card { background: var(--dc-surface); border-top: 2px solid var(--dc-red); padding: 2rem; }
.account-card dl { margin: 1.5rem 0 0; }
.account-card dl > div { border-top: 1px solid var(--dc-line); display: grid; gap: 1rem; grid-template-columns: 100px 1fr; padding: 1rem 0; }
.account-card dt { color: var(--dc-gray); font-size: .75rem; text-transform: uppercase; }
.account-card dd { margin: 0; overflow-wrap: anywhere; }
.account-verification { color:#fbbf24; }
.account-verification.is-verified { color:#4ade80; }
.next-step-card h2 { font-size: 2.2rem; margin: 1.3rem 0 .7rem; }
.next-step-card p { color: var(--dc-gray); line-height: 1.65; }
.account-store-url { background: #171717; border-left: 2px solid var(--dc-red); display: grid; margin: 1.2rem 0; padding: .9rem 1rem; }
.account-store-url span { color: var(--dc-gray); font-size: .58rem; font-weight: 700; letter-spacing: .12em; }
.account-store-url code { color: var(--dc-white); font-size: .72rem; margin-top: .35rem; overflow-wrap: anywhere; }
.account-store-actions { align-items: center; display: flex; flex-wrap: wrap; gap: .7rem; }
.account-security-grid { display: grid; gap: 1px; grid-template-columns: minmax(280px, .75fr) minmax(0, 1.25fr); margin-top: 1.5rem; }
.discord-link-card { align-items:center;background:linear-gradient(115deg,rgba(88,101,242,.14),rgba(13,23,36,.96));border:1px solid rgba(88,101,242,.38);border-top:3px solid #5865f2;display:grid;gap:2rem;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);margin-top:1.5rem;padding:2rem; }
.discord-link-card.is-linked { grid-template-columns:minmax(0,1fr) auto; }
.discord-link-copy > span,.discord-linked-profile span { color:#8f9aff;font-size:.65rem;font-weight:800;letter-spacing:.15em; }
.discord-link-copy h2 { font-size:2rem;margin:.35rem 0 .65rem; }
.discord-link-copy p { color:#b5c3d1;line-height:1.65;margin:0 0 .6rem; }
.discord-link-copy small,.discord-connect-action small,.discord-linked-profile small { color:#71869a;display:block;font-size:.68rem;line-height:1.55; }
.btn-discord { background:#5865f2;border-color:#5865f2;color:#fff; }
.btn-discord:hover { background:#6d78f5;border-color:#6d78f5;color:#fff; }
.discord-connect-action { align-items:stretch;display:flex;flex-direction:column;gap:.7rem;text-align:center; }
.discord-linked-profile { align-items:center;display:grid;gap:1rem;grid-template-columns:58px minmax(170px,1fr); }
.discord-linked-profile img,.discord-avatar-fallback { background:#1e2940;border:2px solid #5865f2;border-radius:50%;height:58px;object-fit:cover;width:58px; }
.discord-avatar-fallback { align-items:center;color:#fff;display:flex;font-weight:800;justify-content:center; }
.discord-linked-profile strong { display:block;font-size:1.15rem;margin:.15rem 0; }
.discord-link-actions { display:flex;gap:.6rem;grid-column:1 / -1;justify-content:flex-end; }
.discord-link-actions form { margin:0; }
.discord-sync-error { background:rgba(239,68,68,.1);border-left:2px solid #ef4444;color:#fca5a5;font-size:.72rem;grid-column:1 / -1;margin:0;padding:.75rem 1rem; }
.account-settings-card { background: var(--dc-surface); border-top: 2px solid var(--dc-line); padding: 2rem; }
.account-settings-card:last-child { border-top-color: var(--dc-red); }
.account-settings-card > span { color: var(--dc-red); font-size: .62rem; font-weight: 700; letter-spacing: .14em; }
.account-settings-card h2 { font-size: 1.8rem; margin: .45rem 0 1.4rem; }
.account-settings-card > .btn { margin-top: 1.25rem; }
.profile-settings-card { grid-column: 1 / -1; }

.store-form-section, .panel-section { min-height: 80vh; padding: clamp(3.5rem, 8vw, 6rem) 0; }
.panel-shell { align-items: start; display: grid; gap: clamp(2rem, 5vw, 4rem); grid-template-columns: 210px minmax(0, 1fr); }
.panel-sidebar { border-top: 2px solid var(--dc-red); position: sticky; top: 1.5rem; }
.panel-store-id { border-bottom: 1px solid var(--dc-line); display: grid; padding: 1.25rem 0; }
.panel-store-id span, .panel-nav-label { color: #666b73; font-size: .62rem; font-weight: 700; letter-spacing: .15em; }
.panel-store-id strong { font-family: "Barlow Condensed"; font-size: 1.15rem; margin-top: .3rem; text-transform: uppercase; }
.panel-sidebar nav { display: grid; }
.panel-nav-label { margin: 1.5rem 0 .55rem; }
.panel-sidebar nav a, .panel-sidebar nav > span.disabled { border-left: 1px solid var(--dc-line); color: var(--dc-gray); font-size: .78rem; padding: .7rem 1rem; text-decoration: none; }
.panel-sidebar nav a:hover, .panel-sidebar nav a.active { border-left-color: var(--dc-red); color: var(--dc-white); }
.panel-sidebar nav a.active { background: linear-gradient(90deg, rgba(22,139,255,.12), transparent); }
.panel-sidebar nav > span.disabled { color: #555960; display: flex; justify-content: space-between; }
.panel-sidebar nav small { font-size: .5rem; letter-spacing: .08em; }
.store-page-heading { align-items: end; border-bottom: 1px solid var(--dc-line); display: flex; justify-content: space-between; gap: 3rem; margin-bottom: 2rem; padding-bottom: 2rem; }
.store-page-heading h1 { font-size: clamp(3rem, 7vw, 5.5rem); line-height: .9; margin: 0; }
.store-page-heading > p { color: var(--dc-gray); line-height: 1.65; margin: 0; max-width: 500px; }
.store-status { border-left: 2px solid var(--dc-red); display: grid; min-width: 190px; padding-left: 1.2rem; }
.store-status span, .store-status small { color: var(--dc-gray); font-size: .65rem; letter-spacing: .13em; }
.store-status strong { font-family: "Barlow Condensed"; font-size: 1.7rem; text-transform: uppercase; }
.store-status small { color: #70bd83; margin-top: .35rem; }
.form-block { background: var(--dc-surface); border-top: 1px solid var(--dc-line); margin-bottom: 1px; padding: clamp(1.5rem, 4vw, 2.5rem); }
.form-block-title { align-items: center; display: flex; gap: 1rem; margin-bottom: 1.75rem; }
.form-block-title span { color: var(--dc-red); font-family: "Barlow Condensed"; font-weight: 700; }
.form-block-title h2 { font-size: 1.55rem; margin: 0; }
.form-control::placeholder { color: #62666d; }
textarea.form-control { resize: vertical; }
.form-hint { color: #777d86; display: block; font-size: .72rem; margin-top: .45rem; }
.slug-field { align-items: stretch; display: flex; }
.slug-field > span { align-items: center; background: #292929; border: 1px solid var(--dc-line); border-right: 0; color: var(--dc-red); display: flex; font-weight: 700; padding: 0 .8rem; }
.slug-field .form-control { border-left: 0; }
.upload-field { align-items: center; border: 1px dashed #505050; cursor: pointer; display: flex; flex-direction: column; justify-content: center; min-height: 145px; padding: 1.5rem; text-align: center; transition: border-color .2s, background .2s; }
.upload-field:hover { background: #242424; border-color: var(--dc-red); }
.upload-field strong { font-family: "Barlow Condensed"; font-size: 1.2rem; text-transform: uppercase; }
.upload-field span { color: var(--dc-gray); font-size: .72rem; margin-top: .35rem; }
.upload-field input { color: var(--dc-gray); font-size: .75rem; margin-top: 1rem; max-width: 100%; }
.upload-preview { background: #111; border: 1px solid var(--dc-line); display: block; margin-top: 1rem; object-fit: cover; width: 100%; }
.logo-preview { height: 150px; object-fit: contain; }
.marketplace-section { min-height: 65vh; }
.marketplace-section h1 { color: var(--dc-white); font-family: "Barlow Condensed", sans-serif; font-size: clamp(3.5rem, 8vw, 6rem); font-weight: 700; line-height: .95; text-transform: uppercase; }
.marketplace-section > p, .marketplace-section > div p { color: #a9b4c3; }
.market-mod-card { background: #171a1e; border: 1px solid #2b343d; display: flex; flex-direction: column; overflow: hidden; transition: border-color .2s ease, transform .2s ease; }
.market-mod-card:hover { border-color: #267dbe; transform: translateY(-3px); }
.market-library-card { gap: .85rem; padding: 1.5rem; }
.market-library-card > span { color: #44c6ff; font-size: .68rem; font-weight: 700; letter-spacing: .1em; }
.market-library-card > p, .market-library-card > small { color: #9fb0c2; }
.market-library-card > .btn { align-self: flex-start; }
.market-release-alert { align-items: center; background: #102d3f; border: 1px solid #35bfff; color: #e9f8ff; display: flex; flex-wrap: wrap; gap: .4rem 1rem; padding: .8rem 1rem; }
.market-release-alert strong { color: #42d5ff; font-size: .73rem; letter-spacing: .12em; }
.market-release-history { border-top: 1px solid #34414d; margin-top: .5rem; padding-top: 1.2rem; }
.market-release-history h3 { color: #fff; font-family: "Barlow Condensed", sans-serif; font-size: 1.65rem; text-transform: uppercase; }
.market-release-entry { border-left: 2px solid #37b8f4; margin: 1rem 0; padding: .2rem 0 .2rem 1rem; }
.market-release-entry strong { color: #e9f8ff; }
.market-release-entry time { color: #91a8b8; display: block; font-size: .78rem; margin-top: .2rem; }
.market-release-entry p { color: #bdcbd8; margin: .6rem 0 0; overflow-wrap: anywhere; }
.market-library-hero { align-items:end;border-bottom:1px solid #263746;display:flex;gap:3rem;justify-content:space-between;margin-bottom:2rem;padding-bottom:2rem; }
.market-library-hero h1 { margin:.7rem 0 1rem; }.market-library-hero p { color:#8da2b6;margin:0; }
.market-library-stats { display:flex;gap:1px; }.market-library-stats > span { background:#101923;border:1px solid #263746;color:#758a9d;display:grid;font-size:.52rem;letter-spacing:.13em;min-width:120px;padding:1rem; }.market-library-stats strong { color:#eaf6ff;font:700 1.8rem "Barlow Condensed";line-height:1; }.market-library-stats .has-updates { border-color:#249ce9;color:#42cfff; }.market-library-stats .has-updates strong { color:#42cfff; }
.market-library-update-banner { align-items:center;background:linear-gradient(90deg,rgba(15,168,231,.18),rgba(21,85,151,.08));border:1px solid #277cae;display:flex;gap:1rem;margin-bottom:1.4rem;padding:1rem 1.2rem; }.market-library-update-banner > span { align-items:center;background:#1aaae9;border-radius:50%;color:#03121a;display:flex;font-weight:900;height:32px;justify-content:center;width:32px; }.market-library-update-banner > div { display:grid;gap:.15rem; }.market-library-update-banner strong { color:#bdefff;font-size:.65rem;letter-spacing:.12em; }.market-library-update-banner small { color:#82aabd;font-size:.66rem; }
.market-library-empty { background:#101820;border:1px solid #263746;padding:3rem;text-align:center; }.market-library-empty strong { font:700 2rem "Barlow Condensed";text-transform:uppercase; }.market-library-empty p { color:#8295a6;margin:.5rem 0 1.5rem; }
.market-library-grid { display:grid;gap:1.2rem;grid-template-columns:repeat(2,minmax(0,1fr)); }
.library-product { background:#101820;border:1px solid #2a3b4a;min-width:0;overflow:hidden;transition:border-color .2s,transform .2s; }.library-product:hover { border-color:#327bae;transform:translateY(-2px); }.library-product.has-update { border-color:#2ca7e8;box-shadow:0 0 0 1px rgba(44,167,232,.08),0 20px 55px rgba(0,0,0,.2); }.library-product[open] { grid-column:1 / -1;transform:none; }
.library-product > summary { cursor:pointer;display:grid;list-style:none; }.library-product > summary::-webkit-details-marker { display:none; }
.library-product-cover { aspect-ratio:16/7;background:radial-gradient(circle at 60% 30%,#174d79,#0b1118 65%);overflow:hidden;position:relative; }.library-product-cover::after { background:linear-gradient(180deg,transparent 50%,rgba(3,8,13,.72));content:"";inset:0;position:absolute; }.library-product-cover img { height:100%;object-fit:cover;transition:transform .35s;width:100%; }.library-product:hover .library-product-cover img { transform:scale(1.025); }.library-product-cover > div { align-items:center;color:#f2f7fb;display:flex;flex-direction:column;font:700 2.5rem "Barlow Condensed";height:100%;justify-content:center;letter-spacing:.08em;line-height:.85; }.library-product-cover > div strong { color:#2fc1ff; }
.library-product-type,.library-product-update { font-size:.5rem;font-weight:800;letter-spacing:.13em;padding:.45rem .6rem;position:absolute;top:.8rem;z-index:1; }.library-product-type { background:rgba(5,13,21,.85);border:1px solid #3b6687;color:#a9d9f8;left:.8rem; }.library-product-update { background:#1cb4ee;color:#03131c;right:.8rem; }
.library-product-summary { align-items:center;display:flex;gap:1rem;justify-content:space-between;padding:1.25rem 1.4rem; }.library-product-summary > div:first-child > span { color:#3ac9ff;font-size:.52rem;font-weight:800;letter-spacing:.14em; }.library-product-summary h2 { font-size:1.9rem;margin:.25rem 0 0; }.library-product-meta { align-items:flex-end;display:grid;gap:.5rem;text-align:right; }.library-product-meta > span { color:#6f8396;font-size:.52rem;letter-spacing:.1em; }.library-product-meta b { color:#c7d7e5;font-size:.55rem;letter-spacing:.12em; }.library-product-meta i { color:#36c4ff;font-size:1rem;font-style:normal;margin-left:.3rem; }.library-product[open] .library-product-meta i { display:inline-block;transform:rotate(45deg); }
.library-product-panel { border-top:1px solid #2a3b4a;padding:1.4rem; }.library-product-toolbar { align-items:center;background:#0a1118;border:1px solid #253847;display:grid;gap:1rem;grid-template-columns:1fr 1fr auto;padding:1rem; }.library-product-toolbar > div { display:grid;gap:.2rem; }.library-product-toolbar span { color:#5f7588;font-size:.49rem;font-weight:800;letter-spacing:.13em; }.library-product-toolbar strong { color:#dce9f4;font-size:.69rem;overflow-wrap:anywhere; }.library-product-toolbar .btn { white-space:nowrap; }
.library-license-panel,.library-updates-panel { background:#121b24;border:1px solid #293b49;margin-top:1rem;padding:1.25rem; }.library-panel-heading { align-items:center;display:flex;gap:.85rem;margin-bottom:1rem; }.library-panel-heading > span { align-items:center;border:1px solid #31516a;color:#39bff4;display:flex;font:700 .7rem "Barlow Condensed";height:30px;justify-content:center;width:30px; }.library-panel-heading > div { display:grid;gap:.15rem; }.library-panel-heading strong { font-size:.65rem;letter-spacing:.12em; }.library-panel-heading small { color:#718597;font-size:.59rem; }
.library-license-panel form { display:grid;grid-template-columns:minmax(0,1fr) auto; }.library-license-panel input { background:#080e14;border:1px solid #314657;color:#eaf5ff;min-width:0;padding:.85rem 1rem; }.library-license-panel input:focus { border-color:#29b8f0;outline:0; }.library-license-panel button,.library-read-update { background:#16344a;border:1px solid #2c8dc3;color:#d8f3ff;font-size:.58rem;font-weight:800;letter-spacing:.08em;padding:.8rem 1rem; }
.library-license-status { border-left:2px solid;margin-top:.8rem;padding:.65rem .8rem;font-size:.58rem;font-weight:700;letter-spacing:.05em; }.library-license-status.success { background:rgba(55,166,98,.09);border-color:#45c476;color:#8ce6aa; }.library-license-status.error { background:rgba(220,65,78,.09);border-color:#dc414e;color:#f3979e; }.library-license-status.pending { background:rgba(222,158,48,.08);border-color:#d89b31;color:#dfb76f; }
.library-dlc-note { align-items:center;background:rgba(32,151,214,.08);border-left:2px solid #28b7ef;display:flex;gap:1rem;margin-top:1rem;padding:1rem; }.library-dlc-note > span { border:1px solid #3289b2;color:#54caff;font-size:.55rem;font-weight:800;padding:.45rem; }.library-dlc-note p { color:#8da5b7;margin:0; }
.library-release-list { display:grid;gap:.65rem; }.library-release-list article { border-left:2px solid #304858;padding:.2rem 0 .2rem 1rem; }.library-release-list article.is-latest { border-color:#34bdf4; }.library-release-list article > div { align-items:center;display:flex;flex-wrap:wrap;gap:.6rem; }.library-release-list strong { color:#e4f5ff; }.library-release-list article span { background:#173f55;color:#5cd4ff;font-size:.46rem;font-weight:800;letter-spacing:.1em;padding:.3rem .4rem; }.library-release-list time { color:#65798b;font-size:.58rem;margin-left:auto; }.library-release-list p { color:#9babb9;font-size:.7rem;line-height:1.65;margin:.5rem 0 0; }.library-no-updates { border:1px dashed #334654;color:#708392;font-size:.67rem;padding:1rem; }.library-read-update { margin-top:1rem; }
.library-product-footer { align-items:center;border-top:1px solid #2a3b4a;display:flex;justify-content:space-between;margin-top:1rem;padding-top:1rem; }.library-product-footer span { color:#65798a;font-size:.59rem; }.library-product-footer a { color:#42c8f8;font-size:.58rem;font-weight:800;letter-spacing:.1em;text-decoration:none; }
@media (max-width:991.98px) { .market-library-grid { grid-template-columns:1fr; }.library-product[open] { grid-column:auto; } }
@media (max-width:575.98px) { .market-library-hero { align-items:flex-start;flex-direction:column; }.market-library-stats { width:100%; }.market-library-stats > span { flex:1;min-width:0; }.library-product-toolbar { grid-template-columns:1fr; }.library-license-panel form { gap:.5rem;grid-template-columns:1fr; }.library-product-summary { align-items:flex-start; }.library-product-meta > span { display:none; }.library-product-footer { align-items:flex-start;flex-direction:column;gap:.7rem; } }
.market-mod-cover { aspect-ratio: 16/10; background: radial-gradient(circle at 65% 35%, #194c77, #101822 45%, #0a0f15 85%); display: block; overflow: hidden; position: relative; text-decoration: none; }
.market-primary-badge { background: linear-gradient(110deg, #f9b930, #ed8216); box-shadow: 0 5px 20px rgba(0,0,0,.35); color: #14191d; font-size: .7rem; font-weight: 800; left: .9rem; letter-spacing: .1em; padding: .5rem .7rem; position: absolute; top: .9rem; z-index: 1; }
.market-primary-badge-inline { box-shadow: none; display: inline-block; margin-left: .7rem; position: static; vertical-align: middle; }
.market-display-list { border: 1px solid #34414d; }
.market-display-row { align-items: center; border-bottom: 1px solid #34414d; display: grid; gap: 1rem; grid-template-columns: 90px minmax(0,1fr) auto; padding: .8rem 1rem; }
.market-display-row:last-child { border-bottom: 0; }
.market-display-row label { margin: 0; }
.market-display-row label > span, .market-display-row small { color: #93a9bb; display: block; font-size: .75rem; }
.market-display-row input[type=number] { max-width: 80px; }
.market-display-row strong { color: #fff; }
.market-display-primary, .market-display-none { color: #e7f6ff; cursor: pointer; }
.market-display-none { display: block; margin-top: .9rem; }
@media (max-width: 560px) { .market-display-row { grid-template-columns: 80px minmax(0,1fr); } .market-display-primary { grid-column: 2; } }
.market-mod-cover img { display: block; height: 100%; object-fit: cover; transition: transform .35s ease; width: 100%; }
.market-mod-card:hover .market-mod-cover img { transform: scale(1.035); }
.market-mod-cover > span { align-items: center; color: #eef8ff; display: flex; flex-direction: column; font-family: "Barlow Condensed", sans-serif; font-size: 2.7rem; font-weight: 700; height: 100%; justify-content: center; letter-spacing: .08em; line-height: .9; }
.market-mod-cover > span span { color: #2ebeff; }
.market-mod-card-body { display: flex; flex: 1; flex-direction: column; gap: .6rem; padding: 1.35rem 1.5rem 1.5rem; }
.market-mod-kicker, .market-purchase-panel > span, .market-description-panel > span { color: #33c9ff; font-size: .67rem; font-weight: 700; letter-spacing: .16em; }
.market-mod-card h2 { color: #fff; font-family: "Barlow Condensed", sans-serif; font-size: 2rem; line-height: 1.08; margin: 0; text-transform: uppercase; }
.market-mod-card-bottom { align-items: center; border-top: 1px solid #323d46; display: flex; flex-wrap: wrap; gap: 1rem; justify-content: space-between; margin-top: auto; padding-top: 1rem; }
.market-mod-card-bottom strong { color: #38a0ff; font-family: "Barlow Condensed", sans-serif; font-size: 1.75rem; }
.market-mod-card-bottom .btn { font-size: .72rem; white-space: nowrap; }
.market-back-link { color: #91a7b9; display: inline-block; font-size: .7rem; font-weight: 700; letter-spacing: .12em; margin-bottom: 2rem; text-decoration: none; }
.market-back-link:hover { color: #33c9ff; }
.market-detail-heading { border-bottom: 1px solid #2b343d; margin-bottom: 2rem; padding-bottom: 2rem; }
.market-detail-heading p:last-child { color: #a9b4c3; margin-bottom: 0; }
.market-gallery { background: #0d1219; border: 1px solid #2b343d; }
.market-gallery .carousel-item img { display: block; height: clamp(270px, 42vw, 560px); object-fit: contain; width: 100%; }
.market-gallery .carousel-control-prev, .market-gallery .carousel-control-next { opacity: 1; width: 12%; }
.market-gallery-arrow { align-items: center; background: rgba(8,16,25,.85); border: 1px solid #506477; color: #fff; display: flex; font-size: 2.5rem; height: 48px; justify-content: center; line-height: 1; width: 42px; }
.market-gallery-thumbs { display: flex; gap: .6rem; margin-top: .75rem; overflow-x: auto; padding-bottom: .25rem; }
.market-gallery-thumbs button { background: #10151d; border: 2px solid #34414d; flex: 0 0 88px; height: 60px; padding: 0; }
.market-gallery-thumbs button.active, .market-gallery-thumbs button:hover { border-color: #28b6ff; }
.market-gallery-thumbs img { display: block; height: 100%; object-fit: cover; width: 100%; }
.market-gallery-empty { align-items: center; background: radial-gradient(circle at 65% 35%, #194c77, #0d1219 60%); border: 1px solid #2b343d; color: #f6fbff; display: flex; flex-direction: column; font-family: "Barlow Condensed", sans-serif; font-size: 3rem; font-weight: 700; height: 360px; justify-content: center; line-height: .9; }
.market-gallery-empty strong { color: #33c9ff; }
.market-description-panel { background: #171a1e; border: 1px solid #2b343d; margin-top: 2rem; padding: clamp(1.4rem, 3vw, 2.5rem); }
.market-description-panel h2 { color: #fff; font-family: "Barlow Condensed", sans-serif; font-size: 2.4rem; margin: .45rem 0 1.5rem; text-transform: uppercase; }
.market-mod-description { color: #c9d3dc; line-height: 1.85; overflow-wrap: anywhere; white-space: pre-wrap; }
.market-purchase-panel { background: #1a1f25; border-top: 3px solid #258dff; padding: 1.6rem; position: sticky; top: 1rem; }
.market-purchase-panel h2 { color: #fff; font-family: "Barlow Condensed", sans-serif; font-size: 2.2rem; margin: .5rem 0 1rem; text-transform: uppercase; }
.market-detail-currency { margin: .5rem 0 1rem; }
.market-detail-currency label { color: #9fb0bf; display: block; font-size: .65rem; font-weight: 700; letter-spacing: .12em; margin-bottom: .4rem; }
.market-purchase-panel > strong { color: #38a0ff; display: block; font-family: "Barlow Condensed", sans-serif; font-size: 2.7rem; line-height: 1; }
.market-purchase-panel p { color: #a9b4c3; font-size: .85rem; margin: 1rem 0 1.5rem; }
.market-buy-feedback { background: #381d21; border-left: 3px solid #ff5b6b; color: #ffd4d9; font-size: .78rem; line-height: 1.55; margin-top: .85rem; overflow-wrap: anywhere; padding: .85rem 1rem; }
.market-buy-feedback[hidden] { display: none; }
.market-purchase-panel ul { border-top: 1px solid #34414d; color: #a9b4c3; font-size: .78rem; line-height: 1.65; list-style: none; margin: 1.5rem 0 0; padding: 1.2rem 0 0; }
.market-purchase-panel li { margin: .45rem 0; padding-left: 1.2rem; position: relative; }
.market-purchase-panel li::before { color: #33c9ff; content: '✓'; left: 0; position: absolute; }
.admin-mod-images { display: flex; flex-wrap: wrap; gap: .75rem; }
.admin-mod-images label { background: #10151d; border: 1px solid #34414d; display: flex; flex-direction: column; font-size: .7rem; gap: .35rem; max-width: 150px; padding: .35rem; }
.admin-mod-images img { aspect-ratio: 16/10; object-fit: cover; width: 100%; }
.admin-mod-images label > span { color: #b9c8d7; }
.market-grant-panel { margin-bottom: 2rem; }
.market-grant-panel > span { color: #33c9ff; font-size: .7rem; font-weight: 700; letter-spacing: .15em; }
.market-grant-panel h2 { margin: .45rem 0 .75rem; }
.market-grant-panel > p, .market-grant-note { color: #a9b4c3; font-size: .8rem; line-height: 1.6; }
.market-grant-panel form > .form-control { min-width: min(100%, 280px); width: auto; }
.market-grant-results { border: 1px solid #34414d; max-height: 300px; overflow-y: auto; }
.market-grant-results label { align-items: center; border-bottom: 1px solid #34414d; cursor: pointer; display: flex; gap: .85rem; margin: 0; padding: .8rem 1rem; }
.market-grant-results label:last-child { border-bottom: 0; }
.market-grant-results label:hover, .market-grant-results label:has(input:checked) { background: #122232; }
.market-grant-results input { accent-color: #238cf4; }
.market-grant-results strong, .market-grant-results small { display: block; }
.market-grant-results small { color: #8fa4b6; margin-top: .15rem; }
.admin-marketplace-page { min-width:0; }
.admin-market-heading { background:radial-gradient(circle at 85% 20%,rgba(27,150,226,.13),transparent 38%),#09131e;border:1px solid #23394b;margin-bottom:1rem;padding:2rem; }.admin-market-heading h1 { font-size:clamp(3.5rem,6vw,5.5rem);margin:.6rem 0 0; }.admin-market-heading > p { color:#8399aa; }
.admin-market-hub { background:#0b1621;border:1px solid #263b4c;margin-bottom:1.5rem;padding:1.4rem; }.admin-market-hub-copy > span,.admin-market-section-heading span { color:#32c1fa;font-size:.54rem;font-weight:800;letter-spacing:.16em; }.admin-market-hub-copy h2 { font-size:2rem;margin:.35rem 0; }.admin-market-hub-copy p { color:#72889a;font-size:.7rem;margin:0; }
.admin-market-kpis { display:grid;gap:1px;grid-template-columns:repeat(4,1fr);margin:1.2rem 0; }.admin-market-kpis article { background:#0f1d2a;border:1px solid #24394a;display:grid;padding:1rem; }.admin-market-kpis strong { color:#eff9ff;font:700 1.8rem "Barlow Condensed"; }.admin-market-kpis span { color:#6f879a;font-size:.49rem;font-weight:800;letter-spacing:.13em; }
.admin-market-hub nav { display:grid;gap:.65rem;grid-template-columns:repeat(4,1fr); }.admin-market-hub nav a { align-items:center;background:#0f1d2a;border:1px solid #294154;color:#dcecf8;display:flex;gap:.8rem;padding:.85rem;text-decoration:none;transition:.2s; }.admin-market-hub nav a:hover { background:#13283a;border-color:#2aaee9;transform:translateY(-1px); }.admin-market-hub nav b { align-items:center;border:1px solid #31536c;color:#38c5fc;display:flex;font-size:1rem;height:34px;justify-content:center;width:34px; }.admin-market-hub nav span { display:grid;font-size:.58rem;font-weight:800;letter-spacing:.07em; }.admin-market-hub nav small { color:#678095;font-size:.51rem;font-weight:500;letter-spacing:0;margin-top:.15rem; }
.admin-marketplace-page .account-settings-card { background:#101923;border:1px solid #293c4b;border-radius:0;box-shadow:none; }
.admin-marketplace-page .market-grant-panel { border-left:3px solid #2bb9ef; }
.admin-market-create { background:#0e1b27;border:1px solid #2a4357;margin-bottom:1rem; }.admin-market-create > summary,.admin-market-release > summary { align-items:center;cursor:pointer;display:grid;gap:.85rem;grid-template-columns:38px minmax(0,1fr) auto;list-style:none;padding:1rem 1.2rem; }.admin-market-create > summary::-webkit-details-marker,.admin-market-release > summary::-webkit-details-marker,.admin-market-product details > summary::-webkit-details-marker { display:none; }.admin-market-create > summary > span,.admin-market-release > summary > span { align-items:center;border:1px solid #337194;color:#45cbff;display:flex;font-size:1rem;height:34px;justify-content:center;width:34px; }.admin-market-create > summary > div,.admin-market-release > summary > div { display:grid; }.admin-market-create > summary strong,.admin-market-release > summary strong { font-size:.63rem;letter-spacing:.1em; }.admin-market-create > summary small,.admin-market-release > summary small { color:#6e8496;font-size:.55rem; }.admin-market-create > summary > b,.admin-market-release > summary > b { color:#6f8fa6;font-size:.51rem;letter-spacing:.1em; }.admin-market-create[open] > summary,.admin-market-release[open] > summary { border-bottom:1px solid #2a4357; }.admin-market-create > form { margin:0; }
.admin-market-section-heading { align-items:end;border-bottom:1px solid #263b4c;display:flex;justify-content:space-between;margin:2.5rem 0 1rem;padding-bottom:1rem; }.admin-market-section-heading h2 { font-size:2.2rem;margin:.3rem 0 0; }.admin-market-section-heading p { color:#718699;font-size:.66rem;margin:0; }
.admin-market-catalog { display:grid;gap:1rem; }.admin-market-product { background:#09131d;border:1px solid #293e50; }.admin-market-product > details > summary { align-items:center;cursor:pointer;display:grid;gap:1rem;grid-template-columns:100px minmax(180px,1fr) 110px 90px auto;list-style:none;padding:.8rem; }.admin-market-product > details[open] > summary { background:#0e1c28;border-bottom:1px solid #2b4254; }.admin-market-product-cover { align-items:center;background:#112436;display:flex;height:62px;justify-content:center;overflow:hidden;width:100px; }.admin-market-product-cover img { height:100%;object-fit:cover;width:100%; }.admin-market-product-cover span { color:#34c2fb;font:800 1.25rem "Barlow Condensed"; }.admin-market-product-name { display:grid;min-width:0; }.admin-market-product-name > span,.admin-market-product-price span,.admin-market-product-version span { color:#638097;font-size:.47rem;font-weight:800;letter-spacing:.13em; }.admin-market-product-name strong { font:700 1.35rem "Barlow Condensed";overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap; }.admin-market-product-name small { color:#6b8193;font-size:.56rem; }.admin-market-product-price,.admin-market-product-version { display:grid;gap:.2rem; }.admin-market-product-price strong,.admin-market-product-version strong { color:#dcebf6;font-size:.68rem; }.admin-market-open { color:#42c9fb;font-size:.53rem;letter-spacing:.1em;white-space:nowrap; }.admin-market-product details > form { border:0;margin:0; }.admin-market-product details[open] .admin-market-open { font-size:0; }.admin-market-product details[open] .admin-market-open::after { content:"FECHAR ×";font-size:.53rem; }
.admin-market-release { background:#0d1924;border-top:1px solid #263c4e; }.admin-market-release > summary { grid-template-columns:34px minmax(0,1fr) auto;padding:.75rem 1rem; }.admin-market-release > section { border:0;margin:0; }.admin-market-release .market-release-entry { background:#0b151f;padding:.75rem 1rem; }
.admin-marketplace-page #ordem-dos-mods,.admin-marketplace-page #usuarios-e-mods { border-left:3px solid #247fbd; }
@media(max-width:991.98px){ .admin-market-kpis,.admin-market-hub nav { grid-template-columns:repeat(2,1fr); }.admin-market-product > details > summary { grid-template-columns:82px minmax(0,1fr) auto; }.admin-market-product-cover { width:82px; }.admin-market-product-price,.admin-market-product-version { display:none; } }
@media(max-width:575.98px){ .admin-market-kpis,.admin-market-hub nav { grid-template-columns:1fr 1fr; }.admin-market-section-heading { align-items:flex-start;flex-direction:column;gap:.5rem; }.admin-market-product > details > summary { grid-template-columns:64px minmax(0,1fr); }.admin-market-product-cover { height:55px;width:64px; }.admin-market-open { grid-column:2; }.admin-market-create > summary { grid-template-columns:34px minmax(0,1fr); }.admin-market-create > summary > b { grid-column:2; } }
@media (max-width: 767px) { .market-mod-card-bottom { align-items: stretch; flex-direction: column; } .market-mod-card-bottom .btn { width: 100%; } .market-detail-heading { margin-bottom: 1rem; } .market-gallery .carousel-item img { height: 270px; } .market-purchase-panel { position: static; } }
.cover-preview { height: 150px; }
.color-field { align-items: center; background: #151515; border: 1px solid var(--dc-line); display: flex; min-height: 48px; padding: .35rem .7rem; }
.color-field input { background: none; border: 0; height: 34px; padding: 0; width: 50px; }
.color-field span { color: var(--dc-gray); font-family: monospace; font-size: .8rem; margin-left: .75rem; }
.form-actions { align-items: center; background: #151515; border-top: 2px solid var(--dc-red); display: flex; justify-content: space-between; gap: 2rem; padding: 1.5rem 2.5rem; }
.form-actions p { color: var(--dc-gray); font-size: .75rem; margin: 0; }
.payment-setup-note { border-left: 2px solid var(--dc-red); display: grid; gap: .45rem; padding: .35rem 0 .35rem 1rem; }
.payment-setup-note strong { color: var(--dc-white); font-size: .68rem; letter-spacing: .12em; }
.payment-setup-note span { color: var(--dc-gray); font-size: .72rem; line-height: 1.55; }
.payment-setup-note a { color: var(--dc-red); font-size: .62rem; font-weight: 700; letter-spacing: .08em; text-decoration: none; }

.cycle-strip { align-items: center; background: var(--dc-surface); border-left: 2px solid var(--dc-red); display: flex; justify-content: space-between; gap: 2rem; margin-bottom: 1px; padding: 1.4rem 1.6rem; }
.cycle-strip > div { display: grid; }
.cycle-strip span { color: var(--dc-red); font-size: .62rem; font-weight: 700; letter-spacing: .15em; }
.cycle-strip strong { font-family: "Barlow Condensed"; font-size: 1.25rem; margin-top: .3rem; }
.cycle-strip p { color: var(--dc-gray); font-size: .72rem; margin: 0; }
.usage-grid { display: grid; gap: 1px; grid-template-columns: repeat(3, 1fr); margin-bottom: 4rem; }
.usage-card { background: #171717; padding: 1.5rem; }
.usage-card > span { color: var(--dc-gray); font-size: .7rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.usage-card > strong { display: block; font-family: "Barlow Condensed"; font-size: 2.25rem; margin: .65rem 0; }
.usage-card > strong small { color: #656a72; font-size: 1rem; }
.usage-track { background: #303030; height: 3px; overflow: hidden; }
.usage-track i { background: var(--dc-red); display: block; height: 100%; }
.plans-heading { align-items: end; display: flex; justify-content: space-between; gap: 2rem; margin-bottom: 1.5rem; }
.plans-heading h2 { font-size: clamp(2rem, 4vw, 3rem); margin: 0; }
.plans-heading > p { color: var(--dc-gray); font-size: .75rem; margin: 0; max-width: 360px; }
.plans-grid { display: grid; gap: 1px; grid-template-columns: repeat(3, 1fr); }
.plan-card { background: var(--dc-surface); border-top: 2px solid transparent; min-width: 0; padding: 1.7rem; position: relative; }
.plan-card.current { border-top-color: var(--dc-red); background: #242020; }
.current-tag { background: var(--dc-red); color: #fff; font-size: .55rem; font-weight: 700; letter-spacing: .1em; padding: .38rem .55rem; position: absolute; right: 1rem; top: 1rem; }
.plan-code { color: #6f747c; font-size: .62rem; letter-spacing: .13em; }
.plan-card h3 { font-size: 1.8rem; margin: 1.3rem 0 .7rem; }
.plan-price { align-items: baseline; display: flex; min-height: 50px; }
.plan-price small { color: var(--dc-red); font-size: .7rem; font-weight: 700; margin-right: .3rem; }
.plan-price strong { font-family: "Barlow Condensed"; font-size: 2.2rem; }
.plan-price span { color: var(--dc-gray); font-size: .65rem; margin-left: .3rem; }
.plan-card ul { border-top: 1px solid var(--dc-line); color: var(--dc-gray); font-size: .75rem; line-height: 2.2; list-style: none; margin: 1.4rem 0; padding: 1rem 0 0; }
.plan-card li::before { color: var(--dc-red); content: "—"; margin-right: .5rem; }
.plan-card li.feature-on::before,.plan-card li.feature-off::before,.plan-card li.feature-premium::before { content:"";margin:0; }
.plan-card li.feature-off { color:#626a74;text-decoration:line-through; }
.plan-card li.feature-on { color:#aebdcb; }
.plan-card li.feature-premium { color:#b79aff;font-weight:800; }
.payment-setup-alert { background: #21191a; border: 1px solid #5e282d; margin-bottom: 1px; padding: 1rem 1.3rem; }
.payment-setup-alert strong { color: var(--dc-red); font-size: .66rem; letter-spacing: .12em; }
.payment-setup-alert p { color: var(--dc-gray); font-size: .75rem; margin: .4rem 0 0; }
.subscription-history-heading { margin-top: 3rem; }
.subscription-table { min-width: 920px; }
.compact-empty { padding: 2rem; }
.compact-empty h2 { font-size: 1.7rem; }
.integration-heading { margin-bottom: 2rem; }
.integration-summary { display: grid; gap: 1px; grid-template-columns: repeat(3, 1fr); margin-bottom: 2rem; }
.integration-summary > div { background: var(--dc-surface); border-top: 2px solid var(--dc-red); display: grid; padding: 1.25rem; }
.integration-summary span, .integration-steps article > span { color: var(--dc-red); font-size: .62rem; font-weight: 700; letter-spacing: .14em; }
.integration-summary strong { font-family: "Barlow Condensed"; font-size: 1.25rem; margin-top: .35rem; }
.integration-steps { display: grid; gap: 1px; grid-template-columns: repeat(3, 1fr); }
.integration-steps article { background: var(--dc-surface); padding: 1.6rem; }
.integration-steps h2 { font-size: 1.65rem; margin: .8rem 0; }
.integration-steps p, .integration-guide li, .integration-warning p { color: var(--dc-gray); font-size: .76rem; line-height: 1.75; }
.integration-steps form { margin: 0; }
.integration-guide { background: var(--dc-surface); border-top: 2px solid var(--dc-red); margin-top: 2rem; padding: clamp(1.5rem, 4vw, 3rem); }
.integration-guide h2 { font-size: 2.2rem; margin: .8rem 0 1.5rem; }
.integration-guide ol { display: grid; gap: .8rem; padding-left: 1.3rem; }
.integration-guide code, .redeem-command-box strong { color: #d8b477; font-family: Consolas, monospace; }
.integration-warning { border: 1px solid #5e282d; margin-top: 1.5rem; padding: 1rem 1.2rem; }
.integration-warning strong { color: var(--dc-red); font-size: .66rem; letter-spacing: .12em; }
.integration-warning p { margin: .35rem 0 0; }
.integration-page .panel-content { min-width: 0; }
.integration-hero { align-items: end; border-bottom: 1px solid rgba(255,255,255,.12); display: grid; gap: 3rem; grid-template-columns: minmax(0,1fr) 300px; padding-bottom: 2.5rem; }
.integration-hero h1 { font-size: clamp(3.4rem, 7vw, 6.2rem); line-height: .82; margin: 1rem 0 1.5rem; max-width: 850px; }
.integration-hero h1 em, .installer-copy h2 em { color: var(--dc-red); font-style: normal; }
.integration-hero > div > p:last-child { color: #9aa0a8; line-height: 1.75; margin: 0; max-width: 720px; }
.bridge-live-card { background: #171818; border: 1px solid rgba(255,255,255,.11); display: grid; min-height: 210px; padding: 1.6rem; position: relative; }
.bridge-live-card::before { background: #ef4444; content: ""; height: 3px; left: -1px; position: absolute; right: -1px; top: -1px; }
.bridge-live-card.is-online::before { background: #4ade80; box-shadow: 0 0 28px rgba(74,222,128,.35); }
.bridge-pulse { background: #ef4444; border-radius: 50%; box-shadow: 0 0 0 7px rgba(239,68,68,.1); height: 10px; position: absolute; right: 1.6rem; top: 1.6rem; width: 10px; }
.is-online .bridge-pulse { animation: bridge-pulse 1.8s infinite; background: #4ade80; box-shadow: 0 0 0 7px rgba(74,222,128,.1); }
@keyframes bridge-pulse { 50% { box-shadow: 0 0 0 13px rgba(74,222,128,0); } }
.bridge-live-card small, .integration-kpis span, .installer-package li b, .quick-install article small, .integration-help-grid article > span { color: #767c84; font-size: .57rem; font-weight: 700; letter-spacing: .14em; }
.bridge-live-card strong { align-self: end; font-family: "Barlow Condensed"; font-size: 2rem; }
.bridge-live-card.is-online strong { color: #4ade80; }
.bridge-live-card.is-offline strong { color: #f87171; }
.bridge-live-card p { color: #92979e; font-size: .72rem; margin: .3rem 0 0; }
.integration-brand-panel { align-items: center; align-self: stretch; background: radial-gradient(circle at 50% 40%,rgba(13,225,233,.13),transparent 55%),#08121d; border: 1px solid var(--dc-line); display: flex; flex-direction: column; justify-content: center; min-height: 230px; overflow: hidden; position: relative; }
.integration-brand-panel::before { background-image: linear-gradient(rgba(69,142,208,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(69,142,208,.06) 1px,transparent 1px); background-size: 28px 28px; content:""; inset:0; position:absolute; }
.integration-brand-panel img { filter: drop-shadow(0 0 28px rgba(13,225,233,.22)); max-height: 135px; object-fit: contain; position: relative; width: 170px; }
.integration-brand-panel span { color:#70879b;font-size:.53rem;letter-spacing:.16em;margin-top:.7rem;position:relative; }
.integration-kpis { display: grid; gap: 1px; grid-template-columns: repeat(3,minmax(0,1fr)); margin: 2rem 0; }
.license-status-banner { align-items:center;background:#0a1521;border:1px solid rgba(85,156,220,.16);border-left:3px solid #f59e0b;display:flex;gap:2rem;justify-content:space-between;margin:2rem 0 0;padding:1rem 1.3rem; }
.license-status-banner > div { display:grid;gap:.25rem; }
.license-status-banner span { color:#71879b;font-size:.54rem;font-weight:700;letter-spacing:.14em; }
.license-status-banner strong { font:700 1.25rem "Barlow Condensed"; }
.license-status-banner small { color:#8699aa;font-size:.64rem; }
.license-status-banner.is-active { border-left-color:#4ade80; }
.license-status-banner.is-active > i { align-items:center;background:rgba(74,222,128,.12);border:1px solid rgba(74,222,128,.35);border-radius:50%;color:#4ade80;display:flex;font-style:normal;height:42px;justify-content:center;width:42px; }
.integration-kpis article { background: linear-gradient(145deg,#0d1926,#09121d); border: 1px solid rgba(85,156,220,.13); border-left: 2px solid var(--dc-red); display: grid; min-height: 125px; padding: 1.25rem 1.4rem; }
.integration-kpis strong { align-self: end; font-family: "Barlow Condensed"; font-size: 1.35rem; overflow-wrap: anywhere; }
.integration-kpis strong b { color: var(--dc-red); }
.integration-kpis small { color: #737981; font-size: .64rem; }
.connection-kpi strong { align-items:center;display:flex;gap:.65rem; }
.connection-kpi strong i { background:#ef4444;border-radius:50%;box-shadow:0 0 0 6px rgba(239,68,68,.1);height:8px;width:8px; }
.connection-kpi.is-online { border-left-color:#4ade80; }.connection-kpi.is-online strong { color:#4ade80; }.connection-kpi.is-online strong i { animation:bridge-pulse 1.8s infinite;background:#4ade80;box-shadow:0 0 0 6px rgba(74,222,128,.1); }
.connection-kpi.is-offline strong { color:#f87171; }
.connected-mods { display:grid;gap:1px;grid-template-columns:repeat(5,minmax(0,1fr));margin:0 0 2rem; }
.connected-mods > div { grid-column:1 / -1;min-height:150px; }
.connected-mods > div,.connected-mods article { background:#08131f;border:1px solid rgba(85,156,220,.14);min-height:210px;padding:1.5rem; }
.connected-mods h2 { font-size:2.3rem;line-height:.9;margin:.8rem 0; }
.connected-mods article { display:flex;flex-direction:column; }
.connected-mods article > strong { font-family:"Barlow Condensed";font-size:1.7rem;margin:1rem 0 .55rem; }
.connected-mods article p { color:#8da0b3;font-size:.7rem;line-height:1.65;margin:0; }
.connected-mods article small { color:#607990;font-size:.54rem;letter-spacing:.06em;margin-top:auto;overflow-wrap:anywhere;padding-top:1rem; }
.mod-state { align-self:flex-start;border:1px solid;font-size:.5rem;font-weight:700;letter-spacing:.12em;padding:.35rem .48rem; }
.mod-state.ready { border-color:rgba(74,222,128,.35);color:#4ade80; }.mod-state.compatible { border-color:rgba(13,225,233,.38);color:var(--dc-cyan); }
.site-api-panel { background:radial-gradient(circle at 0 0,rgba(13,225,233,.1),transparent 35%),#0a1521;border:1px solid rgba(85,156,220,.22);display:grid;grid-template-columns:minmax(280px,.78fr) minmax(500px,1.22fr);margin-top:2rem;overflow:hidden;position:relative; }
.site-api-panel::after { border:1px solid rgba(22,139,255,.1);content:"";height:260px;position:absolute;right:-120px;top:-175px;transform:rotate(18deg);width:310px; }
.site-api-intro { border-right:1px solid rgba(85,156,220,.16);padding:clamp(2rem,4vw,3.5rem);position:relative;z-index:1; }
.site-api-label { align-items:center;color:#53a9ff;display:flex;font-size:.59rem;font-weight:800;gap:.55rem;letter-spacing:.19em; }
.site-api-label i { background:var(--dc-cyan);border-radius:50%;box-shadow:0 0 0 5px rgba(13,225,233,.08);height:6px;width:6px; }
.site-api-label span { border-left:1px solid #31516e;color:var(--dc-cyan);margin-left:.25rem;padding-left:.8rem; }
.site-api-intro h2 { font-size:clamp(3.2rem,5.4vw,5rem);line-height:.86;margin:1.5rem 0 1.4rem; }
.site-api-intro h2 em { color:#258cff;font-style:normal; }
.site-api-intro > p { color:#9aabba;font-size:.84rem;line-height:1.75;margin:0;max-width:480px; }
.site-api-path { background:rgba(4,11,19,.58);border:1px solid rgba(85,156,220,.18);display:grid;gap:.45rem;margin-top:1.8rem;padding:1rem 1.1rem; }
.site-api-path span { color:#647b90;font-size:.5rem;font-weight:800;letter-spacing:.16em; }
.site-api-path code { color:#ff5b9c;font:600 .7rem Consolas,monospace;overflow-wrap:anywhere; }
.site-api-manager { min-width:0;padding:clamp(1.5rem,3vw,2.4rem);position:relative;z-index:1; }
.site-api-manager > header { align-items:center;border-bottom:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;margin-bottom:1.25rem;padding-bottom:1rem; }
.site-api-manager > header span { color:#6c8499;font-size:.51rem;font-weight:800;letter-spacing:.16em; }
.site-api-manager > header h3 { font-size:1.55rem;margin:.2rem 0 0; }
.site-api-manager > header b { background:rgba(22,139,255,.1);border:1px solid rgba(22,139,255,.24);color:#66b0fa;font-size:.52rem;letter-spacing:.12em;padding:.5rem .65rem; }
.site-api-create { align-items:end;background:#0d1b29;border:1px solid rgba(85,156,220,.17);display:grid;gap:.8rem;grid-template-columns:minmax(0,1fr) auto;margin:0 0 1rem;padding:1rem; }
.site-api-create label { display:grid;gap:.45rem;margin:0; }
.site-api-create label > span { color:#7690a7;font-size:.52rem;font-weight:800;letter-spacing:.13em; }
.site-api-create input { background:#07111b;border:1px solid #28425b;color:#eef6ff;height:48px;min-width:0;padding:0 .9rem;width:100%; }
.site-api-create input:focus { border-color:#258cff;box-shadow:0 0 0 3px rgba(37,140,255,.1);outline:0; }
.site-api-create button { align-items:center;background:var(--dc-gradient);border:0;color:#fff;display:grid;gap:0 .65rem;grid-template-columns:24px 1fr;height:48px;padding:0 1rem;text-align:left; }
.site-api-create button > span { font-size:1.2rem;grid-row:1 / 3; }.site-api-create button strong { font-size:.61rem;letter-spacing:.08em; }.site-api-create button small { font-size:.5rem;opacity:.72;white-space:nowrap; }
.site-api-server-list { display:grid;gap:.7rem; }
.site-api-server { align-items:center;background:#07111c;border:1px solid rgba(85,156,220,.18);border-left:3px solid #4ade80;display:grid;gap:1rem;grid-template-columns:46px minmax(0,1fr) auto;padding:1rem; }
.site-api-server.is-paused { border-left-color:#f59e0b; }
.site-api-server-icon,.site-api-empty > span { align-items:center;background:#101e2c;border:1px solid #28425b;color:#dcecff;display:flex;font:800 .58rem Consolas,monospace;height:44px;justify-content:center;width:44px; }
.site-api-server-info { min-width:0; }.site-api-server-info > div { align-items:center;display:flex;gap:.7rem; }.site-api-server-info strong { font-size:.78rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.site-api-status { align-items:center;color:#4ade80;display:flex;font-size:.48rem;font-weight:800;gap:.35rem;letter-spacing:.12em; }.site-api-status i { background:currentColor;border-radius:50%;height:5px;width:5px; }.is-paused .site-api-status { color:#f59e0b; }
.site-api-server-info code { color:#6fa3d3;display:block;font:.58rem Consolas,monospace;margin:.3rem 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }.site-api-server-info small { color:#64788b;font-size:.55rem; }
.site-api-server-actions { align-items:center;display:flex;gap:.45rem; }.site-api-server-actions form { margin:0; }.site-api-server-actions button { background:#122335;border:1px solid #29435b;color:#dbe9f6;font-size:.53rem;font-weight:800;height:36px;letter-spacing:.06em;padding:0 .75rem;white-space:nowrap; }.site-api-server-actions button:hover { border-color:#3f9af1;color:#fff; }.site-api-server-actions .status-action { background:transparent;color:#8da2b5; }
.site-api-empty { align-items:center;border:1px dashed #294158;color:#91a2b2;display:flex;gap:1rem;padding:1.2rem; }.site-api-empty div { display:grid;gap:.2rem; }.site-api-empty strong { font-size:.72rem; }.site-api-empty small { color:#63788b;font-size:.58rem; }
.site-api-security { color:#63788b;font-size:.56rem;line-height:1.6;margin:1rem 0 0;padding-left:1.15rem;position:relative; }.site-api-security::before { color:#4ade80;content:"●";font-size:.5rem;left:0;position:absolute;top:.05rem; }
.installer-spotlight { background: radial-gradient(circle at 0 0, rgba(13,225,233,.12), transparent 38%), #0d1724; border: 1px solid rgba(93,164,229,.16); display: grid; gap: clamp(2rem,5vw,5rem); grid-template-columns: minmax(0,.9fr) minmax(360px,1.1fr); overflow: hidden; padding: clamp(2rem,5vw,4rem); position: relative; }
.installer-spotlight::after { border: 1px solid rgba(22,139,255,.12); content: ""; height: 280px; position: absolute; right: -110px; top: -150px; transform: rotate(18deg); width: 280px; }
.installer-copy { position: relative; z-index: 1; }
.installer-copy h2 { font-size: clamp(3rem,6vw,5rem); line-height: .86; margin: 1rem 0 1.5rem; }
.installer-copy > p:not(.eyebrow) { color: #a2a7ae; line-height: 1.7; max-width: 580px; }
.installer-copy form { margin-top: 1.7rem; }
.installer-download { align-items: center; display: grid; gap: 0 .8rem; grid-template-columns: 34px 1fr; min-width: min(100%,390px); padding: 1rem 1.2rem; text-align: left; }
.installer-download > span { font-size: 1.7rem; grid-row: 1 / 3; }
.installer-download strong { font-size: .75rem; letter-spacing: .08em; }
.installer-download small { font-size: .58rem; font-weight: 500; opacity: .78; }
.installer-token-warning { color: #d3a4a8; display: block; font-size: .62rem; margin-top: .8rem; max-width: 390px; }
.installer-package { align-self: center; background: #07111c; border: 1px solid rgba(85,156,220,.2); box-shadow: 0 30px 70px rgba(0,0,0,.35); position: relative; z-index: 1; }
.package-window-bar { align-items: center; background: #101e2c; display: flex; gap: .38rem; min-height: 45px; padding: 0 1rem; }
.package-window-bar i { background: #555; border-radius: 50%; height: 7px; width: 7px; }
.package-window-bar i:first-child { background: var(--dc-red); }
.package-window-bar span { color: #92979e; font-family: Consolas,monospace; font-size: .62rem; margin-left: .5rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.installer-package ul { list-style: none; margin: 0; padding: .7rem; }
.installer-package li { align-items: center; border-bottom: 1px solid rgba(255,255,255,.07); display: grid; gap: .9rem; grid-template-columns: 46px 1fr auto; padding: .9rem .65rem; }
.installer-package li:last-child { border: 0; }
.installer-package li div { display: grid; min-width: 0; }
.installer-package li strong { font-size: .74rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.installer-package li small { color: #71767e; font-size: .61rem; }
.installer-package li b { color: #4ade80; }
.file-icon { align-items: center; background: #101e2c; border: 1px solid #28425b; color: #e5e7eb; display: flex; font: 700 .58rem Consolas,monospace; height: 42px; justify-content: center; width: 42px; }
.file-icon.exe { border-color: var(--dc-red); color: var(--dc-red); }
.quick-install { padding: 4rem 0 2rem; }
.section-heading-simple h2 { font-size: clamp(2.4rem,5vw,4rem); margin: .8rem 0 1.8rem; }
.quick-install-grid { display: grid; gap: 1px; grid-template-columns: repeat(3,minmax(0,1fr)); }
.quick-install article { background: linear-gradient(145deg,#0d1926,#09121d); border: 1px solid rgba(85,156,220,.12); border-top: 2px solid #28425b; display: grid; gap: 1rem; grid-template-columns: auto 1fr; min-height: 240px; padding: 1.5rem; }
.quick-install article > span { color: var(--dc-red); font: 700 2.4rem "Barlow Condensed"; }
.quick-install article h3 { font-size: 1.6rem; margin: .6rem 0; }
.quick-install article p, .integration-help-grid p { color: #92979f; font-size: .73rem; line-height: 1.7; margin: 0; }
.quick-install code { color: #e5bd7e; font-size: .7rem; overflow-wrap: anywhere; }
.integration-help-grid { display: grid; gap: 1rem; grid-template-columns: repeat(3,minmax(0,1fr)); padding-bottom: 3rem; }
.integration-help-grid article { background:#08121d; border: 1px solid rgba(85,156,220,.14); min-height: 180px; padding: 1.4rem; }
.integration-help-grid h3 { font-size: 1.35rem; margin: .7rem 0; }
.integration-help-grid .security-card { background: rgba(22,139,255,.08); border-color: rgba(22,139,255,.32); }
.integration-help-grid .security-card > span { color: var(--dc-red); }
.redeem-command-box { background: #111; border: 1px solid var(--dc-line); display: grid; gap: .65rem; margin: 1rem 0; padding: 1rem; }
.redeem-command-box > span { color: var(--dc-red); font-size: .58rem; font-weight: 700; letter-spacing: .12em; }
.redeem-command-box strong { font-size: 1.05rem; overflow-wrap: anywhere; }
.redeem-command-box small { color: var(--dc-gray); line-height: 1.5; }
.sparda-credit-box { background:linear-gradient(145deg,rgba(13,225,233,.08),rgba(22,139,255,.08)),#08131f;border-color:rgba(13,225,233,.35); }
.sparda-credit-box strong { color:var(--dc-cyan);font:700 2rem "Barlow Condensed"; }
.sparda-delivery-manifest { border-top-color:var(--dc-cyan); }
.sparda-delivery-manifest .delivery-manifest-heading > strong { color:var(--dc-cyan);font:700 2rem "Barlow Condensed"; }
.lb-delivery-manifest { border-top-color:#a783ff; }
.lb-delivery-manifest .delivery-manifest-heading > strong,.lb-color-box strong { color:#b8a4ff;font:700 2rem "Barlow Condensed"; }
.lb-color-box { background:linear-gradient(145deg,rgba(143,65,255,.09),rgba(22,139,255,.06)),#08131f;border-color:rgba(184,164,255,.35); }

.list-heading { align-items: end; border-bottom: 1px solid var(--dc-line); display: flex; justify-content: space-between; gap: 2rem; margin-bottom: 2rem; padding-bottom: 2rem; }
.list-heading h1 { font-size: clamp(3rem, 7vw, 5.5rem); line-height: .88; margin: 0; }
.list-heading-actions { align-items: flex-end; display: flex; flex-direction: column; gap: .8rem; }
.list-heading-actions > span { color: var(--dc-gray); font-size: .65rem; font-weight: 700; letter-spacing: .13em; }
.empty-state { background: var(--dc-surface); border-top: 2px solid var(--dc-red); padding: clamp(2rem, 7vw, 5rem); text-align: center; }
.empty-state > span { color: var(--dc-red); font-family: "Barlow Condensed"; font-size: 1rem; }
.empty-state h2 { font-size: clamp(1.8rem, 4vw, 2.7rem); margin: 1rem 0 .6rem; }
.empty-state p { color: var(--dc-gray); margin: 0 auto 1.5rem; max-width: 520px; }
.data-table-wrap { border-top: 2px solid var(--dc-red); overflow-x: auto; overscroll-behavior-inline: contain; scrollbar-color: var(--dc-red) #202020; -webkit-overflow-scrolling: touch; }
.data-table { border-collapse: collapse; min-width: 760px; width: 100%; }
.data-table th { background: #151515; color: #6f747c; font-size: .62rem; letter-spacing: .13em; padding: 1rem; text-transform: uppercase; }
.data-table td { border-bottom: 1px solid var(--dc-line); color: var(--dc-gray); font-size: .75rem; padding: 1rem; vertical-align: middle; }
.data-table td strong { color: var(--dc-white); display: block; font-size: .88rem; }
.data-table td small { display: block; margin-top: .3rem; max-width: 320px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.order-cell { color: var(--dc-red) !important; font-family: "Barlow Condensed"; font-size: 1rem !important; }
.status-badge { border: 1px solid; display: inline-block; font-size: .58rem; font-weight: 700; letter-spacing: .1em; padding: .32rem .48rem; }
.status-badge.active { border-color: #396d47; color: #72bd87; }
.status-badge.inactive { border-color: #5b5e63; color: #858a92; }
.table-actions { align-items: center; display: flex; gap: .7rem; justify-content: flex-end; white-space: nowrap; }
.table-actions form { margin: 0; }
.table-actions a, .table-actions button, .text-link { background: none; border: 0; color: var(--dc-gray); font-size: .62rem; font-weight: 700; letter-spacing: .08em; padding: 0; text-decoration: none; }
.table-actions a:hover, .table-actions button:hover, .text-link:hover { color: var(--dc-white); }
.table-actions .danger:hover { color: var(--dc-red); }
.pagination-nav { align-items: center; display: flex; justify-content: space-between; margin-top: 1.5rem; }
.pagination-nav a, .pagination-nav span { color: var(--dc-gray); font-size: .65rem; font-weight: 700; letter-spacing: .1em; text-decoration: none; }
.pagination-nav a:hover { color: var(--dc-red); }
.status-switch { align-items: center; cursor: pointer; display: grid; gap: 0 1rem; grid-template-columns: 44px 1fr; }
.status-switch input { opacity: 0; position: absolute; }
.status-switch > span { background: #343434; border: 1px solid #4a4a4a; grid-row: 1 / 3; height: 24px; position: relative; transition: .2s; width: 44px; }
.status-switch > span::after { background: var(--dc-gray); content: ""; height: 16px; left: 3px; position: absolute; top: 3px; transition: .2s; width: 16px; }
.status-switch input:checked + span { background: rgba(22,139,255,.18); border-color: var(--dc-red); }
.status-switch input:checked + span::after { background: var(--dc-red); transform: translateX(20px); }
.status-switch strong { font-size: .82rem; }
.status-switch small { color: var(--dc-gray); font-size: .7rem; }
.form-select { background-color: #151515; border: 1px solid var(--dc-line); border-radius: 0; color: var(--dc-white); min-height: 48px; }
.form-select:focus { background-color: #151515; border-color: var(--dc-red); box-shadow: none; color: var(--dc-white); }
.form-select option { background: #151515; color: var(--dc-white); }
.code-input, .data-table code { color: #d8b477; font-family: Consolas, monospace; }
.money-field { align-items: stretch; display: flex; }
.money-field > span { align-items: center; background: #292929; border: 1px solid var(--dc-line); border-right: 0; color: var(--dc-red); display: flex; font-size: .72rem; font-weight: 700; padding: 0 .7rem; }
.money-field .form-control { border-left: 0; }
.product-upload { min-height: 180px; }
.product-form-preview, .product-form-placeholder { background: #111; border: 1px solid var(--dc-line); height: 180px; object-fit: contain; width: 100%; }
.product-form-placeholder { align-items: center; color: #555960; display: flex; font-family: "Barlow Condensed"; font-size: 1.2rem; justify-content: center; }
.product-table { min-width: 980px; }
.product-cell { align-items: center; display: flex; gap: .8rem; min-width: 210px; }
.product-cell > img, .product-cell > span { background: #111; border: 1px solid var(--dc-line); flex: 0 0 52px; height: 52px; object-fit: cover; width: 52px; }
.product-cell > span { align-items: center; color: #555960; display: flex; font-size: .48rem; justify-content: center; text-align: center; }
.product-cell > div { min-width: 0; }
.price-cell { color: var(--dc-white) !important; font-family: "Barlow Condensed"; font-size: 1rem !important; white-space: nowrap; }
.integration-method-badge { border:1px solid rgba(13,225,233,.35);color:var(--dc-cyan);display:inline-block;font-size:.55rem;letter-spacing:.1em;padding:.35rem .5rem; }
.integration-method-badge.sparda { background:rgba(22,139,255,.08); }
.integration-method-badge.lbmaster { background:rgba(143,65,255,.1);border-color:rgba(184,164,255,.42);color:#b8a4ff; }
.integration-method-badge.priority { background:rgba(74,222,128,.09);border-color:rgba(74,222,128,.38);color:#4ade80; }
.color-dot { background:var(--dot-color,#168bff);border:1px solid rgba(255,255,255,.55);border-radius:50%;display:inline-block;height:.72rem;margin-right:.45rem;vertical-align:-.06rem;width:.72rem; }
.lb-product-note { border-color:rgba(184,164,255,.35)!important; }
.lb-product-note small { color:var(--store-muted);display:block;font-size:.64rem;margin-top:.55rem; }

.form-section-copy { color: #8f959d; max-width: 820px; }
.delivery-method-picker { display:grid;gap:1rem;grid-template-columns:repeat(5,minmax(0,1fr));margin:1.7rem 0 2rem; }
.delivery-method-card { cursor:pointer;min-width:0;position:relative; }
.delivery-method-card input { cursor:pointer;height:100%;inset:0;opacity:0;position:absolute;width:100%;z-index:2; }
.delivery-method-card > span { background:#09131f;border:1px solid rgba(85,156,220,.16);display:grid;min-height:170px;padding:1.35rem;transition:.2s ease; }
.delivery-method-card b { color:#657d94;font-size:.53rem;letter-spacing:.14em; }
.delivery-method-card strong { font-family:"Barlow Condensed";font-size:1.65rem;margin:.7rem 0; }
.delivery-method-card small { color:#8599ad;font-size:.68rem;line-height:1.6; }
.delivery-method-card em { align-self:end;color:#20e59a;font-size:.52rem;font-style:normal;font-weight:800;letter-spacing:.1em;margin-top:1rem; }
.delivery-method-card.premium-method > span { background:linear-gradient(145deg,rgba(167,131,255,.12),rgba(22,139,255,.07)),#0a1521;border-color:rgba(167,131,255,.42); }
.delivery-method-card.premium-method b,.delivery-method-card.premium-method em { color:#b79aff; }
.delivery-method-card.is-locked { cursor:not-allowed;opacity:.72; }
.delivery-method-card.is-locked input { cursor:not-allowed; }
.delivery-method-card:hover > span { border-color:rgba(13,225,233,.4);transform:translateY(-2px); }
.delivery-method-card input:checked + span,
.delivery-method-card.is-selected > span { background:linear-gradient(145deg,rgba(13,225,233,.08),rgba(22,139,255,.08)),#0a1623;border-color:var(--dc-cyan);box-shadow:inset 3px 0 0 var(--dc-cyan),0 14px 34px rgba(0,0,0,.18); }
.delivery-method-card input:checked + span b,
.delivery-method-card input:checked + span strong,
.delivery-method-card.is-selected b,.delivery-method-card.is-selected strong { color:var(--dc-cyan); }
.form-block [data-delivery-fields] { display:none!important; }
.delivery-method-picker:has(input[value="dayzbox_coins"]:checked) ~ [data-delivery-fields="dayzbox_coins"] { display:grid!important; }
.delivery-method-picker:has(input[value="sparda_coins"]:checked) ~ [data-delivery-fields="sparda_coins"] { display:grid!important; }
.delivery-method-picker:has(input[value="lb_killfeed_color"]:checked) ~ [data-delivery-fields="lb_killfeed_color"] { display:grid!important; }
.delivery-method-picker:has(input[value="priority_queue"]:checked) ~ [data-delivery-fields="priority_queue"] { display:grid!important; }
.dayzbox-skin-editor { background:linear-gradient(145deg,rgba(167,131,255,.08),rgba(13,225,233,.04)),#09131f;border:1px solid rgba(167,131,255,.3);padding:1.5rem; }
.skin-editor-copy span { color:#b79aff;font-size:.58rem;font-weight:800;letter-spacing:.14em; }
.skin-editor-copy h3 { font-size:2rem;margin:.45rem 0; }
.skin-editor-copy p { color:#8ca0b4;line-height:1.65;max-width:850px; }
.skin-catalog-picker { display:grid;gap:.65rem;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:1.25rem;max-height:410px;overflow:auto;padding-right:.4rem; }
.skin-option { cursor:pointer;position:relative; }
.skin-option input { inset:0;opacity:0;position:absolute; }
.skin-option span { background:#0b1724;border:1px solid rgba(85,156,220,.18);display:grid;min-height:105px;padding:1rem;transition:.18s ease; }
.skin-option b { color:#0de1e9;font-size:.58rem;letter-spacing:.12em; }
.skin-option strong { font-family:"Barlow Condensed";font-size:1.3rem;margin:.35rem 0; }
.skin-option small { color:#71869a;font-size:.6rem; }
.skin-option input:checked + span { border-color:#b79aff;box-shadow:inset 3px 0 0 #b79aff;background:#11182a; }
.skin-option.custom-skin-option span { border-style:dashed;background:linear-gradient(145deg,rgba(167,131,255,.11),rgba(13,225,233,.04)),#0b1724; }
.custom-skin-fields { display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:1.25rem; }
.custom-skin-fields > div { background:#08131f;border:1px solid rgba(167,131,255,.22);padding:1rem; }
.custom-skin-fields small { color:#71869a;display:block;font-size:.6rem;line-height:1.55;margin-top:.55rem; }
.custom-skin-path { grid-column:1 / -1; }
.skin-config-note { border-left:3px solid #b79aff;margin-top:1.25rem;padding:.25rem 1rem; }
.skin-config-note strong { color:#b79aff;font-size:.58rem;letter-spacing:.13em; }
.skin-config-note p { color:#8297aa;font-size:.68rem;line-height:1.65;margin:.35rem 0 0; }
.delivery-field-intro { margin-top:.5rem; }
.sparda-coin-editor { align-items:end;background:radial-gradient(circle at 0 0,rgba(13,225,233,.09),transparent 40%),#08131f;border:1px solid rgba(85,156,220,.18);display:grid;gap:2rem;grid-template-columns:1fr minmax(260px,.45fr);padding:2rem; }
.sparda-coin-editor > div > span,.sparda-coin-editor label > span { color:var(--dc-cyan);font-size:.54rem;font-weight:700;letter-spacing:.14em; }
.sparda-coin-editor h3 { font-size:2rem;margin:.7rem 0; }
.sparda-coin-editor p { color:#8da0b3;font-size:.75rem;line-height:1.7;margin:0; }
.sparda-coin-editor code { color:var(--dc-cyan);overflow-wrap:anywhere; }
.sparda-coin-editor label { display:grid;gap:.6rem; }
.sparda-coin-editor input { font-family:"Barlow Condensed";font-size:1.55rem;font-weight:700; }
.sparda-coin-editor label small { color:#6f8397;font-size:.6rem; }
.coin-editor-controls { display:grid;gap:1.25rem; }
.sparda-coin-editor .coin-badge-switch { background:rgba(4,11,18,.48);border:1px solid rgba(85,156,220,.18);display:grid;gap:0 .85rem;grid-template-columns:44px 1fr;padding:1rem; }
.sparda-coin-editor .coin-badge-switch > span { grid-row:1 / 3; }
.sparda-coin-editor .coin-badge-switch strong { color:#e9f5ff;font-family:Inter,sans-serif;font-size:.68rem;letter-spacing:.02em; }
.sparda-coin-editor .coin-badge-switch small { line-height:1.45; }
.priority-queue-editor { align-items:end;background:radial-gradient(circle at 100% 0,rgba(74,222,128,.1),transparent 42%),#08131f;border:1px solid rgba(74,222,128,.28);display:grid;gap:2rem;grid-template-columns:1fr minmax(260px,.45fr);padding:2rem; }
.priority-queue-editor > div > span,.priority-queue-editor label > span { color:#4ade80;font-size:.54rem;font-weight:700;letter-spacing:.14em; }
.priority-queue-editor h3 { font-size:2rem;margin:.7rem 0; }.priority-queue-editor p { color:#8da0b3;font-size:.75rem;line-height:1.7;margin:0; }
.priority-queue-editor code { color:#4ade80; }.priority-queue-editor label { display:grid;gap:.6rem; }.priority-queue-editor input { font-family:"Barlow Condensed";font-size:1.55rem;font-weight:700; }.priority-queue-editor label small { color:#6f8397;font-size:.6rem; }
.lb-color-editor { align-items:stretch;background:radial-gradient(circle at 100% 0,rgba(143,65,255,.14),transparent 42%),#08131f;border:1px solid rgba(132,95,230,.32);display:grid;gap:1.4rem;grid-template-columns:minmax(0,1fr) 190px;grid-template-areas:"copy control" "preview preview";padding:2rem; }
.lb-color-copy { grid-area:copy; }
.lb-color-copy > span,.lb-color-control > span { color:#b8a4ff;font-size:.54rem;font-weight:700;letter-spacing:.14em; }
.lb-color-copy h3 { font-size:2rem;margin:.7rem 0; }
.lb-color-copy p { color:#8da0b3;font-size:.75rem;line-height:1.7;margin:0; }
.lb-color-copy code { color:#b8a4ff;overflow-wrap:anywhere; }
.lb-color-control { align-content:center;background:#0b1724;border:1px solid rgba(184,164,255,.2);display:grid;gap:.65rem;grid-area:control;padding:1.1rem; }
.lb-color-control input[type=color] { background:transparent;border:0;cursor:pointer;height:64px;padding:0;width:100%; }
.lb-color-control strong { font-family:Consolas,monospace;font-size:.9rem; }
.lb-killfeed-preview { background:linear-gradient(90deg,rgba(0,0,0,.7),rgba(0,0,0,.2));border-left:3px solid #b8a4ff;grid-area:preview;padding:1rem 1.2rem; }
.lb-killfeed-preview small { color:#6f8397;font-size:.52rem;letter-spacing:.14em; }
.lb-killfeed-preview p { font-size:.78rem;margin:.6rem 0 .35rem; }
.lb-killfeed-preview p b { color:#168bff;transition:color .15s ease; }
.lb-killfeed-preview > span { color:#67798a;font-size:.58rem; }
[data-delivery-fields][hidden] { display:none!important; }
.spawn-entry-list { display: grid; gap: 1rem; margin-top: 1.5rem; }
.spawn-entry-card { background: #171818; border-left: 3px solid var(--dc-red); padding: 1.25rem; }
.spawn-entry-heading { align-items: center; border-bottom: 1px solid rgba(255,255,255,.08); display: flex; justify-content: space-between; margin-bottom: 1rem; padding-bottom: .75rem; }
.spawn-entry-heading strong { font-size: .7rem; letter-spacing: .13em; }
.spawn-entry-heading button { background: none; border: 0; color: #e7787f; font-size: .58rem; letter-spacing: .1em; }
.spawn-entry-heading button:disabled { color: #555; }
.spawn-entry-card:not(.is-weapon) .weapon-only { display: none; }
.spawn-entry-card.is-item [data-attachments-wrap] { display: none; }
.compact-check { align-items: center; display: flex; gap: .6rem; min-height: 46px; }
.compact-check input { accent-color: var(--dc-red); height: 18px; width: 18px; }
.plan-feature-badge { background: var(--dc-red); color: #fff; font-family: Inter, sans-serif; font-size: .52rem; font-style: normal; letter-spacing: .1em; margin-left: .7rem; padding: .35rem .45rem; vertical-align: middle; }
.feature-lock { background: linear-gradient(100deg, rgba(22,139,255,.12), rgba(255,255,255,.02)); border: 1px solid rgba(22,139,255,.3); padding: 1.5rem; }
.feature-lock strong { color: #fff; display: block; font-size: .72rem; letter-spacing: .12em; }
.feature-lock p { color: #9ca3af; margin: .7rem 0 1.2rem; max-width: 700px; }
.store-theme-editor { display: grid; gap: 1.5rem; grid-template-columns: minmax(0,1.5fr) minmax(260px,.5fr); }
.theme-live-preview { --preview-primary: #168bff; --preview-secondary: #f5f5f5; --preview-bg: #090a0a; --preview-surface: #161717; --preview-text: #e5e7eb; --preview-muted: #9ca3af; --preview-button-text: #fff; background: var(--preview-bg); border: 1px solid rgba(255,255,255,.1); color: var(--preview-text); min-height: 330px; padding: 1.25rem; }
.theme-live-preview > small { color: var(--preview-muted); font-size: .55rem; letter-spacing: .13em; }
.theme-live-preview > div { background: var(--preview-surface); border-top: 3px solid var(--preview-primary); margin-top: 1rem; padding: 1.5rem; }
.theme-live-preview span { color: var(--preview-primary); font-size: .55rem; letter-spacing: .15em; }
.theme-live-preview h3 { color: var(--preview-secondary); font-size: 2rem; margin: .8rem 0; }
.theme-live-preview p { color: var(--preview-muted); font-size: .75rem; }
.theme-live-preview button { background: var(--preview-primary); border: 0; color: var(--preview-button-text); font-size: .6rem; font-weight: 700; padding: .7rem 1rem; }

@media (max-width: 991.98px) { .store-theme-editor { grid-template-columns: 1fr; } .hero-split .storefront-hero-content { margin-left: auto; } }

@media (max-width: 575.98px) {
    .hero { min-height: auto; padding-top: 4.5rem; }
    .header-actions .btn { display: none; }
    .btn { width: 100%; }
    .integration-hero h1 { font-size: 3.25rem; }
    .installer-spotlight { padding: 1.4rem; }
    .installer-package li { grid-template-columns: 42px 1fr; }
    .installer-package li b { display: none; }
}

@media (max-width: 991.98px) {
    .delivery-method-picker { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .skin-catalog-picker { grid-template-columns:repeat(3,minmax(0,1fr)); }
    .connected-mods { grid-template-columns:1fr 1fr; }.connected-mods > div { grid-column:1 / -1; }
    .sparda-coin-editor,.priority-queue-editor { align-items:start;grid-template-columns:1fr; }
    .auth-shell, .account-grid { grid-template-columns: 1fr; }
    .auth-shell { gap: 2rem; }
    .panel-shell { grid-template-columns: 1fr; }
    .panel-sidebar { position: static; }
    .panel-sidebar nav { grid-template-columns: repeat(2, 1fr); }
    .panel-nav-label { display: none; }
    .panel-sidebar nav a, .panel-sidebar nav > span.disabled { border-bottom: 1px solid var(--dc-line); }
    .plans-grid { grid-template-columns: 1fr; }
    .integration-hero, .installer-spotlight, .site-api-panel { grid-template-columns: 1fr; }
    .site-api-intro { border-bottom:1px solid rgba(85,156,220,.16);border-right:0; }
    .integration-kpis, .quick-install-grid { grid-template-columns: 1fr; }
    .integration-help-grid { grid-template-columns: 1fr; }
}

@media (max-width: 767.98px) {
    .site-api-create { align-items:stretch;grid-template-columns:1fr; }
    .site-api-create button { width:100%; }
    .site-api-server { align-items:start;grid-template-columns:44px minmax(0,1fr); }
    .site-api-server-actions { grid-column:1 / -1;width:100%; }
    .site-api-server-actions form { flex:1; }.site-api-server-actions button { width:100%; }
}

@media (max-width: 767.98px) {
    .store-page-heading, .form-actions { align-items: stretch; flex-direction: column; }
    .store-page-heading { gap: 1.5rem; }
    .form-actions { padding: 1.5rem; }
    .cycle-strip, .plans-heading { align-items: flex-start; flex-direction: column; }
    .usage-grid { grid-template-columns: 1fr; }
    .list-heading { align-items: stretch; flex-direction: column; }
    .list-heading-actions { align-items: stretch; }
}

@media (max-width: 991.98px) {
    .integration-summary, .integration-steps { grid-template-columns: 1fr; }
}

/* Loja pública */
.storefront-body { --store-primary: #168bff; --store-secondary: #f5f5f5; --store-background: #090a0a; --store-surface: #161717; --store-text: #e5e7eb; --store-muted: #9ca3af; --store-button-text: #fff; background: var(--store-background); color: var(--store-text); font-family: "Inter", sans-serif; }
.storefront-body h1, .storefront-body h2, .storefront-body h3, .storefront-identity strong { color: var(--store-secondary); }
.storefront-body.heading-oswald h1, .storefront-body.heading-oswald h2, .storefront-body.heading-oswald h3, .storefront-body.heading-oswald .storefront-identity strong { font-family: "Oswald", sans-serif; }
.storefront-body.heading-bebas h1, .storefront-body.heading-bebas h2, .storefront-body.heading-bebas h3, .storefront-body.heading-bebas .storefront-identity strong { font-family: "Bebas Neue", sans-serif; letter-spacing: .02em; }
.storefront-body.body-roboto { font-family: "Roboto", sans-serif; }
.storefront-body.body-system { font-family: system-ui, sans-serif; }
.storefront-body.pattern-grid { background-color: var(--store-background); background-image: linear-gradient(color-mix(in srgb, var(--store-primary) 7%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--store-primary) 7%, transparent) 1px, transparent 1px); background-size: 42px 42px; }
.storefront-body.pattern-glow { background: radial-gradient(circle at 80% 15%, color-mix(in srgb, var(--store-primary) 15%, transparent), transparent 35%), var(--store-background); }
.storefront-header { background: color-mix(in srgb, var(--store-background) 96%, transparent); border-bottom: 1px solid rgba(229,231,235,.1); position: sticky; top: 0; z-index: 20; }
.header-glass .storefront-header { backdrop-filter: blur(18px); background: color-mix(in srgb, var(--store-background) 68%, transparent); }
.header-transparent .storefront-header { background: transparent; position: absolute; width: 100%; }
.storefront-nav { align-items: center; display: flex; justify-content: space-between; min-height: 72px; }
.storefront-identity { align-items: center; color: var(--dc-white); display: flex; gap: .75rem; text-decoration: none; }
.storefront-identity img, .storefront-identity > span { background: #141414; border: 1px solid rgba(229,231,235,.12); height: 42px; object-fit: contain; width: 42px; }
.storefront-identity > span { align-items: center; color: var(--store-primary); display: flex; font-family: "Barlow Condensed"; font-size: 1.5rem; font-weight: 700; justify-content: center; }
.storefront-identity strong { font-family: "Barlow Condensed"; font-size: 1.15rem; letter-spacing: .04em; text-transform: uppercase; }
.storefront-nav nav { align-items: center; display: flex; gap: 1.25rem; }
.storefront-nav nav > a,.storefront-nav nav > form { align-items:center;display:flex;min-height:42px; }
.storefront-nav nav a, .storefront-nav-disabled { color: var(--store-muted); font-size: .64rem; font-weight: 700; letter-spacing: .11em; text-decoration: none;white-space:nowrap; }
.storefront-nav nav a:hover { color: var(--store-primary); }
.cart-nav-link { align-items: center; display: flex; gap: .4rem; }
.cart-nav-link span { align-items: center; background: var(--store-primary);border:1px solid var(--store-primary);border-radius:999px;color:var(--store-primary-contrast,#fff); display: inline-flex; font-size: .55rem; height: 19px; justify-content: center; min-width: 19px; padding: 0 .3rem; }
.cart-nav-link span.is-empty { background:transparent;border-color:color-mix(in srgb,var(--store-muted) 45%,transparent);color:var(--store-muted); }
.storefront-nav-disabled { border: 1px solid rgba(229,231,235,.14); color: #5f6369; padding: .65rem .8rem; }
.steam-signin { display: block; line-height: 0; }
.steam-signin img { height: 35px; width: auto; }
.steam-player { align-items: center; display: flex; gap: .55rem; }
.steam-player { text-decoration: none; }
.steam-player img { border: 1px solid rgba(229,231,235,.18); height: 32px; width: 32px; }
.steam-player span { color: var(--dc-white); font-size: .68rem; font-weight: 700; max-width: 130px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.storefront-nav form { margin: 0; }
.steam-logout { align-items:center;background: transparent; border: 0; color:var(--store-muted);display:inline-flex;font-family:inherit;font-size:.64rem;font-weight:700;letter-spacing:.11em;line-height:1;min-height:42px;padding:0; }
.steam-logout:hover { color: var(--store-primary); }
.storefront-alert-wrap { left: 50%; max-width: 760px; position: absolute; top: 90px; transform: translateX(-50%); width: 100%; z-index: 15; }
.storefront-hero { min-height: 510px; overflow: hidden; position: relative; }
.storefront-cover { height: 100%; inset: 0; object-fit: cover; position: absolute; width: 100%; }
.storefront-hero-shade { background: linear-gradient(90deg, rgba(5,6,6,.98) 0%, rgba(5,6,6,.8) 48%, rgba(5,6,6,.25) 100%), linear-gradient(0deg, #090a0a 0%, transparent 35%); inset: 0; position: absolute; }
.storefront-hero:not(:has(.storefront-cover)) { background: radial-gradient(circle at 80% 20%, color-mix(in srgb, var(--store-primary) 15%, transparent), transparent 35%), #0b0c0c; }
.storefront-hero-content { display: flex; flex-direction: column; justify-content: center; min-height: 510px; padding-bottom: 4rem; padding-top: 4rem; position: relative; z-index: 1; }
.storefront-hero-content > p, .catalog-heading p { color: var(--store-primary); font-size: .65rem; font-weight: 700; letter-spacing: .2em; margin-bottom: 1rem; }
.storefront-hero-content h1 { font-size: clamp(3.7rem, 9vw, 7.5rem); line-height: .82; margin: 0 0 1.7rem; max-width: 850px; }
.storefront-description { color: var(--store-muted); font-size: clamp(.95rem, 2vw, 1.1rem); line-height: 1.7; max-width: 650px; }
.hero-center .storefront-hero-content { align-items: center; text-align: center; }
.hero-center .storefront-description { max-width: 760px; }
.hero-split .storefront-hero-content { max-width: 720px; margin-left: 50%; min-height: 440px; }
.storefront-server-meta { align-items: center; display: flex; flex-wrap: wrap; gap: 1.5rem; margin-top: 2rem; }
.storefront-server-meta span { color: #686d75; display: grid; font-size: .58rem; letter-spacing: .12em; }
.storefront-server-meta span strong { color: var(--dc-white); font-family: Consolas, monospace; font-size: .82rem; letter-spacing: 0; margin-top: .3rem; }
.storefront-server-meta a { background: var(--store-primary); color: var(--store-button-text); font-size: .68rem; font-weight: 700; letter-spacing: .09em; padding: .8rem 1rem; text-decoration: none; }
.buttons-rounded .storefront-server-meta a, .buttons-rounded .btn { border-radius: 7px; }
.buttons-pill .storefront-server-meta a, .buttons-pill .btn { border-radius: 999px; }
.storefront-catalog { padding: 1rem 0 6rem; }
.category-filter { border-bottom: 1px solid rgba(229,231,235,.1); display: flex; gap: 1.6rem; margin-bottom: 4rem; overflow-x: auto; }
.category-filter a { border-bottom: 2px solid transparent; color: #71767e; flex: 0 0 auto; font-size: .68rem; font-weight: 700; letter-spacing: .09em; padding: 1.2rem 0; text-decoration: none; }
.category-filter a.active, .category-filter a:hover { border-bottom-color: var(--store-primary); color: var(--dc-white); }
.category-filter small { color: var(--store-primary); margin-left: .3rem; }
.catalog-heading { align-items: end; display: flex; justify-content: space-between; gap: 2rem; margin: 0 0 1.5rem; }
.catalog-heading p { margin-bottom: .5rem; }
.catalog-heading h2 { font-size: clamp(2rem, 5vw, 3.5rem); margin: 0; }
.catalog-heading > span { color: var(--store-muted); font-size: .6rem; letter-spacing: .13em; }
.catalog-main-heading { margin-top: 1rem; }
.catalog-category-list { display: grid; gap: 1rem; }
.catalog-category-section { padding-top: 2rem; scroll-margin-top: 100px; }
.catalog-category-section + .catalog-category-section { border-top:1px solid rgba(229,231,235,.14); }
.catalog-category-heading { align-items: end; display: flex; gap: 2rem; justify-content: space-between; margin-bottom: 1.25rem; }
.catalog-category-heading p { color: var(--store-primary); font-size: .58rem; font-weight: 700; letter-spacing: .18em; margin: 0 0 .45rem; }
.catalog-category-heading h3 { font-size: clamp(1.8rem,4vw,2.8rem); margin: 0; }
.catalog-category-heading span { color: var(--store-muted); display: block; font-size: .78rem; margin-top: .5rem; max-width: 680px; }
.catalog-category-heading strong { color: var(--store-muted); font-size: .58rem; letter-spacing: .13em; white-space: nowrap; }
.catalog-category-section .public-products-grid { margin-bottom: 3rem; }
.public-products-grid { display: grid; gap: 1px; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-bottom: 4rem; }
.columns-2 .public-products-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.columns-3 .public-products-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.featured-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.public-product-card { background: var(--store-surface); min-width: 0; position:relative; }
.cards-rounded .public-product-card { border-radius: 14px; overflow: hidden; }
.cards-bordered .public-product-card { border: 1px solid color-mix(in srgb, var(--store-primary) 38%, transparent); }
.public-product-image { align-items: center; background: #101111; display: flex; height: 230px; justify-content: center; overflow: hidden; position: relative; }
.public-product-image img { height: 100%; object-fit: cover; transition: transform .3s ease; width: 100%; }
.public-product-card:hover .public-product-image img { transform: scale(1.035); }
.public-product-image > span { color: #4e5258; font-family: "Barlow Condensed"; font-size: 1rem; }
.public-product-image > small { background: var(--store-primary); bottom: 0; color: #fff; font-size: .55rem; font-weight: 700; left: 0; letter-spacing: .1em; padding: .4rem .55rem; position: absolute; }
.product-best-seller-ribbon { align-items:center;background:linear-gradient(95deg,#9f5d05 0%,#e9a91c 34%,#ffd66a 52%,#dfa016 70%,#8c4b00 100%);border-bottom:1px solid rgba(74,38,0,.78);border-top:1px solid rgba(255,231,145,.75);box-shadow:0 8px 20px rgba(0,0,0,.48),0 0 16px rgba(235,169,28,.16),inset 0 1px rgba(255,255,255,.18);color:#1b1002!important;display:flex!important;font-family:Inter,sans-serif!important;font-size:.51rem!important;font-weight:950;height:31px;justify-content:center;letter-spacing:.12em;line-height:1;padding:0!important;pointer-events:none;position:absolute;right:-43px;text-shadow:0 1px rgba(255,234,157,.46);top:21px;transform:rotate(45deg);width:158px;z-index:3; }
.product-best-seller-ribbon::after { background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);content:"";height:100%;left:-55%;position:absolute;top:0;transform:skewX(-20deg);width:42%; }
.public-product-card:hover .product-best-seller-ribbon::after { left:120%;transition:left .65s ease; }
.product-coins-badge { align-items:center;background:linear-gradient(100deg,rgba(6,12,18,.96),rgba(17,31,42,.94));border:1px solid color-mix(in srgb,#f2b51d 62%,transparent);bottom:.75rem;box-shadow:0 10px 30px rgba(0,0,0,.5);display:flex!important;gap:.65rem;left:.75rem;padding:.55rem .75rem;position:absolute;z-index:2; }
.product-coins-badge > i { background:radial-gradient(circle at 35% 30%,#fff0a0 0 7%,#ffd348 9% 34%,#e99a08 62%,#9c5700 100%);border:2px solid #ffc83d;border-radius:50%;box-shadow:inset 0 0 0 2px rgba(103,56,0,.3),0 0 14px rgba(255,183,23,.25);display:block;height:31px;position:relative;width:31px; }
.product-coins-badge > i::after { border:1px solid rgba(110,62,0,.45);border-radius:50%;content:"";inset:5px;position:absolute; }
.product-coins-badge > span { display:grid!important;line-height:1; }.product-coins-badge strong { color:#fff4bc;font:800 1.25rem "Barlow Condensed"; }.product-coins-badge small { color:#dca92e!important;font-size:.46rem!important;font-weight:900;letter-spacing:.16em;margin-top:.15rem;position:static!important; }
.public-product-info { padding: 1.15rem; }
.public-product-info > span { color: var(--store-muted); font-size: .6rem; letter-spacing: .1em; text-transform: uppercase; }
.public-product-info h3 { font-size: 1.35rem; margin: .55rem 0 1.2rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.public-product-info h3 a { align-items:center;color:var(--store-secondary);display:flex;min-width:0;text-decoration:none; }
.product-card-name { overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.product-name-coins { align-items:center;color:#e8b83f;display:inline-flex;flex:0 0 auto;font-family:Inter,sans-serif;font-size:.53rem;font-weight:800;letter-spacing:.08em;margin-left:.65rem;white-space:nowrap; }
.product-name-coins i { background:rgba(229,231,235,.24);height:17px;margin-right:.65rem;width:1px; }
.public-product-info > div { align-items: center; border-top: 1px solid rgba(229,231,235,.1); display: flex; justify-content: space-between; padding-top: 1rem; }
.public-product-info strong { color: var(--store-primary); font-family: "Barlow Condensed"; font-size: 1.25rem; }
.public-product-info > div a { color: #9ba0a8; font-size: .58rem; font-weight: 700; letter-spacing: .08em; text-decoration: none; }
.storefront-empty { background: #141515; border-top: 2px solid var(--store-primary); padding: 4rem 2rem; text-align: center; }
.storefront-empty strong { font-family: "Barlow Condensed"; font-size: 1.5rem; }
.storefront-empty p { color: #7e838b; font-size: .8rem; margin: .6rem 0 0; }
.storefront-footer { border-top: 1px solid rgba(229,231,235,.1); padding: 2rem 0; }
.storefront-footer .container { align-items: center; display: flex; justify-content: space-between; }
.storefront-footer div { display: grid; }
.storefront-footer strong { font-family: "Barlow Condensed"; text-transform: uppercase; }
.storefront-footer span, .storefront-footer a { color: #666b72; font-size: .56rem; letter-spacing: .11em; text-decoration: none; }
.storefront-footer b { color: var(--store-primary); }
.storefront-footer nav { display: flex; flex-wrap: wrap; gap: .9rem; }
.storefront-legal-copy { border-bottom: 1px solid rgba(229,231,235,.1); margin: 0 0 1rem; padding-bottom: 1rem; }
.public-product-page { min-height: 75vh; padding: clamp(2.5rem, 7vw, 5rem) 0; }
.public-breadcrumb { color: #686d74; display: flex; font-size: .62rem; font-weight: 700; gap: .6rem; letter-spacing: .1em; margin-bottom: 2rem; }
.public-breadcrumb a { color: var(--store-primary); text-decoration: none; }
.public-product-layout { align-items: start; display: grid; gap: clamp(2rem, 6vw, 5rem); grid-template-columns: minmax(0, 1.2fr) minmax(340px, .8fr); }
.public-product-main-image { align-items: center; background: #111212; border: 1px solid rgba(229,231,235,.1); display: flex; height: min(62vw, 620px); justify-content: center; overflow: hidden; }
.public-product-main-image img { height: 100%; object-fit: contain; width: 100%; }
.public-product-main-image > span { color: #4e5258; font-family: "Barlow Condensed"; }
.public-product-details { border-top: 3px solid var(--store-primary); padding-top: 1.5rem; }
.public-product-details > p { color: var(--store-primary); font-size: .65rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.public-product-details h1 { font-size: clamp(3rem, 6vw, 5rem); line-height: .88; margin: 0 0 1.5rem; }
.public-product-price { color: var(--store-primary); font-size: .8rem; }
.public-product-price strong { font-family: "Barlow Condensed"; font-size: 2.7rem; }
.public-product-description { border-bottom: 1px solid rgba(229,231,235,.1); border-top: 1px solid rgba(229,231,235,.1); color: #a4a9b0; line-height: 1.75; margin: 1.5rem 0; padding: 1.5rem 0; }
.delivery-note { display: grid; margin-bottom: 1.5rem; }
.delivery-note span { color: #666b72; font-size: .6rem; letter-spacing: .12em; }
.delivery-note strong { font-size: .85rem; margin-top: .3rem; }
.public-security-note { color: #62676e; display: block; font-size: .65rem; line-height: 1.5; margin-top: 1rem; text-align: center; }
.add-cart-form { border-top: 1px solid rgba(229,231,235,.1); margin-top: 1.5rem; padding-top: 1.5rem; }
.add-cart-form > label { color: #696e75; display: block; font-size: .6rem; font-weight: 700; letter-spacing: .1em; margin-bottom: .5rem; }
.add-cart-form > div { display: grid; grid-template-columns: 78px 1fr; }
.add-cart-form input { background: #151616; border: 1px solid rgba(229,231,235,.15); border-right: 0; color: var(--dc-white); min-width: 0; padding: .7rem; text-align: center; }
.add-cart-form .btn { min-width: 0; }
.public-cart-page { min-height: 75vh; padding: clamp(2.5rem, 7vw, 5rem) 0; }
.cart-page-heading { align-items: end; border-bottom: 1px solid rgba(229,231,235,.1); display: flex; justify-content: space-between; margin-bottom: 2rem; padding-bottom: 2rem; }
.cart-page-heading p { color: var(--store-primary); font-size: .65rem; font-weight: 700; letter-spacing: .16em; }
.cart-page-heading h1 { font-size: clamp(3.5rem, 8vw, 6rem); line-height: .85; margin: 0; }
.cart-page-heading > span { color: #696e75; font-size: .65rem; font-weight: 700; letter-spacing: .12em; }
.cart-layout { align-items: start; display: grid; gap: 1.5rem; grid-template-columns: minmax(0, 1fr) 330px; }
.cart-items { border-top: 2px solid var(--store-primary); }
.cart-item { align-items: center; background: #151616; border-bottom: 1px solid rgba(229,231,235,.1); display: grid; gap: 1rem; grid-template-columns: 82px minmax(160px, 1fr) 80px 115px auto; padding: 1rem; }
.cart-item-image { align-items: center; background: #0f1010; display: flex; height: 72px; justify-content: center; overflow: hidden; }
.cart-item-image img { height: 100%; object-fit: cover; width: 100%; }
.cart-item-image span { color: #4f5359; font-size: .5rem; }
.cart-item-info { min-width: 0; }
.cart-item-info > span { color: var(--store-primary); font-size: .56rem; letter-spacing: .1em; text-transform: uppercase; }
.cart-item-info h2 { font-size: 1.2rem; margin: .3rem 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cart-item-info h2 a { color: var(--dc-white); text-decoration: none; }
.cart-item-info small { color: #70757c; font-size: .62rem; }
.cart-quantity, .cart-item-price { color: #656a71; display: grid; font-size: .52rem; gap: .35rem; letter-spacing: .08em; }
.cart-quantity input { background: #0f1010; border: 1px solid rgba(229,231,235,.13); color: var(--dc-white); height: 36px; padding: .3rem; text-align: center; width: 68px; }
.cart-item-price strong { color: var(--dc-white); font-family: "Barlow Condensed"; font-size: 1.05rem; white-space: nowrap; }
.cart-item-actions { display: grid; gap: .4rem; }
.cart-update-button, .cart-remove-button, .clear-cart { background: transparent; border: 0; color: #858a91; font-size: .55rem; font-weight: 700; letter-spacing: .07em; padding: .2rem; }
.cart-remove-button:hover, .clear-cart:hover { color: var(--store-primary); }
.cart-summary { background: #171818; border-top: 2px solid var(--store-primary); padding: 1.5rem; position: sticky; top: 96px; }
.cart-summary > span { color: var(--store-primary); font-size: .62rem; font-weight: 700; letter-spacing: .13em; }
.cart-summary > div { align-items: center; border-top: 1px solid rgba(229,231,235,.1); display: flex; justify-content: space-between; margin-top: 1.2rem; padding-top: 1.2rem; }
.cart-summary small { color: #747980; font-size: .65rem; }
.cart-summary .cart-total strong { color: var(--store-primary); font-family: "Barlow Condensed"; font-size: 1.7rem; }
.cart-summary .btn { margin-top: 1.5rem; }
.cart-summary > p { color: #646970; font-size: .62rem; line-height: 1.5; margin: 1rem 0; text-align: center; }
.cart-summary form { border-top: 1px solid rgba(229,231,235,.1); padding-top: 1rem; text-align: center; }
.checkout-page, .public-order-page { min-height: 75vh; padding: clamp(2.5rem, 7vw, 5rem) 0; }
.checkout-layout { align-items: start; display: grid; gap: 1.5rem; grid-template-columns: minmax(0, 1fr) 330px; }
.checkout-main { display: grid; gap: 1px; }
.checkout-block { background: #151616; border-left: 2px solid transparent; padding: 1.5rem; }
.checkout-block:has(.checkout-login-required) { border-left-color: var(--store-primary); }
.checkout-block > span, .receipt-block > span { color: var(--store-primary); display: block; font-size: .6rem; font-weight: 700; letter-spacing: .13em; margin-bottom: 1rem; }
.checkout-store-row, .checkout-player { align-items: center; display: flex; gap: .9rem; }
.checkout-store-row img, .checkout-player img { background: #0e0f0f; height: 48px; object-fit: contain; width: 48px; }
.checkout-store-row > div, .checkout-player > div { display: grid; }
.checkout-store-row strong, .checkout-player strong { font-family: "Barlow Condensed"; font-size: 1.25rem; text-transform: uppercase; }
.checkout-store-row small, .checkout-player small { color: #737880; font-size: .65rem; overflow-wrap: anywhere; }
.checkout-player b { color: #72bd87; font-size: .55rem; letter-spacing: .1em; margin-left: auto; }
.checkout-login-required { align-items: center; display: flex; justify-content: space-between; gap: 1.5rem; }
.checkout-login-required strong { font-family: "Barlow Condensed"; font-size: 1.2rem; text-transform: uppercase; }
.checkout-login-required p { color: #787d85; font-size: .7rem; margin: .35rem 0 0; }
.checkout-login-required img { height: 35px; width: auto; }
.checkout-items > div { align-items: center; border-top: 1px solid rgba(229,231,235,.09); display: grid; gap: .8rem; grid-template-columns: 35px 1fr auto; padding: .9rem 0; }
.checkout-items > div > span { color: var(--store-primary); font-family: "Barlow Condensed"; }
.checkout-items strong { font-size: .82rem; }
.checkout-items strong small { color: #6f747b; display: block; font-size: .62rem; font-weight: 400; margin-top: .3rem; }
.checkout-items b { font-family: "Barlow Condensed"; font-size: 1rem; }
.checkout-summary form { border-top: 0; padding-top: 0; }
.checkout-server-block { border-left-color:color-mix(in srgb,var(--store-primary) 75%,transparent); }
.checkout-server-heading { align-items:center;display:flex;gap:1.5rem;justify-content:space-between;margin-bottom:1.2rem; }
.checkout-server-heading h2 { font-size:1.65rem;line-height:1;margin:0 0 .35rem; }
.checkout-server-heading p { color:#767c84;font-size:.7rem;line-height:1.55;margin:0; }
.checkout-server-heading > b { border:1px solid color-mix(in srgb,var(--store-primary) 45%,transparent);color:var(--store-primary);font-size:.5rem;letter-spacing:.12em;padding:.5rem .65rem;white-space:nowrap; }
.checkout-server-options { display:grid;gap:.65rem; }
.checkout-server-option { align-items:center;background:#0e0f0f;border:1px solid rgba(229,231,235,.11);cursor:pointer;display:grid;gap:.85rem;grid-template-columns:22px 42px minmax(0,1fr) auto;margin:0;min-height:76px;padding:.85rem 1rem;position:relative;transition:border-color .2s,background .2s,transform .2s; }
.checkout-server-option:hover { background:color-mix(in srgb,var(--store-primary) 5%,#0e0f0f);border-color:color-mix(in srgb,var(--store-primary) 45%,transparent);transform:translateY(-1px); }
.checkout-server-option > input { height:1px;opacity:0;position:absolute;width:1px; }
.checkout-server-radio { align-items:center;border:1px solid #4e545b;border-radius:50%;display:flex;height:19px;justify-content:center;width:19px; }
.checkout-server-radio i { background:var(--store-primary);border-radius:50%;height:9px;opacity:0;transform:scale(.3);transition:opacity .18s,transform .18s;width:9px; }
.checkout-server-option:has(input:checked) { background:color-mix(in srgb,var(--store-primary) 8%,#0e0f0f);border-color:var(--store-primary);box-shadow:inset 3px 0 0 var(--store-primary); }
.checkout-server-option:has(input:checked) .checkout-server-radio { border-color:var(--store-primary); }
.checkout-server-option:has(input:checked) .checkout-server-radio i { opacity:1;transform:scale(1); }
.checkout-server-option:has(input:focus-visible) { outline:2px solid var(--store-primary);outline-offset:2px; }
.checkout-server-symbol { align-items:center;background:color-mix(in srgb,var(--store-primary) 12%,#111);border:1px solid color-mix(in srgb,var(--store-primary) 32%,transparent);color:var(--store-primary);display:flex;font:700 .62rem "Barlow Condensed";height:40px;justify-content:center;width:40px; }
.checkout-server-copy { display:grid;gap:.2rem;min-width:0; }
.checkout-server-copy strong { font-family:"Barlow Condensed";font-size:1.05rem;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap; }
.checkout-server-copy small { color:#70757c;font-size:.6rem; }
.checkout-server-ready { align-items:center;color:#72bd87;display:flex;font-size:.49rem;font-weight:700;gap:.35rem;letter-spacing:.1em; }
.checkout-server-ready i { background:#72bd87;border-radius:50%;box-shadow:0 0 0 4px rgba(114,189,135,.09);height:5px;width:5px; }
.checkout-server-note { align-items:flex-start;background:rgba(114,189,135,.06);border-left:2px solid #72bd87;display:flex;gap:.75rem;margin-top:1rem;padding:.85rem 1rem; }
.checkout-server-note > span { color:#72bd87;font-weight:700; }
.checkout-server-note p { color:#7e8982;font-size:.63rem;line-height:1.55;margin:0; }
.checkout-server-empty { align-items:center;background:rgba(239,68,68,.06);border:1px solid rgba(239,68,68,.28);display:flex;gap:.9rem;padding:1rem; }
.checkout-server-empty > i { align-items:center;border:1px solid #ef6a6a;border-radius:50%;color:#ef6a6a;display:flex;font-style:normal;height:30px;justify-content:center;width:30px; }
.checkout-server-empty > div { display:grid;gap:.25rem; }
.checkout-server-empty strong { font-size:.75rem; }.checkout-server-empty small { color:#927a7a;font-size:.62rem; }
.order-receipt { max-width: 980px; }
.order-receipt-heading { align-items: end; border-bottom: 1px solid rgba(229,231,235,.1); display: flex; justify-content: space-between; gap: 2rem; margin-bottom: 2rem; padding-bottom: 2rem; }
.order-receipt-heading p { color: var(--store-primary); font-size: .62rem; font-weight: 700; letter-spacing: .15em; }
.order-receipt-heading h1 { font-size: clamp(2.3rem, 6vw, 4rem); margin: 0; }
.order-status { border: 1px solid; font-size: .62rem; font-weight: 700; letter-spacing: .1em; padding: .55rem .7rem; text-transform: uppercase; }
.order-status.pending { border-color: #9d7b37; color: #d3ad60; }
.order-status.paid, .order-status.delivered { border-color: #397047; color: #72bd87; }
.order-status.canceled, .order-status.failed { border-color: #7c343a; color: #e27880; }
.order-receipt-grid { align-items: start; display: grid; gap: 1px; grid-template-columns: 1fr 310px; }
.receipt-block { background: #151616; border-bottom: 1px solid rgba(229,231,235,.08); padding: 1.5rem; }
.receipt-block > strong, .receipt-block > small { display: block; }
.receipt-block > small { color: #777c83; font-size: .65rem; margin-top: .3rem; }
.receipt-item { align-items: center; border-top: 1px solid rgba(229,231,235,.09); display: flex; justify-content: space-between; gap: 1rem; padding: 1rem 0; }
.receipt-item strong { font-size: .82rem; }
.receipt-item small { color: #70757c; display: block; font-size: .62rem; margin-top: .3rem; }
.receipt-item b { font-family: "Barlow Condensed"; white-space: nowrap; }
.receipt-total { background: #1a1b1b; border-top: 2px solid var(--store-primary); padding: 1.5rem; }
.receipt-discount { border-bottom: 1px solid rgba(229,231,235,.1); display: grid; gap: .55rem; margin-bottom: 1rem; padding-bottom: 1rem; }
.receipt-discount > div { align-items: center; display: flex; justify-content: space-between; gap: 1rem; }
.receipt-discount span { color: #747980; font-size: .58rem; letter-spacing: .1em; }
.receipt-discount b { color: #e5e7eb; font-size: .76rem; }
.receipt-total > span { color: #747980; display: block; font-size: .6rem; letter-spacing: .12em; }
.receipt-total > strong { color: var(--store-primary); display: block; font-family: "Barlow Condensed"; font-size: 2.5rem; margin: .4rem 0 1rem; }
.receipt-total p { color: #747980; font-size: .68rem; line-height: 1.6; }
.receipt-total > a { color: #8b9097; display: block; font-size: .6rem; font-weight: 700; letter-spacing: .1em; margin-top: 1rem; text-align: center; text-decoration: none; }
.receipt-total form { margin: 0; }
.receipt-total .btn + a { margin-top: 1rem; }
.local-payment-note { color: #a88749; display: block; font-size: .54rem; letter-spacing: .08em; line-height: 1.5; margin-top: .8rem; text-align: center; }
.payment-form-feedback { background: #35191c; border-left: 2px solid #ff5964; color: #ffabb1; font-size: .62rem; line-height: 1.5; margin: 0 0 .75rem; padding: .7rem .8rem; text-align: left; }
.payment-form-feedback[hidden] { display: none; }
.player-account-page { min-height: 75vh; padding: clamp(2.5rem, 7vw, 5rem) 0; }
.player-account-heading { align-items: end; border-bottom: 1px solid rgba(229,231,235,.1); display: flex; gap: 2rem; justify-content: space-between; margin-bottom: 2rem; padding-bottom: 2rem; }
.player-account-heading p { color: var(--store-primary); font-size: .64rem; font-weight: 700; letter-spacing: .18em; margin-bottom: 1rem; }
.player-account-heading h1 { font-size: clamp(3.2rem, 7vw, 5.8rem); line-height: .84; margin: 0; }
.player-account-heading > a { border-bottom: 1px solid var(--store-primary); color: #a0a5ac; font-size: .62rem; font-weight: 700; letter-spacing: .1em; padding-bottom: .4rem; text-decoration: none; }
.player-account-grid { align-items: start; display: grid; gap: 1.5rem; grid-template-columns: 260px minmax(0, 1fr); }
.player-profile-card { background: #151616; border-top: 2px solid var(--store-primary); display: grid; padding: 1.5rem; }
.player-profile-card > img, .player-avatar-placeholder { align-items: center; background: #0d0e0e; border: 1px solid rgba(229,231,235,.12); display: flex; height: 108px; justify-content: center; object-fit: cover; width: 108px; }
.player-avatar-placeholder { color: #555a61; font-family: "Barlow Condensed"; }
.player-profile-card > small { color: var(--store-primary); font-size: .56rem; font-weight: 700; letter-spacing: .13em; margin-top: 1.5rem; }
.player-profile-card h2 { font-size: 1.65rem; line-height: 1; margin: .55rem 0 .65rem; overflow-wrap: anywhere; }
.player-profile-card code { color: #8c9198; font-size: .68rem; overflow-wrap: anywhere; }
.player-profile-status { border-top: 1px solid rgba(229,231,235,.09); color: #72bd87; font-size: .55rem; font-weight: 700; letter-spacing: .09em; margin-top: 1.4rem; padding-top: 1rem; }
.player-profile-status i { background: #72bd87; display: inline-block; height: 6px; margin-right: .35rem; width: 6px; }
.player-orders-area { min-width: 0; }
.player-summary-grid { display: grid; gap: 1px; grid-template-columns: repeat(3, 1fr); margin-bottom: 1.5rem; }
.player-summary-grid > div { background: #151616; display: grid; min-height: 105px; padding: 1.2rem; }
.player-summary-grid span { color: #747980; font-size: .56rem; letter-spacing: .11em; }
.player-summary-grid strong { align-self: end; font-family: "Barlow Condensed"; font-size: 1.8rem; }
.player-summary-grid > div:last-child strong { color: var(--store-primary); }
.player-orders-heading { align-items: end; border-bottom: 1px solid rgba(229,231,235,.1); display: flex; justify-content: space-between; padding: 1rem 0; }
.player-orders-heading span { color: var(--store-primary); font-size: .55rem; font-weight: 700; letter-spacing: .12em; }
.player-orders-heading h2 { font-size: 2rem; margin: .25rem 0 0; }
.player-orders-heading > small { color: #676c73; font-size: .53rem; letter-spacing: .1em; }
.player-order-list > a { align-items: center; background: #151616; border-bottom: 1px solid rgba(229,231,235,.08); color: var(--dc-white); display: grid; gap: 1rem; grid-template-columns: minmax(170px, 1fr) 105px 155px 70px; padding: 1rem 1.2rem; text-decoration: none; transition: background .2s; }
.player-order-list > a:hover { background: #1b1c1c; }
.player-order-list > a > div { display: grid; }
.player-order-list > a > div span { font-family: "Barlow Condensed"; font-size: 1rem; }
.player-order-list > a > div small { color: #666b72; font-size: .58rem; margin-top: .25rem; }
.player-order-list > a > strong { font-family: "Barlow Condensed"; font-size: 1.1rem; }
.player-order-list .order-status { justify-self: start; text-align: center; }
.player-order-list > a > i { color: #8b9097; font-size: .54rem; font-style: normal; font-weight: 700; letter-spacing: .07em; text-align: right; }
.player-orders-empty { background: #151616; border-left: 2px solid var(--store-primary); padding: 2.5rem; }
.player-orders-empty strong { font-family: "Barlow Condensed"; font-size: 1.6rem; text-transform: uppercase; }
.player-orders-empty p { color: #747980; font-size: .75rem; margin: .5rem 0 1.4rem; }
.player-pagination { align-items: center; display: grid; grid-template-columns: 1fr auto 1fr; padding-top: 1.2rem; }
.player-pagination a { color: var(--dc-white); font-size: .58rem; font-weight: 700; letter-spacing: .08em; text-decoration: none; }
.player-pagination a:last-child { text-align: right; }
.player-pagination small { color: #696e75; font-size: .55rem; letter-spacing: .1em; }
.order-filters { border-bottom: 1px solid var(--dc-line); display: flex; gap: 1.5rem; margin-bottom: 1.5rem; overflow-x: auto; }
.order-filters a { border-bottom: 2px solid transparent; color: var(--dc-gray); flex: 0 0 auto; font-size: .62rem; font-weight: 700; letter-spacing: .1em; padding: .9rem 0; text-decoration: none; }
.order-filters a.active, .order-filters a:hover { border-bottom-color: var(--dc-red); color: var(--dc-white); }
.order-table { min-width: 1000px; }
.status-badge.pending { border-color: #725c31; color: #cfaa5d; }
.status-badge.paid, .status-badge.delivered { border-color: #396d47; color: #72bd87; }
.status-badge.canceled, .status-badge.failed { border-color: #743239; color: #df737b; }
.table-view-link { color: var(--dc-white); font-size: .6rem; font-weight: 700; letter-spacing: .08em; text-decoration: none; }
.merchant-order-meta { display: grid; gap: 1px; grid-template-columns: repeat(4, 1fr); margin-bottom: 2rem; }
.merchant-order-meta > div { background: var(--dc-surface); display: grid; padding: 1.2rem; }
.merchant-order-meta span { color: var(--dc-gray); font-size: .56rem; letter-spacing: .1em; }
.merchant-order-meta strong { font-size: .78rem; margin-top: .4rem; overflow-wrap: anywhere; }
.merchant-payment-card { align-items: center; background: var(--dc-surface); border-left: 2px solid var(--dc-red); display: flex; flex-wrap: wrap; gap: 1.5rem; justify-content: space-between; margin-bottom: 2rem; padding: 1.2rem; }
.merchant-payment-card > div { display: grid; gap: .3rem; }
.merchant-payment-card span { color: var(--dc-gray); font-size: .56rem; letter-spacing: .1em; }
.merchant-payment-card strong, .merchant-payment-card code { color: var(--dc-white); font-size: .72rem; overflow-wrap: anywhere; }
.merchant-payment-card a { color: var(--dc-red); font-size: .62rem; font-weight: 700; letter-spacing: .08em; text-decoration: none; }
.order-management-card { align-items: center; background: #171717; border-left: 2px solid var(--dc-red); display: flex; gap: 2rem; justify-content: space-between; margin-bottom: 2rem; padding: 1.3rem; }
.order-management-card > div { max-width: 620px; }
.order-management-card span { color: var(--dc-red); display: block; font-size: .55rem; font-weight: 700; letter-spacing: .12em; margin-bottom: .45rem; }
.order-management-card strong { font-family: "Barlow Condensed"; font-size: 1.2rem; text-transform: uppercase; }
.order-management-card p { color: var(--dc-gray); font-size: .68rem; line-height: 1.55; margin: .35rem 0 0; }
.order-management-card form { flex: 0 0 auto; margin: 0; }
.order-management-card.locked { border-left-color: #9d7b37; }
.order-management-card.locked span { color: #d3ad60; }
.btn-outline-danger { border-color: #743239; color: #df737b; }
.btn-outline-danger:hover { background: #743239; border-color: #743239; color: #fff; }
.delivery-manifest { background: #151515; border-top: 2px solid var(--dc-red); margin-bottom: 2rem; padding: 1.4rem; }
.delivery-manifest-heading { align-items: end; display: flex; gap: 1.5rem; justify-content: space-between; margin-bottom: 1rem; }
.delivery-manifest-heading span { color: var(--dc-red); font-size: .54rem; font-weight: 700; letter-spacing: .12em; }
.delivery-manifest-heading h2 { font-size: 1.5rem; margin: .3rem 0 0; }
.delivery-manifest textarea { background: #0f0f0f; border: 1px solid var(--dc-line); color: #d8b477; font-family: Consolas, monospace; font-size: .72rem; min-height: 145px; padding: 1rem; resize: vertical; width: 100%; }
.delivery-manifest > small { color: var(--dc-gray); display: block; font-size: .6rem; line-height: 1.5; margin-top: .7rem; }
.order-items-table { min-width: 850px; }
.storefront-not-found { align-items: center; display: flex; min-height: 70vh; text-align: center; }
.storefront-not-found span { color: var(--store-primary); font-size: .65rem; font-weight: 700; letter-spacing: .16em; }
.storefront-not-found h1 { font-size: clamp(3rem, 8vw, 6rem); margin: 1rem 0; }
.storefront-not-found p { color: #7e838b; margin-bottom: 1.5rem; }

.admin-section { min-height: 80vh; padding: clamp(3rem, 7vw, 5rem) 0; }
.admin-shell { align-items: start; display: grid; gap: clamp(2rem, 5vw, 4rem); grid-template-columns: 210px minmax(0, 1fr); }
.admin-sidebar { border-top: 2px solid var(--dc-red); position: sticky; top: 1.5rem; }
.admin-sidebar > div { border-bottom: 1px solid var(--dc-line); display: grid; padding: 1.2rem 0; }
.admin-sidebar span { color: #666b73; font-size: .58rem; font-weight: 700; letter-spacing: .14em; }
.admin-sidebar strong { font-family: "Barlow Condensed"; font-size: 1.25rem; margin-top: .35rem; }
.admin-sidebar nav { display: grid; padding-top: 1rem; }
.admin-sidebar a { border-left: 1px solid var(--dc-line); color: var(--dc-gray); font-size: .75rem; padding: .75rem 1rem; text-decoration: none; }
.admin-sidebar a:hover, .admin-sidebar a.active { border-left-color: var(--dc-red); color: var(--dc-white); }
.admin-sidebar a.active { background: linear-gradient(90deg, rgba(22,139,255,.12), transparent); }
.admin-content { min-width: 0; }
.admin-heading { align-items: end; border-bottom: 1px solid var(--dc-line); display: flex; gap: 2rem; justify-content: space-between; margin-bottom: 2rem; padding-bottom: 2rem; }
.admin-heading h1 { font-size: clamp(3.2rem, 7vw, 5.7rem); line-height: .85; margin: 0; }
.admin-heading > span { color: #71767e; font-size: .6rem; font-weight: 700; letter-spacing: .12em; }
.admin-order-heading h1 { font-size: clamp(2.2rem, 5vw, 4rem); }
.admin-stats { display: grid; gap: 1px; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-bottom: 3rem; }
.admin-stats article { background: var(--dc-surface); display: grid; min-height: 135px; padding: 1.3rem; }
.admin-stats span { color: var(--dc-gray); font-size: .58rem; font-weight: 700; letter-spacing: .11em; }
.admin-stats strong { align-self: end; font-family: "Barlow Condensed"; font-size: 2.2rem; overflow-wrap: anywhere; }
.admin-stats strong small { color: #686d74; font-size: 1rem; }
.admin-stats article > small { color: #617386; font-size: .5rem; font-weight: 700; letter-spacing: .08em; margin-top: .35rem; }
.admin-stats article.featured { border-top: 2px solid var(--dc-red); }
.admin-stats article.featured strong { color: var(--dc-red); font-size: 1.8rem; }
.admin-list-title { align-items: end; display: flex; justify-content: space-between; margin-bottom: 1rem; }
.admin-list-title span { color: var(--dc-red); font-size: .56rem; font-weight: 700; letter-spacing: .12em; }
.admin-list-title h2 { font-size: 2rem; margin: .3rem 0 0; }
.admin-list-title > a { color: var(--dc-gray); font-size: .58rem; font-weight: 700; letter-spacing: .08em; text-decoration: none; }
.admin-empty { background: var(--dc-surface); border-left: 2px solid var(--dc-red); color: var(--dc-gray); padding: 2.5rem; }
.admin-orders-table { min-width: 900px; }
.admin-users-table { min-width: 920px; }
.admin-store-list { display: grid; gap: 1px; }
.admin-store-list > article { align-items: center; background: var(--dc-surface); border-left: 2px solid transparent; display: grid; gap: 2rem; grid-template-columns: minmax(220px, 1fr) minmax(420px, auto); padding: 1.4rem; }
.admin-store-list > article:has(.admin-store-main > span:first-child) { border-left-color: var(--dc-line); }
.admin-store-main > span { color: #72bd87; font-size: .55rem; font-weight: 700; letter-spacing: .12em; }
.admin-store-main h2 { font-size: 1.65rem; margin: .35rem 0; }
.admin-store-main p { color: var(--dc-gray); font-size: .68rem; margin: 0; overflow-wrap: anywhere; }
.admin-store-main small { color: #6d7279; display: block; font-size: .54rem; letter-spacing: .08em; margin-top: .65rem; }
.admin-store-actions { align-items: end; display: flex; flex-wrap: wrap; gap: .7rem; justify-content: flex-end; }
.admin-store-actions > a { color: var(--dc-white); font-size: .58rem; font-weight: 700; letter-spacing: .07em; padding: .55rem 0; text-decoration: none; }
.admin-store-actions form { align-items: end; display: flex; gap: .35rem; margin: 0; }
.admin-store-actions form:has(select) { display: grid; grid-template-columns: 125px auto; }
.admin-store-actions label { color: var(--dc-gray); font-size: .5rem; grid-column: 1 / 3; letter-spacing: .08em; }
.admin-store-actions select { background: #141414; border: 1px solid var(--dc-line); border-radius: 0; color: var(--dc-white); font-size: .65rem; min-height: 34px; padding: 0 .5rem; }
.admin-store-actions button { background: transparent; border: 1px solid var(--dc-line); color: var(--dc-white); font-size: .53rem; font-weight: 700; letter-spacing: .06em; min-height: 34px; padding: .45rem .65rem; }
.admin-store-actions button:hover { border-color: var(--dc-red); }
.admin-store-actions button.danger { color: #df737b; }
.admin-pagination { display: grid; grid-template-columns: 1fr auto 1fr; }
.admin-pagination a:last-child { text-align: right; }
.admin-finance-portals { display: grid; gap: 1px; grid-template-columns: 1fr 1fr; margin: -1.5rem 0 3rem; }
.admin-finance-portals > a { background: linear-gradient(120deg, #111c27, #141719); border: 1px solid #1f3549; color: var(--dc-white); display: grid; min-height: 190px; padding: 1.3rem; text-decoration: none; }
.admin-finance-portals > a:first-child { border-top: 2px solid var(--dc-red); }
.admin-finance-portals > a:last-child { border-top: 2px solid #66717c; }
.admin-finance-portals span { color: var(--dc-red); font-size: .5rem; font-weight: 700; letter-spacing: .11em; }
.admin-finance-portals strong { font-family: "Barlow Condensed"; font-size: 1.65rem; margin-top: .45rem; text-transform: uppercase; }
.admin-finance-portals p { color: var(--dc-gray); font-size: .65rem; line-height: 1.55; margin: .65rem 0 1.2rem; max-width: 430px; }
.admin-finance-portals b { align-self: end; font-size: .54rem; letter-spacing: .08em; }
.admin-finance-portals > a:hover { background: #172330; }
.admin-financial-heading h1 em { color: var(--dc-red); font-style: normal; }
.admin-financial-heading > div > p:last-child { color: var(--dc-gray); font-size: .7rem; margin: 1rem 0 0; max-width: 590px; }
.admin-financial-heading > a { flex: 0 0 auto; }
.admin-financial-filter { margin-bottom: 1px; }
.admin-financial-kpis { margin-bottom: 1px; }
.admin-financial-grid { margin-bottom: 1px; }

.dashboard-heading { align-items: end; border-bottom: 1px solid var(--dc-line); display: flex; gap: 2rem; justify-content: space-between; margin-bottom: 2rem; padding-bottom: 2rem; }
.dashboard-heading h1 { font-size: clamp(3.2rem, 7vw, 5.7rem); line-height: .85; margin: 0; }
.dashboard-store-state { border-left: 2px solid var(--dc-red); display: grid; min-width: 180px; padding-left: 1rem; }
.dashboard-store-state span { color: var(--dc-gray); font-size: .56rem; letter-spacing: .12em; }
.dashboard-store-state strong { color: #72bd87; font-family: "Barlow Condensed"; font-size: 1.3rem; margin: .3rem 0; }
.dashboard-store-state a { color: var(--dc-white); font-size: .56rem; font-weight: 700; letter-spacing: .08em; text-decoration: none; }
.dashboard-metrics { display: grid; gap: 1px; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-bottom: 2rem; }
.dashboard-metrics article { background: var(--dc-surface); display: grid; min-height: 135px; padding: 1.25rem; }
.dashboard-metrics article > span, .dashboard-metrics article > small { color: var(--dc-gray); font-size: .54rem; font-weight: 700; letter-spacing: .1em; }
.dashboard-metrics article > strong { align-self: end; font-family: "Barlow Condensed"; font-size: 2.2rem; }
.dashboard-metrics article > strong b { color: #696e75; font-size: 1rem; }
.dashboard-metrics article.featured { border-top: 2px solid var(--dc-red); }
.dashboard-metrics article.featured > strong { color: var(--dc-red); font-size: 1.8rem; }
.dashboard-grid { align-items: start; display: grid; gap: 1px; grid-template-columns: minmax(0, 1.6fr) minmax(280px, .8fr); }
.dashboard-operation, .dashboard-resources { background: #171717; min-width: 0; padding: 1.4rem; }
.dashboard-resources { border-top: 2px solid var(--dc-red); }
.dashboard-section-title { align-items: end; border-bottom: 1px solid var(--dc-line); display: flex; justify-content: space-between; margin-bottom: .4rem; padding-bottom: 1rem; }
.dashboard-section-title span { color: var(--dc-red); font-size: .53rem; font-weight: 700; letter-spacing: .11em; }
.dashboard-section-title h2 { font-size: 1.7rem; margin: .25rem 0 0; }
.dashboard-section-title a { color: var(--dc-gray); font-size: .53rem; font-weight: 700; letter-spacing: .07em; text-decoration: none; }
.dashboard-order-list > a { align-items: center; border-bottom: 1px solid var(--dc-line); color: var(--dc-white); display: grid; gap: .8rem; grid-template-columns: 1fr 90px 95px; padding: 1rem .2rem; text-decoration: none; }
.dashboard-order-list > a > div { display: grid; min-width: 0; }
.dashboard-order-list > a > div strong { font-size: .75rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dashboard-order-list > a > div small { color: #747980; font-size: .57rem; margin-top: .25rem; }
.dashboard-order-list > a > span { font-family: "Barlow Condensed"; font-size: 1rem; }
.dashboard-empty { padding: 2.5rem 1rem; text-align: center; }
.dashboard-empty strong { font-family: "Barlow Condensed"; font-size: 1.4rem; text-transform: uppercase; }
.dashboard-empty p { color: var(--dc-gray); font-size: .68rem; margin: .45rem 0 0; }
.dashboard-resource { padding: 1rem 0; }
.dashboard-resource > div { align-items: center; display: flex; justify-content: space-between; }
.dashboard-resource span, .dashboard-cycle span { color: var(--dc-gray); font-size: .58rem; letter-spacing: .08em; }
.dashboard-resource strong { font-family: "Barlow Condensed"; font-size: .95rem; }
.dashboard-resource > i { background: #303030; display: block; height: 3px; margin-top: .55rem; overflow: hidden; }
.dashboard-resource > i > b { background: var(--dc-red); display: block; height: 100%; }
.dashboard-cycle { border-top: 1px solid var(--dc-line); display: grid; margin-top: .5rem; padding-top: 1rem; }
.dashboard-cycle strong { font-size: .68rem; margin-top: .35rem; }
.dashboard-financial-callout { align-items: center; background: linear-gradient(105deg, rgba(0, 200, 230, .12), rgba(34, 112, 255, .08) 62%, transparent); border: 1px solid #1c5272; border-left: 3px solid var(--dc-red); color: var(--dc-white); display: flex; justify-content: space-between; margin: -1rem 0 2rem; padding: 1.1rem 1.25rem; text-decoration: none; }
.dashboard-financial-callout:hover { background-color: rgba(15, 126, 190, .08); color: var(--dc-white); }
.dashboard-financial-callout div { display: grid; }
.dashboard-financial-callout span { color: var(--dc-red); font-size: .52rem; font-weight: 700; letter-spacing: .12em; }
.dashboard-financial-callout strong { font-family: "Barlow Condensed"; font-size: 1.35rem; margin-top: .18rem; text-transform: uppercase; }
.dashboard-financial-callout small { color: var(--dc-gray); font-size: .6rem; margin-top: .18rem; }
.dashboard-financial-callout b { font-size: .58rem; letter-spacing: .08em; white-space: nowrap; }

.financial-heading { align-items: end; border-bottom: 1px solid var(--dc-line); display: flex; gap: 2rem; justify-content: space-between; margin-bottom: 1.4rem; padding-bottom: 1.8rem; }
.financial-heading h1 { font-size: clamp(3.1rem, 6vw, 5.4rem); line-height: .84; margin: 0; }
.financial-heading h1 em { color: var(--dc-red); font-style: normal; }
.financial-heading p:not(.eyebrow) { color: var(--dc-gray); font-size: .72rem; margin: 1rem 0 0; max-width: 560px; }
.financial-heading > a { flex: 0 0 auto; }
.financial-filter { align-items: center; background: #101820; border: 1px solid #183149; display: grid; gap: 1rem; grid-template-columns: 1fr auto; margin-bottom: 1px; padding: 1rem; }
.financial-filter > small { color: #678098; font-size: .52rem; grid-column: 1 / -1; letter-spacing: .09em; }
.financial-presets { display: flex; flex-wrap: wrap; gap: .35rem; }
.financial-presets a { border: 1px solid #23394d; color: #869bb0; font-size: .55rem; font-weight: 700; letter-spacing: .07em; padding: .65rem .8rem; text-decoration: none; }
.financial-presets a:hover, .financial-presets a.active { background: var(--dc-red); border-color: var(--dc-red); color: #06101a; }
.financial-filter form { align-items: end; display: flex; gap: .4rem; }
.financial-filter form label { color: #6e899f; display: grid; font-size: .48rem; gap: .3rem; letter-spacing: .08em; }
.financial-filter input { background: #090f15; border: 1px solid #23394d; color: var(--dc-white); font-size: .65rem; height: 38px; padding: 0 .6rem; }
.financial-filter button { background: transparent; border: 1px solid var(--dc-red); color: var(--dc-white); font-size: .54rem; font-weight: 700; height: 38px; letter-spacing: .07em; padding: 0 .9rem; }
.financial-filter button:hover { background: var(--dc-red); color: #06101a; }
.financial-kpis { display: grid; gap: 1px; grid-template-columns: 1.35fr repeat(3, 1fr); margin-bottom: 1px; }
.financial-kpis article { background: var(--dc-surface); display: grid; min-height: 142px; padding: 1.15rem; }
.financial-kpis article.primary { border-top: 2px solid var(--dc-red); }
.financial-kpis span, .financial-kpis small { color: var(--dc-gray); font-size: .5rem; font-weight: 700; letter-spacing: .09em; }
.financial-kpis strong { align-self: end; font-family: "Barlow Condensed"; font-size: 2rem; }
.financial-kpis article.primary strong { color: var(--dc-red); font-size: 2.35rem; }
.financial-kpis small { color: #617386; }
.financial-secondary { display: grid; gap: 1px; grid-template-columns: 1fr 1fr; margin-bottom: 1.5rem; }
.financial-secondary > div { align-items: center; background: #11171d; display: flex; justify-content: space-between; padding: .8rem 1rem; }
.financial-secondary span { color: #788a9a; font-size: .52rem; letter-spacing: .08em; }
.financial-secondary strong { font-size: .65rem; }
.financial-chart-card, .financial-products, .financial-explainer, .financial-transactions { background: var(--dc-surface); padding: 1.3rem; }
.financial-chart-card { margin-bottom: 1px; }
.financial-card-heading { align-items: end; border-bottom: 1px solid var(--dc-line); display: flex; justify-content: space-between; margin-bottom: 1rem; padding-bottom: .9rem; }
.financial-card-heading span { color: var(--dc-red); font-size: .5rem; font-weight: 700; letter-spacing: .11em; }
.financial-card-heading h2 { font-size: 1.7rem; margin: .2rem 0 0; }
.financial-card-heading > small { color: #66727f; font-size: .5rem; letter-spacing: .08em; }
.financial-chart-scroll { overflow-x: auto; padding-bottom: .4rem; }
.financial-bars { align-items: end; display: grid; gap: 4px; grid-template-columns: repeat(var(--days), minmax(13px, 1fr)); height: 210px; min-width: calc(var(--days) * 18px); padding-top: .5rem; }
.financial-bar { display: grid; grid-template-rows: 175px 20px; height: 100%; }
.financial-bar > i { align-items: end; background: repeating-linear-gradient(to top, transparent 0 43px, rgba(255,255,255,.035) 44px); display: flex; }
.financial-bar > i > b { background: linear-gradient(to top, #1478ff, #18d2de); display: block; min-height: 2px; transition: filter .2s; width: 100%; }
.financial-bar:hover > i > b { filter: brightness(1.35); }
.financial-bar > span { color: #697582; font-size: .43rem; overflow: hidden; padding-top: .35rem; text-align: center; white-space: nowrap; }
.financial-grid { display: grid; gap: 1px; grid-template-columns: minmax(0, 1.5fr) minmax(250px, .65fr); margin-bottom: 1px; }
.financial-product-row { align-items: center; border-bottom: 1px solid var(--dc-line); display: grid; gap: .8rem; grid-template-columns: 24px 1fr auto; padding: .85rem 0; }
.financial-product-row > b { color: #4c5b69; font-family: "Barlow Condensed"; }
.financial-product-row > div { display: grid; min-width: 0; }
.financial-product-row > div strong { font-size: .7rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.financial-product-row i { background: #2b333a; height: 3px; margin: .42rem 0; overflow: hidden; }
.financial-product-row i span { background: var(--dc-red); display: block; height: 100%; }
.financial-product-row small { color: #717b84; font-size: .51rem; }
.financial-product-row > em { font-family: "Barlow Condensed"; font-size: 1rem; font-style: normal; }
.financial-explainer { border-top: 2px solid #2391ff; }
.financial-explainer > span { color: #43a9ff; font-size: .5rem; font-weight: 700; letter-spacing: .11em; }
.financial-explainer h2 { font-size: 1.7rem; margin: .6rem 0 1.2rem; }
.financial-explainer p { color: var(--dc-gray); font-size: .64rem; line-height: 1.65; }
.financial-explainer strong { border-left: 2px solid var(--dc-red); display: block; font-size: .68rem; margin: 1.2rem 0; padding: .5rem 0 .5rem .8rem; }
.financial-explainer a { color: var(--dc-red); display: inline-block; font-size: .54rem; font-weight: 700; letter-spacing: .07em; margin-top: .7rem; text-decoration: none; }
.financial-transactions { margin-top: 1px; }
.financial-transactions table { color: var(--dc-white); font-size: .62rem; margin: 0; min-width: 820px; }
.financial-transactions th { border-color: var(--dc-line); color: #72808d; font-size: .48rem; letter-spacing: .08em; }
.financial-transactions td { border-color: var(--dc-line); padding-bottom: .85rem; padding-top: .85rem; }
.financial-transactions td a { color: var(--dc-red); font-weight: 700; text-decoration: none; }
.financial-transactions td small { color: #6c7782; display: block; font-size: .49rem; margin-top: .2rem; }
.financial-transactions code { color: #8f9ca8; font-size: .55rem; }

.customer-list { border-top: 2px solid var(--dc-red); display: grid; }
.customer-list > a { align-items: center; background: var(--dc-surface); border-bottom: 1px solid var(--dc-line); color: var(--dc-white); display: grid; gap: 1rem; grid-template-columns: minmax(210px, 1.4fr) 70px 80px 115px 125px 55px; padding: 1rem; text-decoration: none; }
.customer-list > a:hover { background: #242424; }
.customer-identity { align-items: center; display: flex; gap: .8rem; min-width: 0; }
.customer-identity > img, .customer-identity > span, .customer-detail-identity > img, .customer-detail-identity > span { align-items: center; background: #101010; border: 1px solid var(--dc-line); display: flex; flex: 0 0 auto; height: 48px; justify-content: center; object-fit: cover; width: 48px; }
.customer-identity > span, .customer-detail-identity > span { color: var(--dc-red); font-family: "Barlow Condensed"; }
.customer-identity > div { display: grid; min-width: 0; }
.customer-identity strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.customer-identity code { color: #8c9198; font-size: .62rem; margin-top: .25rem; }
.customer-list > a > div:not(.customer-identity) { display: grid; }
.customer-list > a > div > small { color: var(--dc-gray); font-size: .5rem; letter-spacing: .08em; }
.customer-list > a > div > strong { font-family: "Barlow Condensed"; font-size: .9rem; margin-top: .3rem; }
.customer-list > a > i { color: var(--dc-gray); font-size: .52rem; font-style: normal; font-weight: 700; text-align: right; }
.customer-pagination { display: grid; grid-template-columns: 1fr auto 1fr; }
.customer-pagination a:last-child { text-align: right; }
.customer-detail-heading { align-items: end; border-bottom: 1px solid var(--dc-line); display: flex; justify-content: space-between; gap: 2rem; margin-bottom: 2rem; padding-bottom: 2rem; }
.customer-detail-identity { align-items: center; display: flex; gap: 1.2rem; min-width: 0; }
.customer-detail-identity > img, .customer-detail-identity > span { height: 88px; width: 88px; }
.customer-detail-identity h1 { font-size: clamp(2.5rem, 6vw, 4.5rem); line-height: .9; margin: 0 0 .5rem; overflow-wrap: anywhere; }
.customer-detail-identity code { color: #9b814e; font-size: .72rem; }
.customer-detail-heading > a { color: var(--dc-gray); font-size: .56rem; font-weight: 700; letter-spacing: .08em; text-decoration: none; }
.customer-stats { display: grid; gap: 1px; grid-template-columns: repeat(4, 1fr); margin-bottom: 2rem; }
.customer-stats > div { background: var(--dc-surface); display: grid; min-height: 100px; padding: 1rem; }
.customer-stats span { color: var(--dc-gray); font-size: .52rem; letter-spacing: .08em; }
.customer-stats strong { align-self: end; font-family: "Barlow Condensed"; font-size: 1.25rem; }
.customer-stats > div:nth-child(3) strong { color: var(--dc-red); }

@media (max-width: 991.98px) {
    .premium-hero-grid { grid-template-columns: 1fr; }
    .product-visual { margin: 0 auto; max-width: 700px; width: 100%; }
    .capability-strip .container { align-items: flex-start; flex-direction: column; }
    .sales-section-heading, .workflow-grid, .matrix-heading, .bridge-showcase-grid, .faq-grid { grid-template-columns: 1fr; }
    .sales-section-heading > p:last-child, .matrix-heading > p { max-width: 650px; }
    .value-grid, .home-plans-grid { grid-template-columns: 1fr; }
    .value-card { min-height: auto; }
    .workflow-copy { position: static; }
    .matrix-grid { grid-template-columns: repeat(2,1fr); }
    .recommended-plan { transform: none; }
    .premium-footer { grid-template-columns: 1fr auto; }
    .premium-footer > span { grid-column: 1 / -1; }
    .public-products-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .public-product-layout { grid-template-columns: 1fr; }
    .public-product-main-image { height: min(85vw, 600px); }
    .cart-layout { grid-template-columns: 1fr; }
    .cart-summary { position: static; }
    .cart-item { grid-template-columns: 72px minmax(140px, 1fr) 70px 110px auto; }
    .checkout-layout, .order-receipt-grid { grid-template-columns: 1fr; }
    .player-account-grid { grid-template-columns: 1fr; }
    .player-profile-card { grid-template-columns: 108px 1fr; column-gap: 1.2rem; }
    .player-profile-card > img, .player-profile-card > .player-avatar-placeholder { grid-row: 1 / 5; }
    .player-profile-card > small { margin-top: .25rem; }
    .player-profile-status { margin-top: .5rem; }
    .merchant-order-meta { grid-template-columns: repeat(2, 1fr); }
    .admin-shell { grid-template-columns: 1fr; }
    .admin-sidebar { position: static; }
    .admin-sidebar nav { display: flex; overflow-x: auto; padding-top: 0; }
    .admin-sidebar a { flex: 0 0 auto; }
    .admin-stats { grid-template-columns: repeat(2, 1fr); }
    .admin-finance-portals { grid-template-columns: 1fr; }
    .admin-store-list > article { grid-template-columns: 1fr; }
    .admin-store-actions { justify-content: flex-start; }
    .dashboard-metrics { grid-template-columns: repeat(2, 1fr); }
    .dashboard-grid { grid-template-columns: 1fr; }
    .financial-heading { align-items: start; flex-direction: column; }
    .financial-filter { grid-template-columns: 1fr; }
    .financial-filter form { justify-content: flex-start; }
    .financial-kpis { grid-template-columns: repeat(2, 1fr); }
    .financial-grid { grid-template-columns: 1fr; }
    .customer-list > a { grid-template-columns: minmax(200px, 1fr) repeat(3, 90px) 55px; }
    .customer-list > a > div:nth-of-type(5) { display: none; }
    .customer-stats { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 575.98px) {
    .connected-mods { grid-template-columns:1fr; }.connected-mods > div { grid-column:auto; }
    .checkout-server-heading { align-items:flex-start;flex-direction:column;gap:.8rem; }
    .checkout-server-option { grid-template-columns:20px 38px minmax(0,1fr);padding:.8rem; }
    .checkout-server-symbol { height:36px;width:36px; }
    .checkout-server-ready { grid-column:3; }
    .container { --bs-gutter-x: 1.6rem; }
    .site-header nav { min-height: 64px; }
    .brand { font-size: 1.05rem; }
    .brand-logo { height: 1.9rem; width: 1.9rem; }
    .brand-mark { height: 1.9rem; width: 1.9rem; }
    .header-actions { gap: .75rem; }
    .header-link { font-size: .62rem; }
    .premium-hero { min-height: auto; padding-top: 4rem; }
    .delivery-method-picker { grid-template-columns:1fr; }
    .skin-catalog-picker { grid-template-columns:1fr; }
    .custom-skin-fields { grid-template-columns:1fr; }
    .custom-skin-path { grid-column:auto; }
    .delivery-method-card > span { min-height:145px; }
    .sparda-coin-editor,.priority-queue-editor { padding:1.25rem; }
    .lb-color-editor { grid-template-areas:"copy" "control" "preview";grid-template-columns:1fr;padding:1.25rem; }
    .premium-hero h1 { font-size: 3.65rem; }
    .premium-hero-actions { align-items: stretch; flex-direction: column; }
    .watch-link { justify-content: center; }
    .hero-proof { gap: 1rem; justify-content: space-between; }
    .product-visual { min-height: 410px; }
    .dashboard-window { top: 55px; transform: none; width: 100%; }
    .dashboard-window-body { grid-template-columns: 45px 1fr; min-height: 290px; }
    .dashboard-window-body > aside { padding: 1rem .5rem; }
    .dashboard-window-body > aside b { width: 20px; }
    .dash-preview-content { padding: 1rem; }
    .dash-preview-content h3 { font-size: 1.8rem; }
    .dash-preview-stats article { padding: .6rem; }
    .dash-preview-stats strong { font-size: 1.1rem; }
    .fake-chart { height: 80px; }
    .floating-event { padding: .65rem; }
    .event-payment { right: -6px; top: 20px; }
    .event-delivery { bottom: 4px; left: -5px; }
    .capability-strip div div { gap: .8rem 1.2rem; }
    .sales-section-heading h2, .workflow-copy h2, .matrix-heading h2, .bridge-showcase h2, .pricing-heading h2, .faq-section h2, .closing-cta h2 { font-size: 3.1rem; }
    .matrix-grid { grid-template-columns: 1fr; }
    .workflow-steps article { gap: .7rem; grid-template-columns: 45px 1fr; padding-left: 1.2rem; }
    .showcase-checks { grid-template-columns: 1fr; }
    .premium-footer { align-items: flex-start; grid-template-columns: 1fr; }
    .premium-footer > span { grid-column: auto; }
    .footer-links { flex-wrap: wrap; }
    .legal-hero { align-items: start; grid-template-columns: 1fr; }
    .legal-layout { grid-template-columns: 1fr; }
    .legal-sidebar { position: static; }
    .legal-sidebar nav { grid-template-columns: repeat(3, 1fr); }
    .legal-sidebar nav a { text-align: center; }
    .legal-support-card { display: none; }
    .auth-shell { grid-template-columns: 1fr; }
    .auth-section, .account-section, .store-form-section, .panel-section, .admin-section { padding: 2.5rem 0; }
    .account-grid, .account-security-grid, .usage-grid, .plans-grid { grid-template-columns: 1fr; }
    .panel-sidebar nav { display: flex; overflow-x: auto; }
    .panel-sidebar nav .panel-nav-label { display: none; }
    .panel-sidebar nav a, .panel-sidebar nav > span.disabled { flex: 0 0 auto; min-height: 44px; }
    .form-actions .btn { width: 100%; }
    .storefront-nav-disabled { display: none; }
    .storefront-nav nav { gap: .8rem; }
    .storefront-nav nav > a:first-child { display: none; }
    .steam-signin img { height: 30px; }
    .steam-player span { display: none; }
    .storefront-alert-wrap { top: 82px; }
    .storefront-hero, .storefront-hero-content { min-height: 460px; }
    .storefront-hero-shade { background: linear-gradient(90deg, rgba(5,6,6,.95), rgba(5,6,6,.68)), linear-gradient(0deg, #090a0a, transparent 45%); }
    .public-products-grid, .featured-grid { grid-template-columns: 1fr; }
    .public-product-image { height: 290px; }
    .catalog-heading { align-items: flex-start; flex-direction: column; gap: .7rem; }
    .catalog-category-heading { align-items: flex-start; flex-direction: column; gap: .8rem; }
    .storefront-footer .container { align-items: flex-start; flex-direction: column; gap: 1rem; }
    .legal-sidebar nav { grid-template-columns: 1fr; }
    .legal-sidebar nav a { text-align: left; }
    .legal-document > section:not(.legal-identity) { grid-template-columns: 1fr; }
    .legal-identity dl { grid-template-columns: 1fr; }
    .account-store-actions .btn { width: auto; }
    .cart-page-heading { align-items: flex-start; flex-direction: column; gap: 1rem; }
    .cart-item { align-items: start; grid-template-columns: 64px 1fr auto; }
    .cart-item-image { height: 60px; }
    .cart-quantity { grid-column: 2; }
    .cart-item-price { grid-column: 3; grid-row: 1; text-align: right; }
    .cart-item-actions { grid-column: 2 / 4; grid-template-columns: 1fr 1fr; }
    .checkout-login-required, .order-receipt-heading { align-items: flex-start; flex-direction: column; }
    .checkout-player { align-items: flex-start; flex-wrap: wrap; }
    .checkout-player b { margin-left: 0; width: 100%; }
    .merchant-order-meta { grid-template-columns: 1fr; }
    .order-management-card { align-items: stretch; flex-direction: column; }
    .order-management-card .btn { width: 100%; }
    .delivery-manifest-heading { align-items: stretch; flex-direction: column; }
    .delivery-manifest-heading .btn { width: 100%; }
    .player-account-heading { align-items: flex-start; flex-direction: column; }
    .player-summary-grid { grid-template-columns: 1fr 1fr; }
    .player-summary-grid > div:last-child { grid-column: 1 / 3; }
    .player-orders-heading { align-items: flex-start; flex-direction: column; gap: .6rem; }
    .player-order-list > a { grid-template-columns: 1fr auto; }
    .player-order-list .order-status { grid-column: 1; }
    .player-order-list > a > i { grid-column: 2; grid-row: 2; }
    .admin-heading { align-items: flex-start; flex-direction: column; }
    .admin-stats { grid-template-columns: 1fr 1fr; }
    .admin-stats article { min-height: 110px; }
    .admin-stats article.featured { grid-column: 1 / 3; }
    .admin-store-actions { align-items: stretch; flex-direction: column; }
    .admin-store-actions > a { text-align: left; }
    .admin-store-actions form:has(select) { grid-template-columns: 1fr auto; }
    .admin-store-actions form:last-child button { width: 100%; }
    .dashboard-heading { align-items: flex-start; flex-direction: column; }
    .dashboard-metrics article { min-height: 115px; }
    .dashboard-metrics article.featured { grid-column: 1 / 3; }
    .dashboard-financial-callout { align-items: flex-start; flex-direction: column; gap: 1rem; }
    .financial-filter form { align-items: stretch; display: grid; grid-template-columns: 1fr 1fr; }
    .financial-filter form button { grid-column: 1 / -1; }
    .financial-kpis { grid-template-columns: 1fr; }
    .financial-secondary { grid-template-columns: 1fr; }
    .financial-secondary > div { align-items: flex-start; flex-direction: column; gap: .35rem; }
    .dashboard-order-list > a { grid-template-columns: 1fr auto; }
    .dashboard-order-list > a > b { grid-column: 1 / 3; justify-self: start; }
    .customer-list > a { align-items: start; grid-template-columns: 1fr 1fr; }
    .customer-identity { grid-column: 1 / 3; }
    .customer-list > a > div:nth-of-type(4) { grid-column: 1 / 3; }
    .customer-list > a > i { grid-column: 2; grid-row: 3; }
    .customer-detail-heading { align-items: flex-start; flex-direction: column; }
    .customer-detail-identity { align-items: flex-start; }
    .customer-detail-identity > img, .customer-detail-identity > span { height: 64px; width: 64px; }
    .customer-stats { grid-template-columns: 1fr 1fr; }
}

.integration-ecosystem { background:linear-gradient(180deg,#060b12,#081421);border-bottom:1px solid rgba(85,156,220,.12);padding:clamp(4rem,8vw,7rem) 0; }
.ecosystem-heading { align-items:end;display:grid;gap:3rem;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);margin-bottom:2.5rem; }
.ecosystem-heading h2 { font-size:clamp(2.8rem,5vw,4.8rem);line-height:.9;margin:.9rem 0 0; }
.ecosystem-heading > p { color:#8fa2b5;line-height:1.75;margin:0; }
.ecosystem-grid { display:grid;gap:1rem;grid-template-columns:repeat(5,minmax(0,1fr)); }
.ecosystem-card { background:#0a1521;border:1px solid rgba(85,156,220,.14);display:flex;flex-direction:column;min-height:490px;padding:2rem;position:relative; }
.ecosystem-card::before { background:var(--eco,#168bff);content:"";height:3px;inset:0 0 auto;position:absolute; }
.ecosystem-card > span { color:var(--eco,#168bff);font-size:.56rem;font-weight:700;letter-spacing:.16em; }
.ecosystem-icon { align-items:center;background:#0b1b2b;border:1px solid var(--eco,#168bff);display:flex;font:700 1.1rem "Barlow Condensed";height:58px;justify-content:center;margin:2rem 0 1.2rem;width:58px; }
.ecosystem-card h3 { font-size:2rem;margin:0 0 .8rem; }
.ecosystem-card p,.ecosystem-card li { color:#91a2b3;font-size:.73rem;line-height:1.75; }
.ecosystem-card ul { border-top:1px solid rgba(255,255,255,.08);list-style:none;margin:1.2rem 0;padding:1rem 0 0; }
.ecosystem-card li::before { color:var(--eco,#168bff);content:"—";margin-right:.6rem; }
.ecosystem-card > strong { color:var(--eco,#168bff);font:700 1.15rem "Barlow Condensed";letter-spacing:.05em;margin-top:auto; }
.ecosystem-card.sparda { --eco:#0de1e9; }
.ecosystem-card.lb { --eco:#a783ff; }
.ecosystem-card.skins { --eco:#b79aff;background:linear-gradient(145deg,rgba(167,131,255,.1),rgba(13,225,233,.04)),#0a1521; }
.ecosystem-card.lb > strong i { background:#a783ff;border-radius:50%;display:inline-block;height:.65rem;margin-right:.35rem;width:.65rem; }
.home-plans-grid .feature-off { color:#657586;text-decoration:line-through; }
.home-plans-grid .skin-plan-feature { color:#c6adff;font-weight:800; }
.home-plans-grid .full-loot-plan { border-color:rgba(167,131,255,.55);box-shadow:0 24px 70px rgba(67,35,125,.2);position:relative; }
.ecosystem-note { color:#62788c;font-size:.62rem;margin:1.2rem 0 0;text-align:center; }
.exclusive-mods-section { background:linear-gradient(180deg,#05090f 0%,#07111c 52%,#050a11 100%);border-bottom:1px solid rgba(67,148,221,.16);border-top:1px solid rgba(67,148,221,.16);overflow:hidden;padding:clamp(5rem,9vw,8.5rem) 0;position:relative; }
.exclusive-mods-section::before { background:radial-gradient(circle at 15% 15%,rgba(13,225,233,.12),transparent 28%),radial-gradient(circle at 88% 28%,rgba(22,139,255,.16),transparent 32%);content:"";inset:0;pointer-events:none;position:absolute; }
.exclusive-mods-section::after { background-image:linear-gradient(rgba(73,146,210,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(73,146,210,.045) 1px,transparent 1px);background-size:64px 64px;content:"";inset:0;mask-image:linear-gradient(to bottom,#000,transparent 86%);pointer-events:none;position:absolute; }
.exclusive-mods-noise { background:linear-gradient(115deg,transparent 0 41%,rgba(13,225,233,.035) 41.2% 41.35%,transparent 41.55%);inset:0;pointer-events:none;position:absolute; }
.exclusive-mods-section > .container { position:relative;z-index:1; }
.exclusive-mods-heading { align-items:end;display:grid;gap:clamp(2rem,7vw,7rem);grid-template-columns:minmax(0,1.15fr) minmax(280px,.65fr);margin-bottom:3.25rem; }
.exclusive-mods-heading h2 { font-size:clamp(3.2rem,6vw,5.8rem);line-height:.86;margin:.9rem 0 0;text-transform:uppercase; }
.exclusive-mods-heading h2 em { background:linear-gradient(90deg,#16d9e6,#2681ff);-webkit-background-clip:text;background-clip:text;color:transparent;font-style:normal; }
.exclusive-mods-heading > div:last-child > p { color:#91a5b8;font-size:.92rem;line-height:1.8;margin:0 0 1.5rem; }
.exclusive-mods-grid { display:grid;gap:1.15rem;grid-template-columns:repeat(12,minmax(0,1fr)); }
.exclusive-mod-card { background:#0a111a;border:1px solid rgba(100,162,217,.2);display:flex;flex-direction:column;grid-column:span 4;min-height:520px;overflow:hidden;position:relative;transition:border-color .25s ease,transform .25s ease,box-shadow .25s ease; }
.exclusive-mod-card:hover { border-color:rgba(13,225,233,.56);box-shadow:0 24px 70px rgba(0,0,0,.3),0 0 35px rgba(22,139,255,.08);transform:translateY(-5px); }
.exclusive-mod-card.primary-mod { grid-column:span 8; }
.exclusive-mod-media { background:linear-gradient(145deg,#102236,#07111c);display:block;height:280px;overflow:hidden;position:relative; }
.exclusive-mod-card.primary-mod .exclusive-mod-media { height:360px; }
.exclusive-mod-media > img { height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1);width:100%; }
.exclusive-mod-card:hover .exclusive-mod-media > img { transform:scale(1.035); }
.exclusive-mod-media > i { background:linear-gradient(to top,rgba(5,10,17,.9),transparent 55%);inset:0;pointer-events:none;position:absolute; }
.exclusive-mod-number { bottom:1rem;color:rgba(255,255,255,.75);font:700 1rem "Barlow Condensed";left:1.25rem;letter-spacing:.16em;position:absolute; }
.exclusive-primary-badge { background:#0de1e9;color:#031016;font-size:.57rem;letter-spacing:.13em;padding:.65rem .85rem;position:absolute;right:0;top:0; }
.exclusive-mod-placeholder { align-items:center;background:radial-gradient(circle at 50% 35%,rgba(22,139,255,.25),transparent 42%),linear-gradient(135deg,#0a1724,#10263b);display:flex;flex-direction:column;height:100%;justify-content:center;width:100%; }
.exclusive-mod-placeholder img { filter:drop-shadow(0 0 28px rgba(13,225,233,.27));height:82px;width:82px; }
.exclusive-mod-placeholder b { color:#fff;font:700 2rem "Barlow Condensed";letter-spacing:.09em;margin-top:.6rem; }
.exclusive-mod-placeholder small { color:#33d6ff;font-size:.55rem;letter-spacing:.24em; }
.exclusive-mod-body { display:flex;flex:1;flex-direction:column;padding:1.75rem; }
.exclusive-mod-card.primary-mod .exclusive-mod-body { padding:2rem 2.2rem; }
.exclusive-mod-body > span { color:#28cbff;font-size:.55rem;font-weight:700;letter-spacing:.18em; }
.exclusive-mod-body h3 { font-size:clamp(2rem,3.2vw,3rem);line-height:.95;margin:.65rem 0 .8rem;text-transform:uppercase; }
.exclusive-mod-body > p { color:#8398aa;font-size:.75rem;line-height:1.7;margin:0 0 1.5rem;max-width:720px; }
.exclusive-mod-body > div { align-items:center;border-top:1px solid rgba(255,255,255,.08);display:flex;gap:1rem;justify-content:space-between;margin-top:auto;padding-top:1.25rem; }
.exclusive-mod-body > div > strong { color:#32a0ff;font:700 1.45rem "Barlow Condensed"; }
.exclusive-mod-body > div > a { color:#f4f8fc;font-size:.61rem;font-weight:700;letter-spacing:.12em;text-decoration:none; }
.exclusive-mod-body > div > a b { color:#1fd8ef;font-size:1rem;margin-left:.45rem; }
.exclusive-mods-more { align-items:center;border-bottom:1px solid rgba(92,157,217,.16);display:flex;justify-content:space-between;padding:1.5rem 0; }
.exclusive-mods-more span { color:#71869a;font-size:.65rem;letter-spacing:.12em;text-transform:uppercase; }
.exclusive-mods-empty { align-items:center;background:linear-gradient(115deg,rgba(13,225,233,.08),rgba(22,139,255,.03));border:1px solid rgba(67,167,225,.24);display:grid;gap:2rem;grid-template-columns:auto 1fr auto;padding:2.5rem; }
.exclusive-mods-empty > img { height:90px;opacity:.8;width:auto; }
.exclusive-mods-empty span { color:#24cfff;font-size:.58rem;font-weight:700;letter-spacing:.16em; }
.exclusive-mods-empty h3 { font-size:2.2rem;margin:.35rem 0; }
.exclusive-mods-empty p { color:#8296a8;margin:0; }
.exclusive-mods-benefits { border:1px solid rgba(81,148,207,.17);display:grid;grid-template-columns:repeat(3,1fr);margin-top:3rem; }
.exclusive-mods-benefits article { display:grid;gap:1.1rem;grid-template-columns:auto 1fr;padding:2rem;position:relative; }
.exclusive-mods-benefits article + article { border-left:1px solid rgba(81,148,207,.17); }
.exclusive-mods-benefits b { color:rgba(50,160,255,.42);font:700 1.4rem "Barlow Condensed"; }
.exclusive-mods-benefits span { color:#21cfee;font-size:.53rem;font-weight:700;letter-spacing:.15em; }
.exclusive-mods-benefits h3 { font-size:1.55rem;margin:.35rem 0 .55rem; }
.exclusive-mods-benefits p { color:#768b9e;font-size:.7rem;line-height:1.65;margin:0; }
@media (max-width:991.98px) {
    .discord-link-card,.discord-link-card.is-linked { align-items:stretch;grid-template-columns:1fr; }
    .discord-link-actions { justify-content:flex-start; }
    .ecosystem-heading { gap:1rem;grid-template-columns:1fr; }
    .ecosystem-grid { grid-template-columns:1fr; }
    .ecosystem-card { min-height:0; }
    .exclusive-mods-heading { gap:1.5rem;grid-template-columns:1fr; }
    .exclusive-mod-card,.exclusive-mod-card.primary-mod { grid-column:span 6; }
    .exclusive-mod-card.primary-mod .exclusive-mod-media,.exclusive-mod-media { height:270px; }
    .exclusive-mods-benefits { grid-template-columns:1fr; }
    .exclusive-mods-benefits article + article { border-left:0;border-top:1px solid rgba(81,148,207,.17); }
}
@media (max-width:767.98px) {
    .exclusive-mods-heading h2 { font-size:3.35rem; }
    .exclusive-mod-card,.exclusive-mod-card.primary-mod { grid-column:1 / -1;min-height:0; }
    .exclusive-mod-media,.exclusive-mod-card.primary-mod .exclusive-mod-media { height:235px; }
    .exclusive-mod-body,.exclusive-mod-card.primary-mod .exclusive-mod-body { padding:1.5rem; }
    .exclusive-mods-more { align-items:stretch;flex-direction:column;gap:1rem; }
    .exclusive-mods-empty { grid-template-columns:1fr;text-align:center; }
    .exclusive-mods-empty > img { margin:auto; }
}

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; }
}
.market-dlc-badge {
    background: linear-gradient(135deg, #8d45ff, #2a78ff);
}

.market-dlc-requirement {
    margin-top: 2rem;
    padding: 1.35rem 1.5rem;
    border: 1px solid rgba(141, 69, 255, .5);
    border-left: 4px solid #8d45ff;
    background: linear-gradient(135deg, rgba(141, 69, 255, .13), rgba(22, 34, 49, .72));
}

.market-dlc-requirement strong {
    display: block;
    margin-bottom: .45rem;
    color: #cbaeff;
    letter-spacing: .08em;
}

.market-dlc-requirement p { margin: 0; }
.market-dlc-requirement a { color: #54ccff; font-weight: 700; }