.esc-page main.esc-main{width:100%;margin:0;padding:0}
.esc-intro{max-width:1080px;margin:0 auto;padding:clamp(2rem,6vw,3.5rem) 18px 1.6rem}
.esc-eyebrow{
  font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;
  color:var(--text-secondary);margin:0 0 .6rem;
}
.esc-intro h1{font-size:clamp(1.7rem,4.5vw,2.6rem);line-height:1.2;margin:0 0 .9rem;color:var(--text-primary)}
.esc-lead{font-size:1rem;line-height:1.75;color:var(--text-secondary);max-width:70ch;margin:0 0 .9rem}
.esc-lead strong{color:var(--text-primary)}
.esc-meta{
  display:flex;gap:.6rem;flex-wrap:wrap;font-size:.8rem;
  color:var(--text-secondary);margin:1.1rem 0 0;padding:0;list-style:none;
}
.esc-meta li{border:1px solid var(--border);border-radius:999px;padding:.25rem .8rem}
.esc-nota{font-size:.85rem;color:var(--text-secondary);margin:1rem 0 0}
.esc-nota a{color:var(--accent)}

#modo-dios{
  position:relative;

  border-top:1px solid #16323f;border-bottom:1px solid #16323f;
  margin:0 0 2.5rem;

  -webkit-user-select:text;-moz-user-select:text;user-select:text;
}

#modo-dios {
  --md-bg:#04070a;
  --md-bg2:#080e13;
  --md-panel:#0a1218;
  --md-panel2:#0d1922;
  --md-line:#16323f;
  --md-txt:#b9d8d4;
  --md-dim:#5c7d84;
  --md-green:#39ff9e;
  --md-cyan:#4de2ff;
  --md-magenta:#ff4dcb;
  --md-amber:#ffc24d;
  --md-red:#ff5f6d;
  --md-violet:#a98bff;
  --md-mono: ui-monospace, "SFMono-Regular", Menlo, Consolas, "DejaVu Sans Mono", "Liberation Mono", monospace;
}
#modo-dios * {box-sizing:border-box}
#modo-dios {
  margin:0;
  background:
    radial-gradient(1200px 700px at 50% -10%, #0c2030 0%, transparent 60%),
    radial-gradient(900px 600px at 100% 110%, #10122b 0%, transparent 55%),
    var(--md-bg);
  color:var(--md-txt);
  font-family:var(--md-mono);
  font-size:15px;
  line-height:1.6;
}

#modo-dios #crt {
  position:absolute; inset:0; pointer-events:none; z-index:9999;
  background:repeating-linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0px,
    rgba(0,0,0,0) 2px,
    rgba(0,0,0,.22) 3px,
    rgba(0,0,0,.22) 4px);
  mix-blend-mode:multiply;
  opacity:.55;
}
#modo-dios #vignette {
  position:absolute; inset:0; pointer-events:none; z-index:9998;
  background:linear-gradient(90deg, rgba(0,0,0,.55), transparent 9%, transparent 91%, rgba(0,0,0,.55));
}
@keyframes flick{ 0%,100%{opacity:.55} 47%{opacity:.5} 48%{opacity:.7} 49%{opacity:.52} }
#modo-dios #crt {animation:flick 7s infinite}

