@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700;800&family=Inter:wght@400;500;600;700&display=swap');:root{color-scheme:dark;--bg:#091318;--panel:#102127;--line:#294047;--muted:#b2c2c4;--white:#f4f0e8;--accent:#b5c7bc}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--white);font:16px/1.7 Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.top{position:fixed;z-index:20;top:0;left:0;right:0;min-height:74px;display:flex;align-items:center;justify-content:space-between;padding:10px clamp(18px,4vw,65px);background:rgba(5,14,18,.92);border-bottom:1px solid rgba(196,218,215,.17);backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:9px;font:800 24px Cinzel,Georgia,serif;letter-spacing:3px}.brand img{width:43px;height:43px;object-fit:contain}.brand small{font-size:12px;color:var(--accent)}nav{display:flex;align-items:center;gap:clamp(9px,1.25vw,24px)}nav a{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:#c9d4d3}nav a:hover{color:#fff}.account{border:1px solid #849b98;border-radius:3px;padding:9px 12px}.menu{display:none;background:none;border:0;color:white;font-size:28px;cursor:pointer}.hero{min-height:100svh;position:relative;display:grid;place-items:center;text-align:center;background:linear-gradient(180deg,rgba(3,10,14,.35),rgba(3,10,14,.38) 55%,#091318 100%),url('assets/fondo.png') center center/cover no-repeat}.hero-content{position:relative;z-index:1;padding:125px 20px 90px}.eyebrow{font-size:11px!important;letter-spacing:4px;font-weight:700;color:#b2cac4!important}.emblem{height:clamp(120px,17vw,210px);max-width:55vw;object-fit:contain;filter:drop-shadow(0 8px 25px #000)}h1,h2,h3{font-family:Cinzel,Georgia,serif;line-height:1.2}h1{font-size:clamp(64px,11vw,150px);letter-spacing:12px;margin:0;text-shadow:0 6px 25px #000}h1 span{font-size:.25em;vertical-align:middle;letter-spacing:2px}.tagline{font-size:clamp(13px,2vw,21px);font-family:Cinzel,serif;letter-spacing:3px;font-weight:700}.intro{color:#d2dedc}.actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-block;padding:13px 25px;border:1px solid #c2d0c7;background:#c4d2c7;color:#0a191b;font-weight:800;font-size:12px;letter-spacing:1px;text-transform:uppercase;border-radius:3px;transition:transform .2s,background .2s}.btn:hover:not(:disabled){transform:translateY(-2px);background:#fff}.btn.secondary,.btn.outline{background:transparent;color:#f3f4ef}.btn.disabled{opacity:.45;cursor:not-allowed}.down{position:absolute;bottom:22px;font-size:36px;color:#c5d6d0}.section{padding:clamp(72px,10vw,120px) max(24px,calc((100vw - 1080px)/2));scroll-margin-top:40px}.section.alt{background:#0e1c22}.section h2{font-size:clamp(30px,4vw,49px);margin:8px 0 22px}.section>p:not(.eyebrow),.section>.small{max-width:750px;color:var(--muted)}.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:35px 0}.tiles article{padding:26px;background:#14262d;border:1px solid #2d454c;border-radius:5px}.tiles span{font:700 24px Cinzel,serif;color:#d7e0d4}.tiles h3{font-size:18px;margin:15px 0 10px}.tiles p{color:var(--muted);font-size:14px}.chip{display:inline-block;border:1px solid #607876;padding:7px 12px;border-radius:2px;color:#cadbd4;font-size:12px;margin-top:14px}.notice{max-width:720px;background:#13262b;border-left:3px solid #9ab7ae;padding:18px 22px;margin:25px 0}.notice p{margin-bottom:0;color:var(--muted)}.small{font-size:13px}footer{text-align:center;padding:50px 20px;background:#061014;border-top:1px solid var(--line)}footer strong{font:700 26px Cinzel,serif}footer p,footer small{color:var(--muted)}@media(max-width:1100px){.menu{display:block}nav{display:none;position:absolute;top:73px;left:0;right:0;background:#07151a;padding:22px;flex-direction:column;align-items:stretch;max-height:calc(100vh - 73px);overflow:auto}nav.open{display:flex}nav a{padding:8px 5px}.tiles{grid-template-columns:1fr}}@media(max-width:520px){h1{letter-spacing:4px}.tagline{letter-spacing:1px}.section{padding:70px 22px}.hero{background-position:57% center}}

