/*
 * GAIA: Fallen Gods — Hoja de estilos global
 * ===========================================
 * El juego se renderiza íntegramente dentro de un <canvas> de resolución
 * lógica fija (960x540, ver js/core.js). Este archivo se limita a:
 *   1. Cargar las tipografías usadas por el HUD/diálogos (Cinzel, Crimson Text).
 *   2. Aplicar un reset básico y evitar scroll/selección de texto en la página.
 *   3. Centrar el canvas en pantalla (el escalado real -letterboxing- lo
 *      calcula resize() en js/core.js mediante `canvas.style.width/height`).
 */

/* Tipografías: Cinzel para títulos/HUD, Crimson Text para cuerpo de diálogos */
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700;900&family=Crimson+Text:ital,wght@0,400;0,600;1,400&display=swap');

/* Reset básico */
*{margin:0;padding:0;box-sizing:border-box}

/* Página anfitriona: fondo negro, sin scroll ni selección, ocupa todo el viewport */
body{background:#000;overflow:hidden;font-family:'Crimson Text',serif;user-select:none;width:100vw;height:100vh}

/* El canvas se centra absolutamente; su tamaño CSS (width/height) es
   fijado dinámicamente por resize() en core.js para mantener el aspect
   ratio 960:540 con barras negras (letterboxing) en cualquier ventana. */
canvas{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}

/* ---------------------------------------------------------------------
 * LEGADO: clases `.go*` generadas por una librería de notificaciones
 * (goober/notistack) de una plantilla/página original de la que partió
 * este proyecto. Ninguna de estas clases se referencia en index.html ni
 * en el código JS actual (todo el UI se dibuja en el canvas). Se
 * conservan sin modificar por si se reutilizan a futuro; son candidatas
 * a eliminarse si se confirma que no hay dependencia externa alguna.
 * --------------------------------------------------------------------- */
.go1475592160{height:0;}.go1671063245{height:auto;}.go1888806478{display:flex;flex-wrap:wrap;flex-grow:1;}@media (min-width:600px){.go1888806478{flex-grow:initial;min-width:288px;}}.go167266335{background-color:#313131;font-size:0.875rem;line-height:1.43;letter-spacing:0.01071em;color:#fff;align-items:center;padding:6px 16px;border-radius:4px;box-shadow:0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12);}.go3162094071{padding-left:20px;}.go3844575157{background-color:#313131;}.go1725278324{background-color:#43a047;}.go3651055292{background-color:#d32f2f;}.go4215275574{background-color:#ff9800;}.go1930647212{background-color:#2196f3;}.go946087465{display:flex;align-items:center;padding:8px 0;}.go703367398{display:flex;align-items:center;margin-left:auto;padding-left:16px;margin-right:-8px;}.go3963613292{width:100%;position:relative;transform:translateX(0);top:0;right:0;bottom:0;left:0;min-width:288px;}.go1141946668{box-sizing:border-box;display:flex;max-height:100%;position:fixed;z-index:1400;height:auto;width:auto;transition:top 300ms ease 0ms,right 300ms ease 0ms,bottom 300ms ease 0ms,left 300ms ease 0ms,max-width 300ms ease 0ms;pointer-events:none;max-width:calc(100% - 40px);}.go1141946668 .notistack-CollapseWrapper{padding:6px 0px;transition:padding 300ms ease 0ms;}@media (max-width:599.95px){.go1141946668{width:100%;max-width:calc(100% - 32px);}}.go3868796639 .notistack-CollapseWrapper{padding:2px 0px;}.go3118922589{top:14px;flex-direction:column;}.go1453831412{bottom:14px;flex-direction:column-reverse;}.go4027089540{left:20px;}@media (min-width:600px){.go4027089540{align-items:flex-start;}}@media (max-width:599.95px){.go4027089540{left:16px;}}.go2989568495{right:20px;}@media (min-width:600px){.go2989568495{align-items:flex-end;}}@media (max-width:599.95px){.go2989568495{right:16px;}}.go4034260886{left:50%;transform:translateX(-50%);}@media (min-width:600px){.go4034260886{align-items:center;}}