#modo-dios #app {width:100%; margin:0 auto; padding:0 clamp(16px,3.5vw,48px) 28px}
#modo-dios header#hud {
  position:sticky; top:var(--nav-h,56px); z-index:40;
  backdrop-filter:blur(6px);
  background:linear-gradient(180deg, rgba(4,7,10,.96) 60%, rgba(4,7,10,.4));
  border-bottom:1px solid var(--md-line);
  padding:12px 0 10px;
  margin-bottom:26px;
}
#modo-dios .hud-row {display:flex; align-items:center; gap:14px; flex-wrap:wrap; padding:0 clamp(16px,3.5vw,48px)}
#modo-dios .brand {
  font-weight:700; letter-spacing:.22em; color:var(--md-green);
  text-shadow:0 0 12px rgba(57,255,158,.55);
  font-size:13px; white-space:nowrap;
}
#modo-dios .brand small {color:var(--md-dim); text-shadow:none; letter-spacing:.1em; display:block; font-weight:400; font-size:10px}
#modo-dios .hud-spacer {flex:1}
#modo-dios .progress-wrap {flex:1 1 200px; min-width:170px}
#modo-dios .progress-track {
  height:8px; background:#07161c; border:1px solid var(--md-line); border-radius:99px; overflow:hidden;
}
#modo-dios .progress-fill {
  height:100%; width:0%;
  background:linear-gradient(90deg, var(--md-cyan), var(--md-green));
  box-shadow:0 0 14px rgba(57,255,158,.7);
  transition:width .6s cubic-bezier(.2,.9,.2,1);
}
#modo-dios .progress-meta {display:flex; justify-content:space-between; font-size:10.5px; color:var(--md-dim); letter-spacing:.12em; margin-top:5px}
#modo-dios .dots {display:flex; gap:6px}
#modo-dios .dot {
  width:26px; height:22px; border:1px solid var(--md-line); border-radius:4px;
  display:grid; place-items:center; font-size:10px; color:var(--md-dim);
  background:#07131a; cursor:default; transition:.25s;
}
#modo-dios .dot.done {color:#04120c; background:var(--md-green); border-color:var(--md-green); cursor:pointer; box-shadow:0 0 10px rgba(57,255,158,.5)}
#modo-dios .dot.current {border-color:var(--md-cyan); color:var(--md-cyan); box-shadow:0 0 10px rgba(77,226,255,.45)}
#modo-dios button {font-family:var(--md-mono); cursor:pointer}
#modo-dios .btn {
  background:#08161d; color:var(--md-green);
  border:1px solid #1d4e46; border-radius:5px;
  padding:9px 16px; font-size:12.5px; letter-spacing:.11em;
  transition:.18s; text-transform:uppercase;
}
#modo-dios .btn:hover {background:#0e2a26; box-shadow:0 0 16px rgba(57,255,158,.28); border-color:var(--md-green)}
#modo-dios .btn:active {transform:translateY(1px)}
#modo-dios .btn.cyan {color:var(--md-cyan); border-color:#1d4a5e}
#modo-dios .btn.cyan:hover {background:#0b2430; box-shadow:0 0 16px rgba(77,226,255,.28); border-color:var(--md-cyan)}
#modo-dios .btn.magenta {color:var(--md-magenta); border-color:#5e1d4a}
#modo-dios .btn.magenta:hover {background:#2a0f22; box-shadow:0 0 16px rgba(255,77,203,.25); border-color:var(--md-magenta)}
#modo-dios .btn.amber {color:var(--md-amber); border-color:#5e4a1d}
#modo-dios .btn.amber:hover {background:#2a2210; border-color:var(--md-amber)}
#modo-dios .btn.ghost {color:var(--md-dim); border-color:#1b2c33; background:transparent}
#modo-dios .btn.ghost:hover {color:var(--md-txt); border-color:var(--md-dim); box-shadow:none; background:#0a141a}
#modo-dios .btn.big {padding:13px 26px; font-size:14px}

#modo-dios #xrayBtn {
  border:1px solid #4a2a63; color:var(--md-violet); background:#120a1c;
  border-radius:5px; padding:9px 12px; font-size:11px; letter-spacing:.1em;
  transition:.2s; white-space:nowrap;
}
#modo-dios #xrayBtn:hover {box-shadow:0 0 16px rgba(169,139,255,.35)}
#modo-dios #fsBtn {
  border:1px solid #1d4a5e; color:var(--md-cyan); background:#07161d;
  border-radius:5px; padding:9px 12px; font-size:11px; letter-spacing:.1em;
  transition:.2s; white-space:nowrap;
}
#modo-dios #fsBtn:hover {box-shadow:0 0 16px rgba(77,226,255,.3)}
#modo-dios #fsBtn[hidden] {display:none}

