/* MRO, September 2026. Original implementation; no third-party theme assets.
   Separate presentation layer keeps existing forms, CSRF and routes intact. */
:root{--noche:#081723;--noche-2:#102c3b;--texto:#e8eef0;--tenue:#adbdc6;--oro:#efc778;--oro-claro:#ffdf9b;--carta:#112a39;--borde:#304956;--sombra:0 18px 45px #02090e40}
body{background:#081723;color:var(--texto)}
.titulo-con-chibi{min-height:95px;position:relative;padding-right:120px}.titulo-con-chibi>img{position:absolute;right:8px;bottom:0;object-fit:contain;pointer-events:none}
.guia-chibi{display:flow-root}.guia-chibi>img{float:right;object-fit:contain;margin:0 0 .5rem 1rem;pointer-events:none}
@media(max-width:480px){.guia-chibi>img{width:80px;height:100px}.titulo-con-chibi>img{width:85px;height:85px}.titulo-con-chibi{padding-right:90px}}
.portal-acceso .personaje-ro{display:block;width:100%;height:190px;object-fit:contain;margin:-2rem auto .6rem;pointer-events:none}
.mundo-propio>img{max-height:340px;object-fit:contain}
.cielo{background:radial-gradient(ellipse at 80% 20%,#173b4d66,transparent 60%),#081723}
.cielo::before,.cielo::after{display:none}
header.barra{background:#081723f2;border-bottom:1px solid #d8b66e40;box-shadow:none}
header .marca,header .marca b{color:#f5dfaf}
header .marca span span{color:#a9bdc6;letter-spacing:.24em}
nav.menu a{color:#c5d2d9;font-size:.88rem}
nav.menu a:hover{color:#ffe4ab}
a:focus-visible,button:focus-visible{outline:3px solid #70d2de;outline-offset:4px}
.boton.principal{background:linear-gradient(135deg,#f5d38c,#dca554);border:1px solid #ffe7b3;color:#201b12;box-shadow:0 4px 18px #d7a74c20;border-radius:4px;font-weight:700}
.boton.segundo,.carta .boton.segundo{color:#e8eef0;background:#193746;border-color:#46616e;border-radius:4px}
.portada-juego{min-height:620px;gap:4rem;padding-top:5rem;padding-bottom:5rem;justify-content:space-between;border-bottom:1px solid #d8b66e66;background-position:center}
.portada-juego::before{background:linear-gradient(90deg,#071520eb 0%,#071520b3 35%,#0715201a 62%,#0715204d),linear-gradient(0deg,#081723,transparent 35%)}
.portada-juego::after{height:70px;background:linear-gradient(transparent,#081723)}
.portada-copia{width:54%;max-width:620px}
.portada-juego h1{font-size:clamp(2.7rem,5.4vw,4.9rem);line-height:1.12;letter-spacing:-.035em;margin:1.2rem 0}
.portada-juego .insignia{font-size:.75rem;letter-spacing:.18em;border:0;border-left:2px solid #efc778;padding:0 0 0 1rem;border-radius:0;background:transparent;color:#f2d49c}
.portada-juego p.lema{font-size:1.05rem;line-height:1.8;color:#d1dde3;max-width:30rem}
.portada-juego .acciones .boton{font-size:.9rem}
.portal-acceso{width:320px;flex-shrink:0;background:#0a1e2dde;border:1px solid #e6c18470;border-top:3px solid #e6c184;padding:2rem;box-shadow:0 20px 50px #0005;backdrop-filter:blur(8px);text-align:left}
.portal-acceso h2{font:600 1.9rem/1.3 var(--titulo);color:#fff0d2;margin:.8rem 0}
.portal-acceso p{font-size:.9rem;color:#bfced6;line-height:1.8}
.portal-acceso .boton{display:flex;justify-content:space-between;width:100%;margin-top:1.5rem}
.portal-acceso .acceso-texto{display:flex;justify-content:space-between;color:#ebd49d;padding:1rem 0;border-bottom:1px solid #ffffff20;text-decoration:none}
.portal-acceso small{display:block;color:#aabbc5;font-size:.78rem;margin-top:1rem;line-height:1.6}
.titulo-seccion{text-align:left;margin:2.7rem 0 1.1rem}
.titulo-seccion h2{font-size:2rem;color:#eae6d9}
.sobrelinea,.titulo-seccion span{color:#d7b97f;font-size:.75rem;letter-spacing:.17em}
.carta{background:linear-gradient(125deg,#153242,#102633);color:var(--texto);border:1px solid #36505e;box-shadow:var(--sombra);border-radius:6px}
.carta::after{border-color:#c9ae7420;border-radius:2px}
.carta h1,.carta h2,.carta h3,.estrecho.carta h1,.servidor h3{color:#f6e9ce}
.servidor{border-left:3px solid #d8b574;min-height:116px}
.servidor .cifra{color:#f1cc85}.tenue{color:#adbdc6}.numero{color:#d8b574}
.cronicas{margin:4.5rem 0}.encabezado-cronicas{display:flex;justify-content:space-between;align-items:end;gap:1.5rem;margin-bottom:1.6rem}
.encabezado-cronicas h2{font:600 clamp(1.8rem,3vw,2.4rem)/1.3 var(--titulo);margin:.5rem 0 0;color:#f4e8d0}
.cronicas a{color:#efd091;text-decoration:none;font-size:.9rem}.cronicas a:hover{text-decoration:underline}
.cronicas-rejilla{display:grid;grid-template-columns:1.1fr 1fr;gap:1.4rem}.cronica-destacada{background:radial-gradient(at 75% 15%,#275266,#102837 65%);border:1px solid #36515e;overflow:hidden}
.cronica-destacada img{display:block;width:100%;height:230px;object-fit:contain;padding:1rem}.cronica-destacada>div{padding:1.6rem 2rem 2rem}
.cronicas h3{font:600 1.4rem/1.45 var(--titulo);margin:.7rem 0;color:#f4e8d0}.cronicas p{color:#b6c6cf;line-height:1.75;font-size:1rem}
.etiqueta{font-size:.72rem;letter-spacing:.16em;color:#d9ba7b}.cronicas-lista{display:grid;gap:1.4rem}.cronicas-lista article{background:#102633;border:1px solid #36515e;padding:1.7rem 2rem}
.mundo-propio{margin-top:3rem;border-radius:4px;background:linear-gradient(110deg,#163544,#102633);border-color:#36515e}
input,select,textarea{color:#e8eef0;background:#0a1d29;border-color:#526873}select option{background:#0a1d29;color:#e8eef0}input::placeholder{color:#93a9b7}
.carta a:not(.boton){color:#f0d08e}table{color:var(--texto)}th{color:#d6bd8d}td,th{border-color:#36505e}
footer.pie{background:#06121c;border-top:1px solid #cfb27655;margin-top:4rem}
@media(max-width:980px){.portada-juego{gap:2rem}.portal-acceso{width:290px;padding:1.5rem}.portada-copia{width:auto}.portada-juego .acciones{gap:.6rem}}
@media(max-width:760px){.portada-juego{display:block;min-height:0;padding-top:4rem;padding-bottom:3rem;background-position:62% top}.portada-copia{width:100%}.portada-juego::before{background:linear-gradient(90deg,#071520e8,#07152085),linear-gradient(0deg,#081723,transparent)}.portal-acceso{width:100%;margin-top:2.5rem}.cronicas-rejilla{grid-template-columns:1fr}.encabezado-cronicas{align-items:start;flex-direction:column}.cronicas{margin:3rem 0}.cronica-destacada img{height:210px}.portada-juego h1{font-size:clamp(2.5rem,9vw,4rem)}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
