/* OutLaw monochrome frontier finish — loaded after all legacy styles. */
:root { --mono-ink: #0a0b0c; --mono-charcoal: #202223; --mono-paper: #d4d2cb; --mono-light: #eceae3; --mono-line: #77756e; --mono-copper: #b35d2b; }
html { background: var(--mono-ink) !important; }
body {
    background: radial-gradient(ellipse at 50% -15%, rgba(235,233,225,.14), transparent 37rem), repeating-linear-gradient(-11deg, rgba(255,255,255,.016) 0 1px, transparent 1px 6px), var(--mono-ink) !important;
    color: #f4f1e9 !important;
}
body::before { opacity: .5 !important; mix-blend-mode: overlay !important; }

/* The cinematic home image is deliberately desaturated and vignetted. */
.outlaw-home-v2 { background: var(--mono-ink) !important; }
.home-camp {
    background-image: linear-gradient(180deg, rgba(8,9,10,.18), rgba(8,9,10,.9)), url('/assets/images/frontier-hero.png') !important;
    background-blend-mode: luminosity, normal !important;
}
.home-camp::before { background: linear-gradient(90deg, rgba(5,6,7,.8), rgba(33,35,36,.18) 50%, rgba(5,6,7,.8)) !important; }
.home-camp h1 {
    color: #fcfaf4 !important;
    background: repeating-linear-gradient(0deg, rgba(25,25,25,.04) 0 1px, transparent 1px 4px), linear-gradient(110deg, #c8c6bf, #f2f0e9 48%, #c7c5bd) !important;
    border-color: #77756e !important;
    box-shadow: 0 17px 32px rgba(0,0,0,.45), inset 0 0 42px rgba(25,25,25,.12) !important;
}
.home-camp h1::before { color: #5a5751 !important; }
.home-camp h1 span { color: #9d4c27 !important; }
.home-camp-actions .camp-join { color: #f8f5ed !important; background: #353637 !important; border-color: #96938b !important; }
.home-live { background: linear-gradient(145deg, #292b2c, #111314) !important; border-color: #99968d !important; border-top-color: #c4c1b7 !important; }
.home-live-list { background: rgba(255,255,255,.14) !important; }
.home-live-list a { background: rgba(5,6,7,.75) !important; }
.home-live-list i, .home-live-list strong, .home-eyebrow, .home-step strong, .home-step a { color: #d8d4ca !important; }
.home-archive { background: linear-gradient(180deg, #151718, #090a0b) !important; }
.home-archive-card { background: var(--mono-paper) !important; border-color: #92908a !important; border-bottom-color: #5a5954 !important; }
.home-archive-card-copy { background: linear-gradient(135deg, #efede6, #c8c6be) !important; }
.home-archive-card-copy small, .home-archive-read { color: #575550 !important; }
.home-archive-card-copy h3 { color: #222 !important; }
.home-archive-card-copy p { color: #474540 !important; }

/* Public pages sit on a neutral old-paper sheet instead of an orange one. */
.rules-container, .lore-container, .privacy-main, .allowlist-page, .content-wrap, .story-editor, .story-page {
    background: repeating-linear-gradient(0deg, rgba(35,35,35,.026) 0 1px, transparent 1px 5px), linear-gradient(90deg, rgba(232,230,222,.98), rgba(198,196,188,.98) 50%, rgba(232,230,222,.98)) !important;
    border-right: 1px solid rgba(255,255,255,.22) !important;
    border-left: 1px solid rgba(255,255,255,.22) !important;
    box-shadow: 0 0 44px rgba(0,0,0,.35) !important;
}
.rules-page, .laws-page, .lore-container { padding-right: 18px !important; padding-left: 18px !important; }
.allowlist-page, .content-wrap, .story-editor, .story-page, .privacy-main { padding-right: 24px !important; padding-left: 24px !important; }
.rules-hero, .laws-hero, .story-hero, .allowlist-hero, .privacy-hero {
    background-color: #bcbab3 !important;
    background-blend-mode: luminosity, normal !important;
    border-color: #5d5b56 !important;
    border-bottom-color: #333435 !important;
}
.rules-hero::before, .laws-hero::before, .story-hero::before, .allowlist-hero::before, .privacy-hero::before { background: linear-gradient(90deg, rgba(12,13,14,.83), rgba(28,30,31,.32), rgba(12,13,14,.75)) !important; }
.application-panel, .profile-box, .editor-panel, .story-body, .story-gallery, .privacy-grid, .privacy-note, .story-narrator, .story-entry, .law-office, .rule-guides, .rule-dossier, .law-dossier {
    color: #292826 !important;
    background: repeating-linear-gradient(0deg, rgba(25,25,25,.032) 0 1px, transparent 1px 4px), linear-gradient(132deg, #d0cec7, #f0eee8 50%, #c5c3bc) !important;
    border-color: #77756e !important;
    box-shadow: 6px 8px 0 rgba(0,0,0,.19) !important;
}
.application-heading h2, .profile-head h2, .editor-head h1, .story-intro h1, .story-gallery h2, .story-narrator h2, .story-entry h2, .law-office h2, .rule-guides h2, .privacy-grid h2 { color: #242321 !important; }
.application-panel p, .profile-box p, .editor-panel p, .story-body, .story-gallery, .privacy-grid p, .privacy-grid li, .story-narrator p, .story-entry p, .law-office p, .rule-guides p { color: #3e3c38 !important; }
.allowlist-progress, .rule-index, .law-index, .story-contents { background: #282a2b !important; border-color: #575853 !important; }
.allowlist-progress span, .rule-index a, .law-index a, .story-contents a { color: #f2f0e8 !important; }
.rule-dossier summary, .law-dossier summary { background: linear-gradient(90deg, #252728, #101112) !important; border-bottom-color: #9b9890 !important; }
.rule-dossier summary strong, .law-dossier summary strong { color: #f7f4eb !important; }
.rule-dossier summary small, .law-dossier summary small, .rule-dossier-action, .dossier-action { color: #d7d3c9 !important; }
.rule-block, .punishment-box { color: #2d2c29 !important; background: rgba(255,255,255,.34) !important; border-color: #9b9890 !important; }
.rule-block h3, .rule-block h3 *, .rule-block strong, .punishment-box span { color: #282725 !important; -webkit-text-fill-color: #282725 !important; }
input, select, textarea { color: #292826 !important; background: rgba(251,250,245,.91) !important; border-color: #8b8981 !important; }

@media (max-width: 700px) {
    .rules-page, .laws-page, .lore-container { padding-right: 10px !important; padding-left: 10px !important; }
    .allowlist-page, .content-wrap, .story-editor, .story-page, .privacy-main { padding-right: 14px !important; padding-left: 14px !important; }
}

/* Absolute noir pass: no colour accents are allowed anywhere on the public site. */
html { background: #08090a !important; }
body { background: radial-gradient(ellipse at 50% -15%, rgba(255,255,255,.12), transparent 38rem), repeating-linear-gradient(-10deg, rgba(255,255,255,.018) 0 1px, transparent 1px 6px), #08090a !important; }
body::after {
    content: '';
    position: fixed;
    z-index: 2147483000;
    inset: 0;
    pointer-events: none;
    background: #808080;
    mix-blend-mode: saturation;
}
header:not(.admin-masthead) { background: #08090a !important; border-bottom-color: #bcbab2 !important; }
header:not(.admin-masthead) .logo, .home-camp-center::before, footer::after { filter: grayscale(1) contrast(1.15) !important; }
header:not(.admin-masthead) .discord-btn, header:not(.admin-masthead) .discord-btn + .discord-btn { color: #f3f1ea !important; background: #2c2d2e !important; border-color: #aaa79f !important; box-shadow: 2px 3px 0 rgba(0,0,0,.35) !important; }
.home-camp { background-image: linear-gradient(180deg, rgba(5,6,7,.18), rgba(5,6,7,.92)), url('/assets/images/frontier-hero.png') !important; background-blend-mode: luminosity, normal !important; }
.home-camp h1 { background: repeating-linear-gradient(0deg, rgba(20,20,20,.04) 0 1px, transparent 1px 4px), linear-gradient(110deg, #c2c1bc, #f0efe9 48%, #c2c1bc) !important; border-color: #6d6c67 !important; }
.home-camp h1 span, .home-camp h1::before { color: #3d3d3a !important; }
.home-camp-actions a, .home-camp-actions .camp-join { color: #f5f3ec !important; background: #2b2c2d !important; border-color: #9b9890 !important; }
.home-live { background: linear-gradient(145deg, #313233, #111213) !important; border-color: #aaa79f !important; border-top-color: #d7d4cc !important; }
.home-archive, footer { background: #08090a !important; }
.rules-container, .lore-container, .privacy-main, .allowlist-page, .content-wrap, .story-editor, .story-page { background: repeating-linear-gradient(0deg, rgba(20,20,20,.026) 0 1px, transparent 1px 5px), linear-gradient(90deg, #e4e2dc, #c3c2bc 50%, #e4e2dc) !important; }
.rules-hero, .laws-hero, .story-hero, .allowlist-hero, .privacy-hero { background-color: #b9b8b2 !important; background-blend-mode: luminosity, normal !important; border-color: #62615c !important; border-bottom-color: #292a2b !important; }
.application-panel, .profile-box, .editor-panel, .story-body, .story-gallery, .privacy-grid, .privacy-note, .story-narrator, .story-entry, .law-office, .rule-guides, .rule-dossier, .law-dossier { background: repeating-linear-gradient(0deg, rgba(20,20,20,.03) 0 1px, transparent 1px 4px), linear-gradient(132deg, #cac9c3, #f1f0ea 50%, #c8c7c1) !important; border-color: #74736d !important; }
.allowlist-progress, .rule-index, .law-index, .story-contents, .rule-dossier summary, .law-dossier summary { background: #242526 !important; border-color: #75736d !important; }
.btn, .save-button, .small-btn, .discord-login-btn, .office-action { color: #f5f3ec !important; background: #303132 !important; border-color: #a8a59d !important; box-shadow: 2px 3px 0 rgba(0,0,0,.32) !important; }
.outlaw-radio { filter: grayscale(1) contrast(1.06) !important; }
