/* mad.ceo · Cthulhito: El Despertar · ajustes sobre la consola de nado-al-abismo.css */

.arcade-wide { max-width: 1100px; }
.arcade-wide .arcade-screen canvas { aspect-ratio: 16 / 9; }
.arcade-wide .arcade-screen:fullscreen { display: grid; place-items: center; background: #000; border: 0; border-radius: 0; }
.arcade-wide .arcade-screen:fullscreen canvas { width: min(100vw, 177.78vh); height: auto; }
.game-note a { color: var(--cyan); text-decoration: underline; text-underline-offset: 3px; }

.arcade-pad-4 { grid-template-columns: 1fr auto 1fr; align-items: center; }
.pad-group { display: grid; grid-template-columns: 1fr 1fr; gap: 0.6rem; }
.arcade-pad-4 .pad-btn { padding: 1.2rem 0.5rem; font-size: 1.1rem; letter-spacing: 0; }
.arcade-pad-4 .pad-main { background: #1F4034; }
.arcade-pad-4 .pad-small { padding: 0.8rem 0.9rem; font-size: 0.8rem; }

.mech-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
    list-style: none;
    margin: 0;
    padding: 0;
}
.mech {
    padding: 1.4rem;
    background: var(--abyss-850);
    border: 1px solid var(--line);
    border-radius: var(--radius);
}
.mech-tag { display: inline-block; margin-bottom: 0.8rem; font: 500 0.7rem/1 var(--font-mono); letter-spacing: 0.08em; text-transform: uppercase; color: var(--cyan); }
.mech h3 { margin: 0 0 0.45rem; font-family: var(--font-body); font-size: 1.05rem; font-weight: 600; color: var(--text-strong); }
.mech p { margin: 0; font-size: 0.93rem; }

.level-list { display: grid; gap: 0; list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--line); }
.level-item { display: grid; grid-template-columns: 3.2rem minmax(0, 1fr); gap: 1.2rem; align-items: start; padding: 1.4rem 0; border-bottom: 1px solid var(--line); }
.level-num { font-family: var(--font-heading); font-size: 2.2rem; line-height: 1; color: var(--eldritch-text); }
.level-item h3 { margin: 0.2rem 0 0.4rem; font-family: var(--font-body); font-size: 1.05rem; font-weight: 600; color: var(--text-strong); }
.level-item p { margin: 0; max-width: 70ch; font-size: 0.95rem; }

@media (max-width: 1024px) { .mech-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) { .mech-grid { grid-template-columns: minmax(0, 1fr); } }