#modo-dios:fullscreen {overflow-y:auto; height:100%}
#modo-dios:fullscreen header#hud {top:0}
#modo-dios.xray #xrayBtn {
  background:var(--md-violet); color:#0d0418; border-color:var(--md-violet);
  box-shadow:0 0 24px rgba(169,139,255,.65);
}

#modo-dios .screen {display:none; animation:fadeup .5s ease both}
#modo-dios .screen.active {display:block}
@keyframes fadeup{from{opacity:0; transform:translateY(14px)} to{opacity:1; transform:none}}
#modo-dios .room-head {display:flex; align-items:baseline; gap:14px; flex-wrap:wrap; margin-bottom:6px}
#modo-dios .room-tag {
  font-size:10.5px; letter-spacing:.3em; color:var(--md-cyan);
  border:1px solid #16414f; padding:3px 9px; border-radius:3px; background:#071820;
}
#modo-dios .esc-h1 {
  font-size:clamp(26px,5vw,44px); margin:0 0 6px; letter-spacing:.08em; color:var(--md-green);
  text-shadow:0 0 22px rgba(57,255,158,.35);
}
#modo-dios h2 {font-size:clamp(20px,3.6vw,29px); margin:0; letter-spacing:.05em; color:#dff7f0}
#modo-dios h3 {font-size:14px; letter-spacing:.16em; color:var(--md-cyan); margin:0 0 10px; text-transform:uppercase}
#modo-dios .narr {
  color:var(--md-dim); font-size:14.5px; line-height:1.85; max-width:100ch;
  border-left:2px solid #17414d; padding:4px 0 4px 16px; margin:16px 0 22px;
  min-height:3.4em; cursor:pointer;
}
#modo-dios .narr::after {content:"▊"; color:var(--md-green); animation:blink 1s steps(2) infinite}
#modo-dios .narr.typed::after {content:""}
@keyframes blink{50%{opacity:0}}
#modo-dios .panel {
  background:linear-gradient(180deg, var(--md-panel), var(--md-panel2));
  border:1px solid var(--md-line); border-radius:8px; padding:18px 18px 20px;
  margin-bottom:16px; position:relative;
}
#modo-dios .panel::before {
  content:""; position:absolute; top:-1px; left:16px; right:16px; height:1px;
  background:linear-gradient(90deg,transparent,var(--md-cyan),transparent); opacity:.5;
}
#modo-dios .panel--verde {border-color:#2a5f52}
#modo-dios .panel--ambar {border-color:#4a3a12; background:linear-gradient(180deg,#140f04,#0c0a05)}
#modo-dios .grid2 {display:grid; grid-template-columns:1fr 1fr; gap:16px}
@media(max-width:820px){
#modo-dios .grid2 {grid-template-columns:1fr} }
#modo-dios label.fld {display:block; font-size:11px; letter-spacing:.16em; color:var(--md-dim); margin:14px 0 6px; text-transform:uppercase}
#modo-dios input[type=text], #modo-dios textarea {
  width:100%; background:#050f14; color:var(--md-txt);
  border:1px solid #163741; border-radius:5px; padding:10px 12px;
  font-family:var(--md-mono); font-size:13px; line-height:1.5; resize:vertical;
}
#modo-dios input[type=text]:focus, #modo-dios textarea:focus {outline:none; border-color:var(--md-cyan); box-shadow:0 0 0 2px rgba(77,226,255,.13)}
#modo-dios textarea {min-height:76px; word-break:break-all}
#modo-dios .mono-out {
  background:#040c10; border:1px solid #113039; border-radius:6px;
  padding:12px 14px; font-size:12.5px; white-space:pre-wrap; word-break:break-all;
  color:#9fd6cd; min-height:44px;
}

