/* =========================================================
   LAYOUT
   - Page structure
   - Flex & spacing
   - No colors, no animations
========================================================= */


/* =====================
   MAIN WRAPPER
===================== */

.game {
  max-width: 900px;
  margin: auto;
  padding: 16px;
}


/* =====================
   TOP BAR
   (Stats + Risk)
===================== */

.top-bar {
  display: flex;
  gap: 16px;
  align-items: flex-end;
}


/* =====================
   ACTION BAR
===================== */

.actions {
  display: flex;
  justify-content: space-between;
  gap: 8px;
}


/* =====================
   EVENT BAR
===================== */

.event-bar {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 12px 0;
}


/* =====================
   SCENE CONTAINER
===================== */

.scene {
  margin: 12px 0;
}


/* =====================
   GAME ROOT
===================== */

#gameRoot {
  position: relative;
}