/* ARC PLUG / DARK GRIT 201
   Presentation only. No filters invert artwork and no overlay covers controls.
   Use the shared tokens for future cards, dialogs, and other new components. */
html { background:#0c1012; color-scheme:dark; }
html body.outpost-page {
  background-color:var(--op-paper)!important;
  background-image:url("grit.svg")!important;
  color:var(--op-ink); color-scheme:dark;
  scrollbar-color:#566163 #0c1012;
}
.outpost-page ::selection { background:var(--op-orange);color:var(--op-on-accent); }
.outpost-page .op-header {
  background:#101619;
  background-image:url("grit.svg");
  border-bottom-color:#3b4445;
  box-shadow:0 6px 25px #0004;
}
.outpost-page .op-utility { background:#080c0e; color:#a5afad; }
.outpost-page .op-brand-mark { color:#121716;background:#e58650; }
.outpost-page .op-wordmark small { color:var(--op-muted); }
.outpost-page .op-mega {
  background:#171e22;
  background-image:url("grit.svg");
  box-shadow:0 24px 60px #000a;
}
.outpost-page .op-dept-link:hover { background:#222c30; }
html body.outpost-page .op-mobile { background:#12191c;box-shadow:0 25px 50px #0009; }
html body.outpost-page .op-actions #discordAuthControl {
  background:#20292d;color:var(--op-white);border-color:#566163;
}
html body.outpost-page .op-actions #discordAuthControl:hover { background:#2a3438;border-color:var(--op-orange); }
.outpost-page .op-button-orange {
  background:var(--op-orange);color:var(--op-on-accent);
  border-color:#ea9b70;box-shadow:inset 0 1px 0 #fbb28655;
}
.outpost-page .op-button-orange:hover {background:#ed9b6c;border-color:#ed9b6c;color:#111514;}
.outpost-page .op-button-dark {background:#20292d;border-color:#586264;color:var(--op-white);}
.outpost-page .op-button-dark:hover {background:#2a3438;border-color:var(--op-orange);}
.outpost-page .op-button-ghost {background:#10171cc7;border-color:#747c73;color:var(--op-white);}
.outpost-page .op-button-ghost:hover {background:#20292d;border-color:var(--op-orange);}
.outpost-page .op-menu-button {border-color:#596466;}
.outpost-page .op-stripes i {background:#6c7868;}
.outpost-page .op-stripes i:nth-child(2) {background:#9f9670;}
.outpost-page .op-stripes i:nth-child(3) {background:#b07950;}
.outpost-page .op-stripes i:nth-child(4) {background:var(--op-orange);}
.outpost-page .op-footer {background:#090e10;background-image:url("grit.svg");}
.outpost-page .op-footer-links>div>span {color:#b3bbb6;}
.outpost-page .op-footer-stamp>strong {color:#c4ccc7;}

/* Field image kept cinematic, not washed out or inverted. */
.op-home .op-hero {background:#0d1315;border-bottom:1px solid #353d3b;}
.op-home .op-hero-media img {filter:brightness(.69) saturate(.63) contrast(1.1);}
.op-home .op-hero-media::after {
  background:linear-gradient(90deg,#0d1315 0%,#0d1315cf 16%,#0d131542 46%,#0d131510 80%),linear-gradient(0deg,#0b1015dc,transparent 52%);
}
.op-home .op-hero-grid {
  background-image:url("grit.svg"),linear-gradient(#899b9508 1px,transparent 1px),linear-gradient(90deg,#899b9508 1px,transparent 1px);
  background-size:180px 180px,85px 85px,85px 85px;
}
.op-home .op-hero h1>span {color:var(--op-orange);}
.op-home .op-on-dark {color:#c3ccc4;}
.op-home .op-hero-copy>p {color:#bac3bd;}
.op-home .op-trust {
  background:#151c20;background-image:url("grit.svg");
  box-shadow:inset 0 -1px 0 #0008;
}
.op-home .op-trust .op-icon {color:#aabaad;}
.op-home .op-department-grid {background:#141b1e;}
.op-home .op-department {background-image:url("grit.svg");}
.op-home .op-department-top>.op-icon {color:#8d9d93;}
.op-home .op-department-featured {
  background-color:#232722;color:var(--op-white);border-color:var(--op-line);
  box-shadow:inset 0 3px 0 var(--op-orange);
  background-image:url("grit.svg"),linear-gradient(135deg,#57352235,transparent 72%);
}
.op-home .op-department-featured :is(.op-department-top>span,div>small,p) {color:#bec6b8;}
.op-home .op-department-featured .op-department-top>.op-icon,
.op-home .op-department-featured .op-department-bottom {color:var(--op-orange);}
.op-home .op-department-featured .op-department-bottom {border-color:#555345;}
.op-home .op-department:hover {
  background-color:#222b2c;color:var(--op-white);
  box-shadow:inset 0 3px 0 var(--op-orange);
}
.op-home .op-product-card {background:var(--op-surface);background-image:url("grit.svg");}
.op-home .op-product-card:hover {border-color:#677267;box-shadow:0 10px 25px #0003;}
.op-home .op-product-label {background:#0b1115ed;color:#cbd2c9;border:1px solid #515b56;}
.op-home .op-product-card h3 {color:var(--op-ink);}
.op-home .op-product-card-bottom>span {color:#bac4bb;}
.op-home .op-product-image>img {filter:brightness(.86) saturate(.65);}
.op-home .op-community-section {background:#11181b;background-image:url("grit.svg");border-bottom:1px solid var(--op-line);}
.op-home .op-discord-card {
  background:#1d2629;
  background-image:url("grit.svg"),linear-gradient(140deg,#31362e66,transparent 65%);
  border:1px solid #4c5755;border-top:3px solid var(--op-orange);color:var(--op-white);
}
.op-home .op-discord-card::before {border-color:#83907c25;box-shadow:0 0 0 50px #7f8b7908,0 0 0 100px #7f8b7908;}
.op-home .op-discord-card-top {border-color:#4a5654;color:#c3cec3;}
.op-home .op-discord-card-top>.op-icon {color:var(--op-orange);}
.op-home .op-discord-card>p {color:#b4c0b7;}
.op-home .op-discord-numbers strong {color:var(--op-orange);}
.op-home .op-discord-numbers>div+div {border-color:#54605b;}
.op-home .op-discord-card-bottom {color:#abb9ad;border-color:#4a5654;}
.op-home .op-community-live {color:#adbab1;}
.op-home .op-discord-card .op-button {background:#2a3336;border-color:#67716b;}
.op-home .op-discord-card .op-button:hover {background:#35403f;border-color:var(--op-orange);}
.op-home .vouch-wall {background:#151d20;}
.op-home .vouch-empty-state {color:var(--op-ink);}
.op-home .vouch-mini-card {background:#12181b;color:var(--op-ink);}
.op-home .top-spenders-section {background:#0c1214;background-image:url("grit.svg");border-block:1px solid #303a3a;}
.op-home .op-team-member {background:#131a1d;}
.op-home .op-faq summary:hover {color:#e8a67d;}
.op-home .op-faq details[open] {background:#141c20;}
.op-home .op-faq details[open] :is(summary,p) {padding-left:14px;padding-right:14px;}
.op-home .op-final-cta {background:#161e20;background-image:url("grit.svg");border-top:1px solid #4d564b;}
.op-home .op-cta-watermark {color:#c3ccc608;}

/* Inherited templates retain their data attributes and behavior. */
html body.op-inner :is(input,select,textarea) {color-scheme:dark;caret-color:var(--op-orange);}
html body.op-inner :is(select option,select optgroup) {background:#11191c;color:var(--op-white);}
html body.op-inner :is(.op-page-rail,.op-shop-toolbar) {background:#10171a;}
html body.op-inner .vault-cart {background:#192125;box-shadow:0 12px 35px #0005;}
html body.op-inner .vault-cart-footer {background:#121a1d;}
html body.op-inner .vault-category-list button.active,
html body.op-inner .vault-mobile-categories button.active {
  background:#2d3029;color:var(--op-white);border-color:#736248;
}
html body.op-inner :is(.vault-product-add,.vault-empty-pick button,.vault-rec-card button) {
  border:1px solid #596864!important;background:#27322f!important;color:var(--op-white)!important;
}
html body.op-inner .vault-product-add.in-cart {background:#344036!important;border-color:#7a8e76!important;color:#dce9d4!important;}
html body.op-inner .arc-restock-banner {background:#28211b!important;border-color:#756044!important;}
html body.op-inner .arc-restock-banner :is(h2,p,.arc-restock-kicker) {color:#d6be9e!important;}
html body.op-inner :is(.button,.nfa63-primary,.nfa65-arc-primary,.plug51-primary,.nfa63-cta,.plug-category-cta,.subs-buy-button,.plugacct87-buy,.plug89-submit,.vault-checkout,.vault-hero-buy button) {
  color:var(--op-on-accent)!important;
}
html body.op-inner .vault-checkout :is(span,strong) {color:var(--op-on-accent)!important;}
html body.op-inner .vault-hero {background:#11181b!important;border:1px solid #35403e!important;}
html body.op-inner .vault-hero-meta {background:#10171a;}
html body.op-inner .vault-product-share {background:#172124ed;color:var(--op-white);border:1px solid #5c6862;}
html body.op-inner :is(.vault-product,.nfa63-card,.plug-product-card,.subs-card,.spoofer-price-card) {background-image:url("grit.svg")!important;}
html body.op-inner :is(.arc-pay-shell,.payment-modal,.payment-checkout-panel,.payment-checkout-modal,.subs-modal) {
  color-scheme:dark;box-shadow:0 30px 80px #0009!important;
}
html body.op-inner .arc-pay-shell {--pay-bg:#12191c;--pay-card:#20292b;--pay-text:#e4e8e5;--pay-muted:#afbab5;--pay-line:#48534e;--pay-accent:var(--op-orange);background:#12191c!important;}
html body.op-inner :is(.arc-pay-head,.arc-pay-side) {background:#1a2426!important;}
html body.op-inner :is(.arc-pay-method,.arc-pay-manual-method) {background:#273130!important;color:var(--op-white)!important;}
html body.op-inner :is(.arc-pay-provider-box,.arc-pay-manual-box,.arc-pay-instructions) {background:#141f20!important;}
html body.op-inner :is(.arc-pay-close,.modal-close,.subs-modal-close) {color:var(--op-white)!important;}
html body.outpost-page .arc-system-pill {background:#10191b!important;border-color:#56685d!important;}
@media(max-width:700px) {
  .op-home .op-hero-media img {filter:brightness(.63) saturate(.65) contrast(1.08);}
  .op-home .op-hero-media::after {background:linear-gradient(180deg,#0d1315 0%,#0d1315b0 20%,#0d131520 52%),linear-gradient(0deg,#0b1015ed,transparent 62%);}
  .op-home .op-hero-actions .op-button-ghost {background:#141d20d9;}
  .op-home .op-department-grid .op-department-featured {border-color:var(--op-line);}
}
@media(prefers-reduced-motion:reduce) {
  .outpost-page *, .outpost-page *::before, .outpost-page *::after {animation:none!important;transition:none!important;}
}
/* Contrast reconciliation for legacy templates with more-specific rules. */
html body.outpost-page.op-inner :is(.button.secondary-button,.button.recook-secondary,.nfa63-secondary,.nfa65-arc-secondary,.plug51-secondary) {
  color:var(--op-ink)!important;-webkit-text-fill-color:currentColor!important;
}
html body.outpost-page.op-inner :is(#resellerIdentityAction,#resellerGateAction,#resellerApplyActionBottom) {
  background:var(--op-orange)!important;color:var(--op-on-accent)!important;
  border-color:var(--op-orange)!important;-webkit-text-fill-color:currentColor!important;
}
html body.outpost-page.op-inner.nfa64-page :is(.product-order-actions .primary-button,.product-order-actions .primary-button strong) {
  color:var(--op-on-accent)!important;-webkit-text-fill-color:currentColor!important;
}
html body.outpost-page.op-inner main :is(h1,h2,h3)>span,
html body.outpost-page.op-inner.nfa64-page #arcNfaInformationTitle>span {
  color:var(--op-orange)!important;background:none!important;-webkit-text-fill-color:currentColor!important;text-shadow:none!important;
}
html body.outpost-page.op-inner :is(.customer-order-search>span,.nfa66-filter-label,.nfa67-section-intro>p,.nfa65-arc-metrics small,.plugacct87-side-metrics small,.plug51-status-main>small,.plug51-metric span,.reseller-application-account>span) {
  color:var(--op-muted)!important;
}
html body.outpost-page.op-inner .nfa65-arc-metrics>div {background:#20282c!important;background-image:none!important;}
html body.outpost-page.op-inner .nfa65-arc-copy small {color:var(--op-muted)!important;}
html body.outpost-page.op-inner .plug-sale-burst :is(span,small) {color:var(--op-on-accent)!important;}
html body.outpost-page.op-inner .subs-trust-grid span,
html body.outpost-page.op-inner .subs-how-grid b {color:var(--op-orange)!important;}
html body.outpost-page.op-inner .subs-how-grid article {background:#171e22;border-color:var(--op-line);border-radius:2px;}
html body.outpost-page.op-inner :is(.subs-card-cat,.subs-card-price small,.subs-modal label,.subs-product-price small) {color:var(--op-muted)!important;}
html body.outpost-page.op-inner .subs-card button:not(:disabled) {background:var(--op-orange)!important;color:var(--op-on-accent)!important;border-radius:2px;}
html body.outpost-page.op-inner :is(.subs-card-media,.subs-modal-media) {background:#11181b;}
html body.outpost-page.op-inner .subs-card-flags span {background:#212c2b;border-color:#50615a;color:#c1cebf;}
html body.outpost-page.op-inner :is(.subs-product-price,.subs-delivery-info,.subs-howto,.subs-sensitive-note) {background:#1d2828;border-color:#495950;color:#becbbe;}
html body.outpost-page.op-inner .vault-category-list button i {color:var(--op-muted);}
html body.outpost-page.op-inner .vault-product-kicker {color:#bdc7bc;}
html body.outpost-page.op-inner :is(.vault-view-all-wrap span,.vault-bottom-banner span) {color:#bac7b8;}
html body.outpost-page.op-inner .vault-cart-ready b {color:#aebeaf;}
html body.outpost-page.op-inner .vault-cart-head h2 b {background:#273b30!important;color:#c7dbbc!important;}
html body.outpost-page.op-inner .op-shop-cart-trigger .vault-header-cart-icon b {color:var(--op-on-accent);}
html body.outpost-page.op-inner .vault-checkout :is(small,span,strong) {color:var(--op-on-accent)!important;}
html body.outpost-page.op-inner .nfa63-card .nfa63-card-meta {background:#20282c!important;background-image:none!important;}
html body.outpost-page.op-inner .nfa63-card .nfa63-card-meta small {color:var(--op-muted)!important;}
html body.outpost-page.op-inner .status-actions>a:first-child {color:var(--op-on-accent)!important;}
html body.outpost-page.op-inner #bottomCartCount {background:#34473b!important;color:#dfebd7!important;}
html body.outpost-page.op-inner :is(.arc-pay-primary,.arc-pay-actions a) {color:var(--op-on-accent)!important;}
html body.outpost-page.op-inner .subs-modal-backdrop {z-index:12000;background:#05090de8;}
html body.outpost-page.op-inner {--subs-green:#a6bd94;}
html body.outpost-page.op-inner :is(.subs-kicker i,.subs-status i,.subs-live-pill i) {box-shadow:none;}