#modo-dios .tok {word-break:break-all; font-size:13px; line-height:1.9; letter-spacing:.02em}
#modo-dios .tok .h {color:var(--md-magenta); text-shadow:0 0 9px rgba(255,77,203,.45)}
#modo-dios .tok .p {color:var(--md-cyan); text-shadow:0 0 9px rgba(77,226,255,.45)}
#modo-dios .tok .s {color:var(--md-green); text-shadow:0 0 9px rgba(57,255,158,.4)}
#modo-dios .tok .d {color:#4d6a72}
#modo-dios .legend {display:flex; gap:16px; flex-wrap:wrap; font-size:10.5px; letter-spacing:.12em; color:var(--md-dim); margin-top:10px}
#modo-dios .legend i {display:inline-block; width:9px; height:9px; border-radius:2px; margin-right:6px; vertical-align:-1px}
#modo-dios .kv {font-size:12.5px}
#modo-dios .kv .k {color:var(--md-amber)}
#modo-dios .kv .v {color:#cfeee6}
#modo-dios .json {white-space:pre; overflow-x:auto; font-size:12.5px; color:#9fd6cd}
#modo-dios .json .k {color:var(--md-amber)}
#modo-dios .json .s {color:var(--md-green)}
#modo-dios .json .n {color:var(--md-cyan)}
#modo-dios .json .b {color:var(--md-magenta)}

#modo-dios .xray-panel {
  display:none;
  border:1px dashed #5b3d80; background:
    repeating-linear-gradient(135deg, rgba(169,139,255,.05) 0 10px, transparent 10px 20px), #0c0716;
  border-radius:8px; padding:16px 18px; margin-bottom:16px; position:relative; overflow:hidden;
}
#modo-dios.xray .xray-panel {display:block; animation:xin .45s ease both}
@keyframes xin{from{opacity:0; filter:blur(6px)} to{opacity:1; filter:none}}
#modo-dios .xray-panel h3 {color:var(--md-violet)}
#modo-dios .xray-panel::after {
  content:""; position:absolute; left:0; right:0; height:70px; top:-70px;
  background:linear-gradient(180deg, transparent, rgba(169,139,255,.16), transparent);
  animation:scan 3.4s linear infinite;
}
@keyframes scan{ to{ top:110% } }
#modo-dios .xray-hint {
  display:block; font-size:11px; color:#6b57a0; letter-spacing:.12em;
  border:1px dashed #38285a; border-radius:6px; padding:9px 12px; margin-bottom:16px;
}
#modo-dios.xray .xray-hint {display:none}
#modo-dios .xray-panel pre {margin:0; white-space:pre-wrap; font-size:12.5px; color:#cbb8ff; line-height:1.75}
#modo-dios .xray-panel .cmt {color:#7a68ad}
#modo-dios .xray-panel .bad {color:var(--md-red)}
#modo-dios .xray-panel .good {color:var(--md-green)}

#modo-dios .challenge {
  border:1px solid #1f4a3a; background:#06130f; border-radius:8px; padding:16px 18px; margin:18px 0;
}
#modo-dios .challenge h3 {color:var(--md-green)}
#modo-dios .row {display:flex; gap:10px; flex-wrap:wrap; align-items:center}
#modo-dios .row > input[type=text] {flex:1 1 240px; width:auto}
#modo-dios .feedback {display:none; border-radius:6px; padding:11px 14px; margin-top:12px; font-size:13px; border:1px solid}
#modo-dios .feedback.show {display:block; animation:fadeup .3s ease both}
#modo-dios .feedback.ok {border-color:#1f6b4b; background:#07170f; color:var(--md-green)}
#modo-dios .feedback.err {border-color:#6b2029; background:#1a0709; color:var(--md-red)}
#modo-dios .feedback.info {border-color:#1d4a5e; background:#06151c; color:var(--md-cyan)}
#modo-dios .revelation {
  display:none; margin-top:18px; border:1px solid #2a5f52; border-radius:8px; overflow:hidden;
  background:linear-gradient(180deg,#071814,#061013);
}
#modo-dios .revelation.show {display:block; animation:reveal .7s cubic-bezier(.2,.9,.2,1) both}
@keyframes reveal{from{opacity:0; transform:scaleY(.9); transform-origin:top} to{opacity:1; transform:none}}
#modo-dios .revelation .rv-head {
  background:linear-gradient(90deg,#0c2a22,#071a16); border-bottom:1px solid #2a5f52;
  padding:10px 18px; font-size:11px; letter-spacing:.3em; color:var(--md-green);
}
#modo-dios .revelation .rv-body {padding:18px}
#modo-dios .revelation p {margin:0 0 12px; max-width:100ch}
#modo-dios .revelation strong {color:#e6fff6}
#modo-dios .card-def {
  border:1px solid #4a3a12; background:#140f04; border-radius:7px; padding:14px 16px; margin-top:14px;
}
#modo-dios .card-def h4 {margin:0 0 10px; font-size:11.5px; letter-spacing:.2em; color:var(--md-amber); text-transform:uppercase}
#modo-dios .card-def ul {margin:0 0 10px; padding-left:18px}
#modo-dios .card-def li {margin-bottom:6px; font-size:13px}
#modo-dios code, #modo-dios pre.code {
  background:#05100d; border:1px solid #17352c; border-radius:4px;
  padding:1px 6px; color:var(--md-green); font-size:12.5px;
}
#modo-dios pre.code {display:block; padding:11px 13px; white-space:pre-wrap; margin:8px 0 0; line-height:1.7}
#modo-dios pre.code .bad {color:var(--md-red)}
#modo-dios pre.code .cmt {color:#4f7b6c}
#modo-dios pre.code .kw {color:var(--md-magenta)}
#modo-dios .next-wrap {margin-top:20px; display:none}
#modo-dios .next-wrap.show {display:block; animation:fadeup .4s ease both}

