/* InfiNate account widget - self-contained styling for the pumpkin pages */
#acct { display: flex; align-items: center; gap: 10px; margin-left: 14px; }
.acct-hi { color: #b9a68e; font-size: 13px; max-width: 150px;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.acct-btn { background: #ff7a1a; color: #1d1206; border: none;
  font: 700 13px/1 inherit; padding: 9px 16px; border-radius: 9px; cursor: pointer; }
.acct-btn.alt { background: #241a10; color: #f3e9dc; border: 1px solid #4a3a26; }
.hidden { display: none !important; }
#acct-modal { position: fixed; inset: 0; z-index: 90; background: #120c06cc;
  backdrop-filter: blur(4px); display: flex; align-items: center; justify-content: center; }
#acct-modal.hidden { display: none !important; }
.acct-card { background: #1d150c; border: 1px solid #4a3a26; border-radius: 16px;
  padding: 22px; width: 330px; position: relative; box-shadow: 0 24px 60px #000a;
  color: #f3e9dc; }
.acct-x { position: absolute; top: 12px; right: 14px; background: none; border: none;
  color: #b9a68e; font-size: 15px; cursor: pointer; }
.acct-tabs { display: flex; gap: 4px; background: #241a10; padding: 4px;
  border-radius: 10px; margin-bottom: 14px; }
.acct-tabs button { flex: 1; background: none; border: none; color: #b9a68e;
  font: 700 13px/1 inherit; padding: 9px; border-radius: 8px; cursor: pointer; }
.acct-tabs button.on { background: #ff7a1a; color: #1d1206; }
#acct-form input { width: 100%; margin-bottom: 10px; background: #241a10;
  color: #f3e9dc; border: 1px solid #4a3a26; border-radius: 9px; padding: 10px 11px;
  font-size: 14.5px; box-sizing: border-box; }
.acct-go { width: 100%; background: #ff7a1a; color: #1d1206; border: none;
  padding: 11px; border-radius: 10px; font-weight: 800; font-size: 14.5px; cursor: pointer; }
#acct-err { color: #ff6b6b; font-size: 12.5px; min-height: 16px; margin-top: 8px; }