/* Página: Game Design (usa camera.css + cores.css) */
.gd-hero::after{background:linear-gradient(90deg,color-mix(in oklch,var(--ink-950) 88%,transparent),transparent 62%),linear-gradient(transparent 60%,var(--bg-base))}
.three{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-5)}
.sec{margin-top:var(--space-8)}.srow.wide{max-width:640px;width:100%}
.stage canvas{width:100%;height:auto}
.mda-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);margin-top:var(--space-4)}
.mda-cols>div{position:relative;padding:var(--space-5);border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--surface-1)}
.mda-cols>div+div::before{content:"→";position:absolute;left:-18px;top:50%;transform:translateY(-50%);color:var(--text-secondary);font-size:1.4rem}
.mda-cols h4{margin:0 0 4px;font-family:var(--font-display);text-transform:uppercase;font-size:var(--text-md);color:var(--c,var(--blue-300))}
.mda-cols small{display:block;margin-bottom:8px;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:var(--ls-wide)}
.mda-cols ul{margin:0;padding-left:1.1em;color:var(--text-secondary);font-size:var(--text-sm);line-height:1.7}
.aes-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:var(--space-4)}
.aes-grid div{padding:10px 12px;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--surface-1);font-size:var(--text-sm);color:var(--text-secondary);opacity:.55;transition:all .3s}
.aes-grid div b{display:block;color:var(--text-primary);font-family:var(--font-display);text-transform:uppercase;font-size:var(--text-xs);letter-spacing:var(--ls-wide)}
.aes-grid div.on{opacity:1;border-color:var(--border-accent);background:var(--accent-soft)}
.loop-lab,.flow-lab,.xp-lab,.rw-lab{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:var(--space-5);align-items:start}
.flow-lab .srow,.xp-lab .srow{margin-bottom:var(--space-2)}
@media (max-width:900px){.loop-lab,.flow-lab,.xp-lab,.rw-lab{grid-template-columns:minmax(0,1fr)}.mda-cols{grid-template-columns:minmax(0,1fr)}.mda-cols>div+div::before{content:"↓";left:50%;top:-18px;transform:translateX(-50%)}.aes-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}