#modo-dios .routes {display:flex; flex-direction:column; gap:8px}
#modo-dios .route {
  display:flex; align-items:center; gap:12px; flex-wrap:wrap;
  border:1px solid #16323f; border-radius:6px; padding:10px 13px; background:#06121a;
  cursor:pointer; transition:.18s;
}
#modo-dios .route:hover {border-color:var(--md-cyan); background:#081b25}
#modo-dios .route .m {font-size:10.5px; letter-spacing:.14em; color:var(--md-amber); min-width:46px}
#modo-dios .route .p {flex:1 1 200px; color:#d5f1ea; font-size:13.5px}
#modo-dios .route .g {font-size:10.5px; letter-spacing:.1em; color:var(--md-dim)}
#modo-dios .route.orphan.found {border-color:var(--md-red); box-shadow:0 0 18px rgba(255,95,109,.22)}
#modo-dios.xray .route .chain {display:block}
#modo-dios .route .chain {display:none; width:100%; font-size:11.5px; color:#9d86d6; border-top:1px dashed #3a2c5c; margin-top:8px; padding-top:7px}
#modo-dios .route .chain .none {color:var(--md-red)}

#modo-dios .box {border:1px solid var(--md-line); border-radius:8px; padding:15px; background:#06121a}
#modo-dios .box.weak {border-color:#5e3a1d}
#modo-dios .box.strong {border-color:#1d4e46}
#modo-dios .box h3 {font-size:12px}
#modo-dios .box.weak h3 {color:var(--md-amber)}
#modo-dios .box.strong h3 {color:var(--md-green)}
#modo-dios .tlist {font-size:12.5px; line-height:2; color:#bfe5dd}
#modo-dios .tlist .idx {color:var(--md-dim); margin-right:9px}
#modo-dios .tlist .val {letter-spacing:.06em}
#modo-dios .tlist .val.w {color:var(--md-amber)}
#modo-dios .tlist .val.s {color:var(--md-green); word-break:break-all; letter-spacing:0}
#modo-dios .counter {font-size:22px; color:var(--md-red); letter-spacing:.06em; text-shadow:0 0 14px rgba(255,95,109,.35)}

