/* Original styles from index.php, unchanged. */
    body { padding-top: 64px; }
    .page { padding-top: 0; }

    .pinned-wrapper {
      position: fixed;
      top: 14px;
      left: 50%;
      transform: translateX(-50%);
      z-index: 20;
      max-width: 520px;
      width: calc(100% - 40px);
    }

    .steam-box {
      margin-top: 16px;
      padding: 16px;
      border-radius: 16px;
      border: 1px solid rgba(102, 192, 244, .35);
      background: rgba(23, 26, 33, .55);
    }
    .steam-box[hidden] { display: none; }
    .steam-box-head { font-weight: 800; color: #66c0f4; margin-bottom: 4px; }
    .steam-box-head i { margin-right: 6px; }
    select.field-input option { background: #0b1424; color: var(--text); }
    .steam-guide { margin-top: 14px; font-size: 13px; color: var(--muted); }
    .steam-guide summary { cursor: pointer; color: #66c0f4; font-weight: 700; }
    .steam-guide ol { margin: 10px 0 0; padding-left: 18px; }
    .steam-guide li { margin-bottom: 12px; }
    .steam-guide img {
      display: block; width: 100%; margin-top: 8px;
      border-radius: 10px; border: 1px solid rgba(255,255,255,.12);
    }

    @media (max-width: 560px) {
      body { padding-top: 58px; }
      .pinned-wrapper { width: calc(100% - 20px); }
    }