.proximity-preview{max-width:1250px;margin:35px auto 0;padding:32px 36px;display:grid;grid-template-columns:80px 1fr auto;gap:28px;align-items:center;border:1px solid var(--line);border-left:2px solid var(--gold);background:linear-gradient(105deg,rgba(27,58,46,.7),rgba(7,17,15,.65))}.proximity-preview-icon{color:var(--gold);font:500 22px var(--serif);letter-spacing:-.15em}.proximity-preview .eyebrow{margin:0 0 10px}.proximity-preview h3{color:#e7dfcc;font-size:24px;font-weight:500}.proximity-preview div>p:last-child{max-width:720px;margin:12px 0 0;color:#8d9a91;font-size:12px;line-height:1.75}.proximity-preview>a{padding:14px 17px;border:1px solid rgba(203,169,104,.35);color:var(--gold-light);font:600 8px var(--serif);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}.proximity-preview>a span{margin-left:10px;color:var(--gold)}
.mechanics-page{background:#07110f}.mechanics-page [aria-current=page]{color:var(--gold-light)}.mechanics-hero{min-height:72svh;position:relative;display:flex;align-items:flex-end;padding:155px 8vw 90px;overflow:hidden}.mechanics-hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,10,9,.96),rgba(3,10,9,.44)),linear-gradient(0deg,#07110f,transparent 48%),url('assets/alyssar-hero.webp') center/cover;filter:saturate(.65)}.mechanics-intro{position:relative;z-index:2;max-width:920px}.back-link{display:inline-block;margin-bottom:40px;color:#9eab9f;font:600 9px var(--serif);letter-spacing:.15em;text-transform:uppercase}.mechanics-intro h1{font-size:clamp(58px,8vw,116px);line-height:.88}.mechanics-intro>p:last-of-type{max-width:690px;color:#aeb9b0;font-size:14px;line-height:1.8}.mechanics-index{display:flex;gap:38px;margin-top:36px}.mechanics-index a{padding-bottom:11px;border-bottom:1px solid var(--line);font:600 10px var(--serif);letter-spacing:.08em;text-transform:uppercase}.mechanics-index b{margin-right:11px;color:var(--gold)}
.mechanic-section{padding:130px max(7vw,35px);scroll-margin-top:65px}.mechanic-section:nth-of-type(2){background:radial-gradient(circle at 90% 8%,rgba(50,105,78,.2),transparent 30%),#091510}.character-section{background:radial-gradient(circle at 5% 12%,rgba(117,81,34,.14),transparent 28%),#08120f}.mechanic-heading{max-width:1240px;margin:0 auto 70px;display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:end}.mechanic-heading h2{font-size:clamp(40px,5vw,70px);font-weight:500;line-height:1.08}.mechanic-heading>p{margin:0;color:#96a299;font:15px/1.85 Georgia,serif}.mechanic-heading code{color:var(--gold-light)}
.command-directory{background:radial-gradient(circle at 90% 8%,rgba(50,105,78,.2),transparent 30%),#091510}.command-list{max-width:1240px;margin:auto;border-top:1px solid var(--line)}.command-entry{min-height:145px;padding:27px 25px;display:grid;grid-template-columns:minmax(210px,.42fr) 1fr;gap:45px;align-items:center;border-bottom:1px solid var(--line);transition:background .3s,padding-left .3s}.command-entry:hover{padding-left:35px;background:rgba(203,169,104,.035)}.command-entry>code{justify-self:start;padding:10px 13px;border:1px solid rgba(203,169,104,.38);background:#06100d;color:var(--gold-light);font:600 12px var(--sans)}.command-entry small{color:#718178;font:600 7px var(--sans);letter-spacing:.18em}.command-entry h3{margin:7px 0 8px;color:#e7dfcc;font:500 19px var(--serif)}.command-entry p{max-width:760px;margin:0;color:#849188;font-size:12px;line-height:1.7}
.channel-grid{max-width:1240px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.channel-card{min-height:330px;padding:35px 28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(8,20,16,.55)}.channel-card code,.character-command code{display:inline-block;padding:8px 11px;border:1px solid rgba(203,169,104,.35);color:var(--gold-light);background:#06100d;font:600 11px var(--sans)}.channel-card>strong{display:block;margin-top:29px;color:var(--gold);font:500 48px var(--serif)}.channel-card>small{color:#718178;font:600 7px var(--sans);letter-spacing:.18em;text-transform:uppercase}.channel-card h3,.character-command h3,.inspection-panel h3{margin:22px 0 10px;color:#e7dfcc;font:500 20px var(--serif)}.channel-card p,.character-command p,.inspection-panel p{color:#849188;font-size:12px;line-height:1.75}.chat-example{max-width:1240px;margin:30px auto 0;padding:27px 30px;display:grid;grid-template-columns:1fr .6fr;gap:45px;align-items:center;border-left:2px solid var(--gold);background:#101c17}.chat-example small,.inspection-panel small,.growing-guide small{color:#718178;font:600 7px var(--serif);letter-spacing:.2em}.chat-example p{margin:10px 0 0;color:#d8d5ca;font:12px var(--sans)}.chat-example p b{color:#d1b06b}.chat-example p em{color:#72a98b;font-style:normal}.chat-example>span{color:#7e8e84;font-size:11px;line-height:1.7}
.character-layout{max-width:1240px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.character-command{position:relative;min-height:280px;padding:38px;background:#0b1713}.command-number{position:absolute;right:25px;top:20px;color:rgba(203,169,104,.13);font:500 46px var(--serif)}.inspection-panel{max-width:1240px;margin:35px auto 0;padding:38px;display:grid;grid-template-columns:60px 1fr .75fr;gap:30px;align-items:center;border:1px solid var(--line);background:linear-gradient(120deg,rgba(27,54,43,.55),rgba(8,17,14,.7))}.inspection-mark{width:50px;height:50px;display:grid;place-items:center;border:1px solid rgba(203,169,104,.4);color:var(--gold);font-size:22px;transform:rotate(45deg)}.inspection-mark::first-line{transform:rotate(-45deg)}.identity-note{padding-left:30px;border-left:1px solid var(--line)}.identity-note strong{color:var(--gold-light);font:500 14px var(--serif)}.growing-guide{max-width:1100px;margin:100px auto;padding:42px;display:grid;grid-template-columns:45px 1fr;gap:25px;border:1px solid var(--line);background:#0b1713}.growing-guide>span{color:var(--gold);font-size:22px}.growing-guide h2{margin:8px 0 10px;color:#e7dfcc;font:500 28px var(--serif)}.growing-guide p{margin:0;color:#87958c;font-size:12px;line-height:1.8}
@media(max-width:1050px){.site-header nav{gap:18px}.proximity-preview{grid-template-columns:65px 1fr}.proximity-preview>a{grid-column:2;justify-self:start}.channel-grid{grid-template-columns:repeat(2,1fr)}.inspection-panel{grid-template-columns:55px 1fr}.identity-note{grid-column:2;padding:25px 0 0;border-left:0;border-top:1px solid var(--line)}}
@media(max-width:700px){.proximity-preview{grid-template-columns:1fr;padding:28px 24px}.proximity-preview>a{grid-column:auto}.mechanics-hero{padding:130px 22px 65px}.mechanics-index{flex-direction:column;gap:15px}.mechanic-section{padding:90px 22px}.mechanic-heading{grid-template-columns:1fr;gap:25px;margin-bottom:50px}.command-entry{grid-template-columns:1fr;gap:20px;padding:26px 5px}.command-entry:hover{padding-left:5px}.channel-grid,.character-layout{grid-template-columns:1fr}.chat-example{grid-template-columns:1fr;gap:20px}.inspection-panel{grid-template-columns:1fr;padding:28px 24px}.identity-note{grid-column:auto}.growing-guide{margin:70px 22px;padding:30px 24px}}
.mechanics-index{flex-wrap:wrap;gap:22px 38px}
.cold-section{background:radial-gradient(circle at 85% 12%,rgba(73,132,157,.18),transparent 31%),linear-gradient(145deg,#091519,#07110f)}
.cold-rules{max-width:1240px;margin:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:rgba(123,178,196,.2);border:1px solid rgba(123,178,196,.2)}
.cold-rule{min-height:340px;padding:38px 34px;background:linear-gradient(145deg,rgba(12,29,34,.97),rgba(8,19,21,.97))}
.cold-rule>span{display:block;height:55px;color:#9bcfe1;font:30px var(--serif)}
.cold-rule>small,.cold-biomes small{color:#7598a3;font:600 7px var(--sans);letter-spacing:.2em}
.cold-rule>strong{display:block;margin:17px 0 5px;color:#bde7f1;font:500 31px var(--serif)}
.cold-rule h3,.cold-biomes h3{margin:12px 0;color:#e5e1d5;font:500 20px var(--serif)}
.cold-rule p,.cold-biomes p,.cold-warning{color:#87999b;font-size:12px;line-height:1.78}
.cold-rule p strong,.cold-warning strong{color:#c7e5e9}
.cold-biomes{max-width:1240px;margin:32px auto 0;padding:35px;display:grid;grid-template-columns:.7fr 1.3fr;gap:55px;border:1px solid rgba(123,178,196,.2);background:rgba(7,18,20,.7)}
.cold-biomes p{margin-bottom:0}.cold-biomes ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:9px}.cold-biomes li{padding:8px 10px;border:1px solid rgba(123,178,196,.22);color:#9bb3b5;font-size:9px}
.cold-warning{max-width:1240px;margin:24px auto 0;padding:21px 24px;display:flex;gap:16px;align-items:center;border-left:2px solid #8cc5d5;background:rgba(64,114,130,.09)}
.cold-warning>span:first-child{color:#a6ddec;font-size:18px}
@media(max-width:1050px){.cold-rules{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.mechanics-index{gap:15px}.cold-rules,.cold-biomes{grid-template-columns:1fr}.cold-biomes{gap:25px;padding:28px 24px}}
.mechanics-hero-bg{background-image:linear-gradient(90deg,rgba(3,10,9,.97) 0%,rgba(3,10,9,.72) 34%,rgba(3,10,9,.2) 67%),linear-gradient(0deg,#07110f 0%,transparent 52%),url('assets/mechanics-hero-generated.webp');background-position:center;background-size:cover;filter:saturate(.78)}
/* Capítulos trasladados desde la portada */
.transferred-section{background:#08120f}.progression-codex{background:radial-gradient(circle at 88% 12%,rgba(89,69,32,.14),transparent 32%),#08120f}.world-codex{background:radial-gradient(circle at 8% 10%,rgba(35,91,68,.18),transparent 30%),#07110f}.codex-accordions,.command-codex,.world-codex-intro,.world-codex-note{max-width:1240px;margin-left:auto;margin-right:auto}
.codex-fold,.command-codex{margin-top:0;padding:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(8,20,16,.58)}.codex-fold+ .codex-fold{border-top:0}.codex-fold>summary,.command-codex>summary{padding:27px 28px;display:grid;grid-template-columns:minmax(150px,.34fr) 1fr;gap:35px;align-items:center;color:inherit}.codex-fold>summary:after,.command-codex>summary:after{align-self:center;color:var(--gold);font-size:16px}.codex-fold>summary>span:first-child{display:flex;align-items:center;gap:16px}.codex-fold summary b{color:var(--gold);font:500 32px var(--serif)}.codex-fold summary small,.command-codex summary small{display:block;color:#718178;font:600 7px var(--sans);letter-spacing:.18em}.codex-fold summary strong,.command-codex summary strong{display:block;color:#e7dfcc;font:500 20px var(--serif);letter-spacing:0;text-transform:none}.codex-fold summary em{display:block;margin-top:6px;color:#79887f;font:400 11px var(--sans);letter-spacing:0;text-transform:none}.codex-fold-body{padding:5px 28px 28px;margin-left:calc(34% + 35px);max-width:760px}.codex-fold-body p{color:#8b9990;font-size:12px;line-height:1.8}.codex-fold-body strong{color:var(--gold-light)}.codex-fold-body code{color:var(--gold-light)}
.command-codex>summary{grid-template-columns:1fr auto;padding:28px}.command-codex>summary>span{display:flex;align-items:center;gap:18px}.command-codex .command-list{border-top:1px solid var(--line)}
.world-codex-intro{padding:34px;display:grid;grid-template-columns:55px 1fr auto;gap:30px;align-items:center;border:1px solid var(--line);background:linear-gradient(110deg,rgba(25,53,42,.72),rgba(7,17,14,.65))}.world-codex-intro>span{color:var(--gold);font:28px var(--serif)}.world-codex-intro small{color:#718178;font:600 7px var(--sans);letter-spacing:.18em}.world-codex-intro h3{margin:8px 0 10px;color:#e7dfcc;font:500 22px var(--serif)}.world-codex-intro p{margin:0;color:#89978e;font-size:12px;line-height:1.75}.world-codex-intro a{padding:13px 15px;border:1px solid rgba(203,169,104,.35);color:var(--gold-light);font:600 8px var(--serif);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}.world-folds{margin-top:32px}.world-codex-note{margin-top:24px;padding:22px 25px;display:flex;gap:18px;border-left:2px solid var(--gold);background:rgba(203,169,104,.045);color:#819087;font-size:11px;line-height:1.75}.world-codex-note>span:first-child{color:var(--gold)}
@media(max-width:700px){.codex-fold>summary,.command-codex>summary{grid-template-columns:1fr;gap:14px;padding:23px 20px}.codex-fold-body{margin-left:0;padding:2px 20px 23px}.world-codex-intro{grid-template-columns:1fr;padding:27px 22px}.world-codex-intro a{justify-self:start}}
/* Señales visuales de interacción para los capítulos desplegables */
.codex-fold>summary,.command-codex>summary{position:relative;cursor:pointer;transition:background .25s ease,padding-left .25s ease;user-select:none}
.codex-fold>summary{grid-template-columns:minmax(150px,.34fr) 1fr auto}
.codex-fold>summary:hover,.command-codex>summary:hover{padding-left:36px;background:rgba(203,169,104,.065)}
.codex-fold>summary:focus-visible,.command-codex>summary:focus-visible{outline:1px solid var(--gold);outline-offset:4px;background:rgba(203,169,104,.07)}
.codex-fold>summary:after,.command-codex>summary:after{content:'VER MÁS  ＋';min-width:84px;padding:9px 11px;border:1px solid rgba(203,169,104,.32);color:var(--gold-light);background:rgba(5,13,11,.72);font:600 7px var(--serif);letter-spacing:.12em;text-align:center;white-space:nowrap;transition:border-color .25s ease,background .25s ease}
.codex-fold[open]>summary:after,.command-codex[open]>summary:after{content:'OCULTAR  −';background:rgba(203,169,104,.11);border-color:rgba(203,169,104,.55)}
.codex-fold>summary:hover:after,.command-codex>summary:hover:after{border-color:var(--gold);background:rgba(203,169,104,.13)}
@media(max-width:700px){.codex-fold>summary{grid-template-columns:1fr}.codex-fold>summary:hover,.command-codex>summary:hover{padding-left:24px}.codex-fold>summary:after,.command-codex>summary:after{position:absolute;right:18px;top:18px}.codex-fold>summary>span:first-child{padding-right:95px}}