#modo-dios .mirror {display:grid; grid-template-columns:1fr 1fr; gap:16px}
@media(max-width:820px){
#modo-dios .mirror {grid-template-columns:1fr} }
#modo-dios .srv {border:1px solid var(--md-line); border-radius:8px; padding:15px; background:#06121a}
#modo-dios .srv.a {border-color:#6b2029}
#modo-dios .srv.b {border-color:#1f6b4b}
#modo-dios .srv h3 {font-size:12px}
#modo-dios .srv.a h3 {color:var(--md-red)}
#modo-dios .srv.b h3 {color:var(--md-green)}
#modo-dios .log {background:#040c10; border:1px solid #113039; border-radius:6px; padding:11px; font-size:12px; min-height:150px; white-space:pre-wrap; line-height:1.75; color:#8fb7b0}
#modo-dios .log .ok {color:var(--md-green)}
#modo-dios .log .no {color:var(--md-red)}
#modo-dios .log .dimx {color:#4f6b72}
#modo-dios .quiz label {
  display:block; border:1px solid #16323f; border-radius:6px; padding:11px 13px;
  margin-bottom:9px; cursor:pointer; font-size:13px; transition:.15s; background:#06121a;
}
#modo-dios .quiz label:hover {border-color:var(--md-cyan)}
#modo-dios .quiz input {margin-right:10px; accent-color:#39ff9e}

#modo-dios .summary {display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:14px; margin:20px 0}
#modo-dios .sum-card {border:1px solid var(--md-line); border-radius:8px; padding:15px; background:#06121a}
#modo-dios .sum-card .n {font-size:10.5px; letter-spacing:.24em; color:var(--md-cyan)}
#modo-dios .sum-card h4 {margin:6px 0 8px; font-size:15px; color:#dff7f0}
#modo-dios .sum-card p {margin:0; font-size:12.8px; color:var(--md-dim); line-height:1.75}
#modo-dios .sum-card--regla {border-color:#4a3a12; background:#140f04}
#modo-dios .sum-card .n--md-amber {color:var(--md-amber)}
#modo-dios .coste-ayuda {color:#8a6fd0}
#modo-dios .stats {display:flex; gap:22px; flex-wrap:wrap; font-size:12px; color:var(--md-dim); letter-spacing:.1em; margin:14px 0}
#modo-dios .stats b {color:var(--md-green); font-weight:600}
#modo-dios footer.lab {

  background:#04070a; border-top:1px solid #10242b;
  font-size:10.5px; letter-spacing:.14em; color:#3f5f66; text-align:center; padding:7px 12px;
}

#modo-dios .score {
  display:flex; gap:12px; align-items:center; font-size:11px; letter-spacing:.14em;
  border:1px solid #16323f; border-radius:5px; padding:7px 11px; background:#07131a; white-space:nowrap;
}
#modo-dios #scPts {color:var(--md-green); font-size:13px; text-shadow:0 0 10px rgba(57,255,158,.45)}
#modo-dios #scPen {color:var(--md-red)}
#modo-dios #scTime {color:var(--md-dim)}
#modo-dios .score.hit {animation:hit .5s ease}
@keyframes hit{0%,100%{box-shadow:none} 35%{box-shadow:inset 0 0 0 1px var(--md-red), 0 0 16px rgba(255,95,109,.4)}}
#modo-dios .ayudas {
  display:flex; gap:9px; align-items:center; flex-wrap:wrap;
  border-top:1px dashed #1d4034; margin-top:14px; padding-top:12px;
}
#modo-dios .ay-label {font-size:10px; letter-spacing:.24em; color:var(--md-dim)}
#modo-dios .btn.hint {color:var(--md-amber); border-color:#4a3a12}
#modo-dios .btn.hint:hover {background:#221a06; border-color:var(--md-amber); box-shadow:0 0 14px rgba(255,194,77,.2)}
#modo-dios .btn.hint.used {color:#6d5c2d; border-color:#2e2712; cursor:default}
#modo-dios .btn.hint.used:hover {background:transparent; box-shadow:none}
#modo-dios .tool-locked {border-color:#4a3a12; background:linear-gradient(180deg,#140f04,#0c0a05)}
#modo-dios .tool-locked h3 {color:var(--md-amber)}
#modo-dios .cost {
  display:inline-block; border:1px solid #5e2b2b; color:var(--md-red); background:#1a0709;
  border-radius:3px; padding:1px 7px; font-size:10.5px; letter-spacing:.1em; margin-left:6px;
}
#modo-dios .rv-score {
  border:1px solid #2a5f52; border-radius:6px; background:#04140f; padding:10px 13px;
  margin:0 0 14px; font-size:12px; color:#8fc6b6; letter-spacing:.04em;
}
#modo-dios .rv-score b {color:var(--md-green)}
#modo-dios .rv-score .neg {color:var(--md-red)}
#modo-dios .board {width:100%; font-size:12.5px; border-collapse:collapse; margin-top:6px}
#modo-dios .board th {
  text-align:left; font-weight:400; font-size:10px; letter-spacing:.18em; color:var(--md-dim);
  border-bottom:1px solid var(--md-line); padding:6px 8px;
}
#modo-dios .board td {padding:7px 8px; border-bottom:1px solid #0f2029; color:#bfe5dd}
#modo-dios .board td.num {text-align:right; font-variant-numeric:tabular-nums}
#modo-dios .board td.neg {color:var(--md-red)}
#modo-dios .board td.pos {color:var(--md-green)}
#modo-dios .board tr.total td {border-top:1px solid #2a5f52; border-bottom:none; font-size:14px; color:var(--md-green); padding-top:11px}
#modo-dios .rank {
  margin-top:18px; border:1px solid #2a5f52; border-radius:8px; padding:16px;
  background:linear-gradient(180deg,#071814,#050f12); text-align:center;
}
#modo-dios .rank .lbl {font-size:10px; letter-spacing:.3em; color:var(--md-dim)}
#modo-dios .rank .val {font-size:clamp(20px,4vw,30px); letter-spacing:.12em; color:var(--md-green); text-shadow:0 0 22px rgba(57,255,158,.45); margin-top:6px}
#modo-dios .rank .sub {font-size:12.5px; color:var(--md-dim); margin-top:8px}
#modo-dios .board-wrap {overflow-x:auto}
#modo-dios .glitch {animation:gl .3s steps(2) 2}
@keyframes gl{ 50%{ transform:translateX(3px); filter:hue-rotate(60deg) } }
#modo-dios .hidden {display:none !important}