.discord-profile { display:flex; align-items:center; gap:14px; margin:20px 0; }
.discord-profile img { border-radius:50%; border:2px solid #789b9c; object-fit:cover; }
.discord-profile strong { color:#f1eee7; font-size:18px; overflow-wrap:anywhere; }
#discord-account .btn { margin-top:10px; }

.exam-box{background:#11252b;border:1px solid #355059;border-radius:6px;padding:24px;max-width:900px}.exam-box fieldset{border:1px solid #36535b;padding:16px;margin:18px 0}.exam-box legend{font-weight:700;color:#f4f0e8;padding:0 8px}.answer{display:block;padding:8px;cursor:pointer}.answer input{margin-right:8px}.exam-box button{cursor:pointer}.question-editor{display:grid;gap:12px;padding:18px;border:1px solid #36535b;margin:22px 0}.question-editor input:not([type=checkbox]),.question-editor textarea,.question-editor select{width:100%;padding:12px;background:#08171c;border:1px solid #567078;color:#fff;border-radius:3px;font:inherit}.question-editor textarea{min-height:85px}.staff-question{border-top:1px solid #38515a;padding:17px 0}.staff-question p{color:#b5c8c7}.actions-inline{display:flex;gap:8px;flex-wrap:wrap}.actions-inline .btn{padding:9px 12px;font-size:11px}

/* FEAR WEB — Centro de administración */
.staff-console{background:linear-gradient(150deg,#10262b,#0a1a20);border:1px solid #38535a;border-radius:12px;padding:clamp(18px,3vw,32px);max-width:1150px;box-shadow:0 20px 70px #0004}
.staff-head{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;margin-bottom:22px}.staff-head h3{font-size:clamp(24px,3vw,36px);margin:7px 0}.staff-kicker{font-size:10px;letter-spacing:3px;color:#b6c7ba;font-weight:800}.staff-subtitle,.staff-muted{color:#b0c2c1;font-size:13px}.staff-access{border:1px solid #69857d;border-radius:30px;padding:7px 14px;font-size:11px;letter-spacing:1px;text-transform:uppercase;color:#e0e8dc}
.staff-tabs{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid #344f55;padding-bottom:14px;margin-bottom:22px}.staff-tab{background:transparent;border:1px solid transparent;border-radius:5px;padding:10px 17px;color:#c4d1cf;cursor:pointer;font-weight:700;font-size:13px}.staff-tab:hover{background:#193238}.staff-tab.active{background:#d2dcd1;color:#102025}
.staff-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:20px}.staff-stat{padding:20px 15px;background:#182e34;border:1px solid #345158;border-radius:8px;display:flex;flex-direction:column;gap:8px}.staff-stat strong{font:700 31px Cinzel,serif;color:#f3efe4}.staff-stat span{font-size:12px;color:#b6c8c6}.staff-panel{background:#11252b;border:1px solid #2f4950;border-radius:8px;padding:20px;margin:14px 0}.staff-panel h4,.staff-section-title{font:700 20px Cinzel,serif;margin:0 0 12px}.staff-panel .btn{margin-top:8px}.staff-tools{display:flex;gap:10px;flex-wrap:wrap;margin:15px 0}.staff-search,.staff-filter{background:#07181d;color:#f2f0e8;border:1px solid #4b6870;border-radius:5px;padding:12px;font:inherit}.staff-search{flex:1;min-width:200px}.staff-table-wrap{overflow-x:auto;border:1px solid #345058;border-radius:7px}.staff-table{width:100%;border-collapse:collapse;min-width:640px;font-size:13px}.staff-table th{text-align:left;background:#1c343b;padding:14px;color:#d9e4df}.staff-table td{padding:13px;border-top:1px solid #304a52;color:#d5e0df}.staff-id{font-family:monospace;white-space:nowrap}.staff-copy{background:transparent;color:#c7d9d1;border:0;text-decoration:underline;cursor:pointer;margin-left:10px}.staff-pill{display:inline-block;padding:4px 9px;border-radius:20px;font-size:11px;font-weight:700}.staff-pill.passed{background:#214438;color:#d4e7d5}.staff-pill.failed{background:#4c2c2b;color:#f4d1cc}.staff-pill.neutral{background:#334249;color:#d4d9d9}.staff-empty{padding:22px;border:1px dashed #4a6369;border-radius:6px;color:#c5d3d1}.staff-footnote{margin-top:16px}.staff-editor{margin:16px 0 26px;background:#0e2026;border-radius:8px}.staff-checkbox{display:flex;align-items:center;gap:8px}.staff-question-list{display:grid;gap:12px}.staff-question{border:1px solid #345159;border-radius:8px;padding:20px;background:#11262c}.staff-question-top{display:flex;justify-content:space-between;gap:15px;align-items:flex-start}.staff-options{font-size:13px;color:#b9cbc8;margin:14px 0}.staff-options li{padding:3px 0}.staff-options li.correct{color:#cbe8d0;font-weight:700}.staff-danger{border-color:#925e5b!important;color:#f2d1cb!important}
@media(max-width:700px){.staff-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.staff-stat{padding:14px}.staff-stat strong{font-size:25px}.staff-tab{flex:1}.staff-console{padding:16px}}

.faction-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin-top:24px}.faction-card{padding:22px;border:1px solid #355059;border-radius:7px;background:#11252b;white-space:pre-line}.faction-card img{width:100%;height:180px;object-fit:cover;border-radius:5px}.faction-card h4{margin-bottom:0}.faction-card p{color:#b2c2c4;overflow-wrap:anywhere}.staff-panel{margin-top:16px}.staff-editor input[type=url]{width:100%;padding:12px;background:#08171c;border:1px solid #567078;color:#fff;border-radius:3px}

/* FEAR WEB — Cinematic visual refresh. No changes to business logic. */
:root{--bg:#070f12;--panel:#101e21;--line:#40504c;--accent:#d4b889;--muted:#bac6c1;--white:#f4eee2}
body{background:radial-gradient(ellipse at 80% 18%,rgba(81,91,72,.12),transparent 40%),var(--bg)}
.top{background:rgba(6,13,15,.88);border-bottom:1px solid rgba(212,184,137,.22);box-shadow:0 12px 40px rgba(0,0,0,.22)}
.brand{color:#f1dfb9;text-shadow:0 0 24px rgba(212,184,137,.14)}
nav a{transition:color .2s ease}nav a:hover,nav a:focus-visible{color:#ead3a4}
.account{border-color:rgba(212,184,137,.55)}
.hero{isolation:isolate;background:linear-gradient(180deg,rgba(2,7,9,.45) 0%,rgba(3,10,12,.12) 40%,rgba(3,10,12,.65) 77%,#070f12 100%),url('assets/fondo.png') center center/cover no-repeat}
.hero::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 50% 35%,transparent 10%,rgba(0,0,0,.55) 100%)}
.hero::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.15;background:repeating-linear-gradient(0deg,transparent 0px,transparent 3px,rgba(244,238,226,.06) 4px,transparent 5px)}
.hero-content{animation:fear-rise .9s ease both}
.hero h1{color:#f5e8ce;text-shadow:0 5px 40px rgba(0,0,0,.85),0 0 55px rgba(215,184,127,.12)}
.tagline,.eyebrow{color:#d6b986!important}.tagline{letter-spacing:clamp(2px,.4vw,6px)}
.emblem{filter:drop-shadow(0 12px 28px #000) drop-shadow(0 0 18px rgba(216,185,137,.16))}
.btn{background:linear-gradient(135deg,#e0c99d,#b99c6f);border-color:#d5bd91;color:#171915;box-shadow:0 7px 18px rgba(0,0,0,.18);transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.btn:hover:not(:disabled){transform:translateY(-3px);background:#f2dcb1;box-shadow:0 12px 28px rgba(0,0,0,.3)}
.btn.secondary,.btn.outline{border-color:rgba(212,184,137,.65);color:#f1e4ce;background:rgba(8,18,20,.45)}
.btn.secondary:hover:not(:disabled){background:rgba(212,184,137,.12)}
.section{position:relative}.section.alt{background:linear-gradient(180deg,#0d191b,#101d1e)}
.section h2{color:#f0dfc2;letter-spacing:.025em}
.tiles article,.exam-box,.notice{background:linear-gradient(145deg,rgba(26,42,43,.97),rgba(12,27,29,.98));border-color:rgba(205,179,134,.23);box-shadow:0 15px 35px rgba(0,0,0,.12)}
.tiles article{transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease;position:relative;overflow:hidden}
.tiles article::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(220,189,138,.55),transparent)}
.tiles article:hover{transform:translateY(-5px);border-color:rgba(220,189,138,.65);box-shadow:0 18px 40px rgba(0,0,0,.26)}
.tiles span{color:#ddc49b}.chip{border-color:#947d5d;color:#e2cda8}
.exam-box{max-width:none;border-radius:10px}.notice{border-left-color:#c4a471}
:focus-visible{outline:2px solid #e0c58f;outline-offset:3px}
@keyframes fear-rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
@media(max-width:520px){.hero-content{padding-top:110px}.tiles article:hover{transform:none}}


/* FEAR WEB — Catálogos cinematográficos: facciones, propiedades y negocios */
#facciones,#propiedades,#negocios{overflow:hidden}
#facciones::before,#propiedades::before,#negocios::before{content:"";position:absolute;inset:0 0 auto;height:260px;pointer-events:none;background:radial-gradient(ellipse at 85% 0%,rgba(193,158,101,.075),transparent 70%)}
.fear-catalog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:24px;margin-top:34px;align-items:start}
.fear-catalog-card{min-width:0;overflow:hidden;border:1px solid rgba(205,177,128,.29);border-radius:12px;background:linear-gradient(155deg,#17272a,#0b171b);box-shadow:0 20px 45px rgba(0,0,0,.22);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.fear-catalog-card:hover{transform:translateY(-6px);border-color:rgba(222,190,136,.7);box-shadow:0 28px 60px rgba(0,0,0,.4)}
.fear-catalog-visual{height:245px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 70% 20%,#315158 0%,#12282d 45%,#071216 100%)}
.fear-catalog-visual::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,rgba(4,11,13,.7),transparent 55%)}
.fear-catalog-image{width:100%;height:100%;display:block;object-fit:cover;transition:transform .55s ease,filter .55s ease;filter:saturate(.82) contrast(1.05)}
.fear-catalog-card:hover .fear-catalog-image{transform:scale(1.055);filter:saturate(1) contrast(1.04)}
.fear-catalog-no-image::before{content:"FEAR";position:absolute;inset:0;display:grid;place-items:center;color:rgba(220,192,147,.13);font:700 clamp(50px,7vw,90px) Cinzel,serif;letter-spacing:.2em;background:linear-gradient(135deg,transparent 30%,rgba(206,176,118,.07) 50%,transparent 75%)}
.fear-catalog-category,.fear-catalog-status{position:absolute;z-index:1;bottom:15px;padding:6px 11px;border:1px solid rgba(220,192,147,.5);border-radius:30px;background:rgba(5,16,18,.8);backdrop-filter:blur(8px);font-size:10px;letter-spacing:1.5px;text-transform:uppercase;font-weight:800;color:#f0d9b0}
.fear-catalog-category{left:17px}.fear-catalog-status{right:17px;color:#f2eee4;border-color:rgba(240,238,228,.28);letter-spacing:.3px}
.fear-catalog-content{padding:23px 23px 20px}.fear-catalog-meta{color:#c8ad80;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;margin:0 0 12px;overflow-wrap:anywhere}
.fear-catalog-title{font-size:clamp(20px,2vw,25px);color:#f4e4c9;margin:0 0 12px;overflow-wrap:anywhere}
.fear-catalog-excerpt{color:#c1cfca;font-size:14px;line-height:1.7;white-space:pre-line;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;margin:0 0 16px}
.fear-catalog-details{border-top:1px solid rgba(216,185,137,.22);padding-top:14px}
.fear-catalog-toggle{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;font-weight:800;letter-spacing:1.3px;text-transform:uppercase;color:#e6c996}
.fear-catalog-toggle::-webkit-details-marker{display:none}.fear-catalog-toggle::after{content:"+";font-size:23px;line-height:1;font-weight:400}.fear-catalog-details[open] .fear-catalog-toggle::after{content:"−"}
.fear-catalog-detail-body{padding-top:13px;color:#c9d4d0;font-size:14px;overflow-wrap:anywhere;white-space:pre-line}.fear-catalog-detail-body h4{color:#e8d0a9;font-size:14px;margin:14px 0 5px}.fear-catalog-detail-body p{margin:0 0 10px}
.fear-catalog-empty{margin-top:30px;padding:54px 24px;border:1px solid rgba(212,184,137,.28);border-radius:12px;text-align:center;background:radial-gradient(ellipse at top,rgba(197,169,115,.08),transparent 65%),linear-gradient(145deg,#14252a,#0b171b)}
.fear-catalog-empty-mark{font-size:31px;color:#c6a774}.fear-catalog-empty h3{color:#f0dfc2;font-size:clamp(20px,3vw,28px);margin:10px 0}.fear-catalog-empty p{color:#bfcac5;max-width:520px;margin:0 auto}
@media(max-width:600px){.fear-catalog-grid{gap:17px}.fear-catalog-visual{height:215px}.fear-catalog-card:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.fear-catalog-card,.fear-catalog-image{transition:none!important}}

/* FEAR WEB — Mi cuenta avanzada */
.fear-account{max-width:980px;margin:28px 0;background:linear-gradient(135deg,#162a2b,#091518);border:1px solid rgba(212,184,137,.4);border-radius:14px;padding:clamp(18px,3vw,34px);box-shadow:0 20px 55px #0005}
.fear-account-head,.fear-account-identity,.fear-account-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.fear-account-head{justify-content:space-between;border-bottom:1px solid #45504a;padding-bottom:24px;margin-bottom:22px}
.fear-account-avatar{width:76px;height:76px;border-radius:50%;border:2px solid #cbb185;object-fit:cover;background:#243436}
.fear-account-identity h3{margin:4px 0;font-size:24px;overflow-wrap:anywhere}.fear-account-kicker{font-size:10px;letter-spacing:2px;color:#d8b982;font-weight:800}.fear-account-id{margin:0;font-size:12px;color:#bac6c1;overflow-wrap:anywhere}
.fear-account-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.fear-account-stat{padding:18px;background:#0c1c20;border:1px solid #3b4d49;border-radius:9px;min-width:0}.fear-account-stat span{display:block;font-size:12px;color:#b9c8c4}.fear-account-stat strong{display:block;margin-top:7px;font:700 clamp(16px,2vw,23px) Cinzel,serif;overflow-wrap:anywhere}.fear-approved{color:#d4e7ce}.fear-account-actions{margin-top:24px}.fear-account-note{font-size:13px;color:#c7c9bd;margin:18px 0 0}.fear-account-guest{text-align:center;padding:24px}.fear-account-error{color:#e7b7b1}
@media(max-width:580px){.fear-account-stats{grid-template-columns:1fr}.fear-account-head{align-items:flex-start}.fear-account-actions .btn{width:100%;text-align:center}}

/* FEAR WEB · Mapa público completo */
.fear-map-shell{margin-top:30px;background:linear-gradient(150deg,#132326,#091519);border:1px solid #7b694c;border-radius:12px;overflow:hidden;box-shadow:0 25px 65px #0005}.fear-map-head{padding:20px 24px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border-bottom:1px solid #4c4b3e}.fear-map-head strong{font:700 18px Cinzel,serif;color:#eed5aa}.fear-map-head span,.fear-map-note{font-size:12px;color:#b9aaa0}.fear-map-filters{padding:14px 20px;display:flex;flex-wrap:wrap;gap:10px}.fear-map-filter{background:transparent;border:1px solid #7b694c;border-radius:5px;padding:9px 16px;color:#e6d7bc;cursor:pointer}.fear-map-filter.active,.fear-map-filter:hover{background:#d4b889;color:#10191a}.fear-map-canvas{min-height:380px;margin:0 20px;display:grid;place-items:center;position:relative;border:1px solid #65583d;border-radius:7px;background:radial-gradient(ellipse at 35% 40%,#233e3b,#0a191b 70%);overflow:hidden}.fear-map-canvas:before{content:'';position:absolute;inset:0;opacity:.17;background:repeating-linear-gradient(30deg,transparent 0 25px,#c8aa78 26px,transparent 27px)}.fear-map-placeholder{position:relative;z-index:1;text-align:center;padding:30px;max-width:470px}.fear-map-placeholder span{font-size:11px;letter-spacing:4px;color:#d4b889}.fear-map-placeholder h3{font-size:clamp(24px,4vw,38px);color:#edddbe}.fear-map-placeholder p{color:#c6c8c0}.fear-map-list{padding:20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}.fear-map-place{padding:16px;border:1px solid #46514b;border-radius:7px;background:#0c1c20}.fear-map-place strong{display:block;color:#e8d2a9}.fear-map-place small{color:#bbc8c2}.fear-map-empty{grid-column:1/-1;color:#bdc5be}.fear-map-note{padding:0 20px 18px;margin:0}@media(max-width:600px){.fear-map-canvas{min-height:300px;margin:0 12px}.fear-map-head{padding:16px}.fear-map-list{padding:12px}}

/* FEAR · Mapa interactivo cartográfico */
.fear-map-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 20px 12px;color:#cbbba2;font-size:12px;flex-wrap:wrap}.fear-map-toolbar>div{display:flex;gap:6px}.fear-map-toolbar button{background:#1b302f;color:#f2ddba;border:1px solid #8a7351;border-radius:5px;padding:5px 13px;cursor:pointer;font-size:19px}.fear-map-canvas{height:clamp(390px,60vw,660px);min-height:0;display:block;touch-action:none;cursor:grab;background:radial-gradient(ellipse at center,#233532,#071114 78%)}.fear-map-canvas:before{display:none}.fear-map-canvas:active{cursor:grabbing}.fear-map-stage{position:absolute;transform-origin:top left;user-select:none}.fear-map-stage img{display:block;width:1024px;height:576px;object-fit:contain;pointer-events:none}.fear-map-pins{position:absolute;inset:0;pointer-events:none}.fear-map-pin{position:absolute;transform:translate(-50%,-50%);width:30px;height:30px;border-radius:50%;border:2px solid #fff1d0;background:#70552f;color:#fff1d0;box-shadow:0 3px 14px #0009;font-size:20px;cursor:pointer;pointer-events:auto}.fear-map-pin:hover,.fear-map-pin:focus-visible{background:#b28b4c;z-index:3}.fear-map-tip{color:#d7c4a6;font-size:12px;padding:12px 20px;margin:0}.fear-map-place p{margin:5px 0}.fear-map-place small{display:block}

/* FEAR: editor visual de ubicaciones */
.fear-picker-overlay{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;padding:20px;overflow:auto}
.fear-picker-panel{width:min(1050px,100%);max-height:95vh;overflow:auto;background:#102024;border:1px solid #b99c6f;border-radius:12px;padding:20px;box-shadow:0 30px 100px #000}
.fear-picker-panel h3{margin:0 0 8px;color:#f1dfb9}
.fear-picker-image{position:relative;width:100%;cursor:crosshair;margin:15px 0;line-height:0;border:1px solid #b99c6f;user-select:none}
.fear-picker-image img{display:block;width:100%;height:auto;pointer-events:none}
.fear-picker-marker{position:absolute;transform:translate(-50%,-90%);font-size:28px;line-height:1;pointer-events:none;filter:drop-shadow(0 2px 3px black)}
.fear-picker-panel .actions-inline{justify-content:flex-end}

/* Mapa FEAR HD por mosaicos */
.fear-leaflet-map{height:clamp(400px,65vw,700px);width:calc(100% - 40px);margin:0 20px;border:1px solid #78623f;border-radius:8px;background:#182323;z-index:0}
.fear-picker-map{height:min(64vh,650px);min-height:340px;width:100%;margin:15px 0;border:1px solid #b99c6f;background:#182323;z-index:0}
.fear-picker-panel{width:min(96vw,1100px);max-height:95vh;overflow:auto}
.fear-leaflet-map .leaflet-control-zoom a,.fear-picker-map .leaflet-control-zoom a{background:#172729;color:#e4c590;border-color:#9e8457}
.fear-leaflet-map .leaflet-control-zoom a:hover,.fear-picker-map .leaflet-control-zoom a:hover{background:#34413a}
@media(max-width:600px){.fear-leaflet-map{width:calc(100% - 24px);margin:0 12px}.fear-picker-map{height:55vh}}

/* FEAR — Oscuridad cinematográfica (21 oct 2026)
   Paleta coherente en portada, secciones, staff y mapas. */
:root{color-scheme:dark;--bg:#05090b;--panel:#0a1114;--line:#28312f;--muted:#aeb9b7;--white:#f0e9dc;--accent:#d1b381}
body{background:#05090b;color:var(--white)}
.top{background:rgba(3,7,9,.97);border-bottom-color:rgba(199,166,111,.23)}
nav a{color:#d0d0c9}nav a:hover,.brand{color:#f3e4c6}
.account{border-color:#75664e}
.hero{background:linear-gradient(180deg,rgba(0,3,5,.43) 0%,rgba(0,4,6,.58) 52%,rgba(0,4,6,.77) 82%,#05090b 100%),url('assets/fondo.png') center center/cover no-repeat}
.hero h1{color:#f4e4c7;text-shadow:0 8px 35px #000}
.eyebrow,.tagline{color:#d4b783!important}
.section{background:#05090b}.section.alt{background:#080f12}
.tiles article,.fear-map-place,.exam-box,.question-editor,.notice{background:#0c1518;border-color:#2e3a38}
.tiles article{box-shadow:0 15px 35px rgba(0,0,0,.15)}
.fear-map-shell,.fear-picker-panel{background:#091113;border-color:#66583f}
.fear-map-head{background:#0b1516}
.fear-map-canvas,.fear-leaflet-map,.fear-picker-map{background:#0a1112}
.fear-picker-overlay{background:rgba(0,0,0,.92)}
footer{background:#030708;border-top-color:#28312f}
.btn{background:#c6a878;border-color:#c6a878;color:#10100d}.btn:hover:not(:disabled){background:#e4c693}
.btn.secondary,.btn.outline{background:rgba(0,0,0,.22);border-color:#88765b;color:#f2e8d6}
.chip{border-color:#6f6047;color:#dfc79f}
.notice{border-left-color:#b59666}
.question-editor input:not([type=checkbox]),.question-editor textarea,.question-editor select{background:#050c0e;border-color:#47534e}
@media(max-width:1100px){nav{background:#060b0d}}

/* FEAR — Paleta unificada con fondo_del_ma.png */
:root{--bg:#030d10;--panel:#07171a;--line:#1d3639;--muted:#b4c6c4;--white:#f1ede3;--accent:#d1b381}
html,body{background:#030d10}
body{background:linear-gradient(180deg,#030d10,#041316 45%,#030d10)}
.hero{background:linear-gradient(180deg,rgba(0,6,8,.23) 0%,rgba(0,7,9,.38) 48%,rgba(0,7,9,.72) 83%,#030d10 100%),url('assets/fondo.png') center center/cover no-repeat}
.section,.section.alt{background:#030d10}
.section.alt{background:linear-gradient(180deg,#030d10,#061619 50%,#030d10)}
.top{background:rgba(2,10,12,.96);border-bottom-color:rgba(190,161,108,.25)}
footer{background:#02090b;border-top-color:#20393a}
.tiles article,.fear-map-place,.exam-box,.question-editor,.notice,.faction-card,.staff-panel,.staff-question,.fear-account-stat{background:#08191c;border-color:#264044}
.staff-console,.fear-account,.fear-map-shell,.fear-picker-panel,.fear-catalog-empty{background:linear-gradient(150deg,#0a1c20,#041014);border-color:#3c4c45}
.staff-stat,.staff-editor,.staff-table th,.fear-map-head{background:#0a2023}
.staff-search,.staff-filter,.question-editor input:not([type=checkbox]),.question-editor textarea,.question-editor select{background:#041114}
.fear-map-canvas,.fear-leaflet-map,.fear-picker-map{background:#061417}
@media(max-width:1100px){nav{background:#041013}}


/* FEAR — negro uniforme bajo la portada; no modifica el hero */
:root { --bg:#030506; --panel:#090c0d; }
html, body { background:#030506 !important; }
main, .section, .section.alt, section.section, footer { background:#030506 !important; background-image:none !important; }
.section::before, .section::after { background-image:none; }
/* Tarjetas y controles discretos, sin bandas azuladas */
.tiles article, .notice, .exam-box, .faction-card, .staff-console,
.staff-panel, .staff-stat, .staff-editor, .staff-question,
.fear-catalog-card, .fear-catalog-empty, .fear-account,
.fear-account-stat, .fear-map-shell, .fear-map-place {
 background:#090d0e !important;
 background-image:none !important;
}
/* Mantener el mapa, la portada y los overlays funcionales sin recolorearlos */