/* Compagnon D&D 5e — version 11.1 */
* { box-sizing: border-box; margin: 0; padding: 0; }

  body {
    font-family: 'Alegreya', Georgia, serif;
    background-color: #f4f1e9;
    background-image: url('../assets/backgrounds/builder2k-extended.png');
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    background-attachment: fixed;
    color: var(--ink);
    min-height: 100vh;
    font-size: 16px;
    line-height: 1.5;
  }

  .app { max-width: 1080px; margin: 0 auto; padding: 24px 16px 80px; }

  header.main-header {
    text-align: center;
    padding: 18px 0 22px;
    border-bottom: 3px double var(--blood);
    margin-bottom: 22px;
  }
  header.main-header h1 {
    font-family: 'Cinzel', serif;
    font-size: 30px;
    color: var(--blood);
    letter-spacing: 2px;
  }
  header.main-header p { color: var(--ink-soft); font-style: italic; font-size: 15px; margin-top: 4px; }
  .menu-return {
    display:none; position:fixed; z-index:50; top:14px; left:14px;
    padding:8px 13px; border:1.5px solid var(--blood-dark); border-radius:7px;
    background:#fffaf0; color:var(--blood); box-shadow:0 2px 9px rgba(50,35,20,.16);
    font-family:'Cinzel',serif; font-size:12px; font-weight:700; cursor:pointer;
  }
  .menu-return:hover { background:var(--blood); color:#fffaf0; }
  @media (max-width:720px) {
    .menu-return { position:sticky; top:8px; left:8px; margin:8px 0 0 8px; }
  }