#modo-dios .p-dim {font-size:12.5px; color:var(--md-dim); margin:0 0 10px}
#modo-dios .dim {color:var(--md-dim)}
#modo-dios .ver {color:var(--md-green)}
#modo-dios .vio {color:var(--md-violet)}
#modo-dios .der {text-align:right}
#modo-dios .m0 {margin:0; font-size:13.5px}
#modo-dios .mt0 {margin-top:8px}
#modo-dios .mt6 {margin-top:6px}
#modo-dios .mt10 {margin-top:10px}
#modo-dios .mt12 {margin-top:12px}
#modo-dios .mt14 {margin-top:14px}
#modo-dios .mt16 {margin-top:16px}
#modo-dios .mt26 {margin-top:26px}
#modo-dios .lista {margin:0; padding-left:18px; font-size:13px; line-height:1.95}
#modo-dios .lista b {color:var(--md-cyan)}
#modo-dios .check {margin:0; padding-left:18px; font-size:13.5px; line-height:2}
#modo-dios .ta70 {min-height:70px}
#modo-dios .h3-ambar {color:var(--md-amber)}
#modo-dios .gastado {color:var(--md-red); font-size:10px; letter-spacing:.14em}
#modo-dios .media {opacity:.45}
#modo-dios .log-min {min-height:110px; margin-top:12px}
#modo-dios .cuales {font-size:11.5px}
#modo-dios .grande {font-size:14px}
#modo-dios .sw-mag {background:var(--md-magenta)}
#modo-dios .sw-cya {background:var(--md-cyan)}
#modo-dios .sw-ver {background:var(--md-green)}

#modo-dios .lang-mini {display:flex; gap:2px; border:1px solid var(--md-line); border-radius:5px; overflow:hidden}
#modo-dios .lang-mini button {
  background:#07131a; color:var(--md-dim); border:0; padding:8px 9px;
  font-family:var(--md-mono); font-size:10.5px; letter-spacing:.1em; transition:.15s;
}
#modo-dios .lang-mini button:hover {color:var(--md-txt)}
#modo-dios .lang-mini button.on {background:var(--md-cyan); color:#04161c}