/* DAYSTY extras: search suggestions and the credits page */
.d-search { position: relative; }
.d-suggest { position: absolute; z-index: 120; left: 0; right: 0; top: calc(100% + 6px); max-height: min(70vh, 460px); overflow-y: auto; background: #1A1A22; border: 1px solid rgba(244, 239, 233, .14); border-radius: 14px; box-shadow: 0 18px 40px rgba(0, 0, 0, .5); padding: 6px; text-align: left; }
.d-suggest[hidden] { display: none; }
.d-suggest__h { padding: 8px 10px 4px; font-size: 11px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: #A0A0AB; }
.d-suggest__row { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border-radius: 10px; color: #F4EFE9; text-decoration: none; }
.d-suggest__row:hover, .d-suggest__row.is-active { background: rgba(244, 239, 233, .09); }
.d-suggest__av { flex: none; display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: #2A2A33 center / cover no-repeat; font: 800 14px var(--d-font-head); color: #F4EFE9; }
.d-suggest__av--tag { border-radius: 8px; color: #A0A0AB; }
.d-suggest__t { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 15px; }
.d-suggest__t mark { background: none; color: #fff; font-weight: 800; text-decoration: underline; text-underline-offset: 3px; }
.d-suggest__live { font-size: 10px; font-weight: 800; letter-spacing: .06em; padding: 2px 7px; border-radius: 4px; background: #E5173A; color: #fff; }
.d-suggest__on { font-size: 12px; color: #5BD68B; }
.d-suggest__none { padding: 14px 10px; color: #A0A0AB; font-size: 14px; }

.d-bal { margin: 4px 0 8px; font-size: 18px; }
.d-bal b { font: 800 40px var(--d-font-head); letter-spacing: -.02em; }
.d-plainlist { margin: 0 0 12px; padding-left: 18px; color: #D8D3CC; line-height: 1.6; }
.d-h2b { font-size: 20px; font-weight: 800; margin: 32px 0 12px; }
.d-pkgs { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 12px; }
.d-pkg { display: grid; gap: 4px; justify-items: start; padding: 16px; border: 1px solid var(--d-line, rgba(244, 239, 233, .12)); border-radius: 14px; background: #1A1A22; }
.d-pkg b { font: 800 28px var(--d-font-head); }
.d-pkg span { color: #A0A0AB; }
.d-pkg em { font-style: normal; font-weight: 700; margin: 6px 0 8px; }
.d-ledger { width: 100%; border-collapse: collapse; font-size: 14px; }
.d-ledger th, .d-ledger td { padding: 10px 8px; border-bottom: 1px solid var(--d-line, rgba(244, 239, 233, .12)); text-align: left; }
.d-ledger th { color: #A0A0AB; font-weight: 600; }
.d-ledger .d-r { text-align: right; font-variant-numeric: tabular-nums; }