.collection-page .account-header nav { display: flex; align-items: center; gap: 24px; flex-wrap: wrap; }
body#chimera-console.collection-page #collection-sections { display:flex; gap:8px; margin:0 0 16px; }
body#chimera-console.collection-page #collection-sections button { flex:1; }
body#chimera-console.collection-page #collection-sections button[aria-pressed=true] { background:#71233e; color:#fff5e9; border-color:#581b34; }
body#chimera-console.collection-inventory-open :is(#collection-new,#collection-capacity,#collection-allowance,#collection-count) { display:none !important; }
.collection-page .account-header .language-picker { margin: 0; }
/* The creature fan gets the screen; guide, renown and capacity share Infos. */
body#chimera-console.collection-page #collection-main:not(:has(.has-selection))>.account-heading {display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:10px;margin:0 0 8px;padding:0;text-align:left}
body#chimera-console.collection-page #collection-main:not(:has(.has-selection))>.account-heading p {display:none}
body#chimera-console.collection-page #collection-main:not(:has(.has-selection))>.account-heading h1 {font-size:18px;line-height:1.15}
body#chimera-console.collection-page .collection-heading-actions {display:flex;align-items:center;gap:6px;flex:none}
body#chimera-console.collection-page .collection-heading-actions button {min-height:40px;padding:6px 10px;font-size:11px;white-space:nowrap}
body#chimera-console.collection-page #collection-info {background:#dfe7bc;color:#34452b;border:1px solid #7a8b60}
body#chimera-console.collection-page #collection-info[hidden] {display:none}
body#chimera-console.collection-page:has(#collection-attack-browser[hidden]):not(:has(.has-selection)) #collection-list-panel:has(.card-deck:not([hidden])) {min-height:0}
body#chimera-console.collection-page #collection-overview[open] {padding:16px;background:var(--console-lcd,#d2dcaf);color:var(--lcd-ink,#34452b);overflow:auto}
body#chimera-console.collection-page #collection-overview>header {display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
body#chimera-console.collection-page #collection-overview h2 {margin:0;font:700 18px/1.3 var(--lcd-font)}
body#chimera-console.collection-page #collection-overview-close {min-height:40px;font-size:12px}
body#chimera-console.collection-page #collection-overview .collection-capacity {flex-wrap:wrap;margin-top:16px}
body#chimera-console.collection-page #collection-overview .collection-capacity>span {flex:1 1 160px}
.collection-page .language-picker select { width: auto; }
body#chimera-console.collection-page .collection-title-line { display:flex; align-items:baseline; gap:7px; }
body#chimera-console.collection-page .collection-title-line h1 { margin:0; }
body#chimera-console.collection-page .account-heading #collection-count { margin:0; font:400 11px/1.2 ui-monospace,monospace; color:#596247; white-space:nowrap; }
body#chimera-console.collection-page .collection-results-heading:has(.collection-pagination[hidden]) { display:none; }
body#chimera-console.collection-page #collection-browse:has(.collection-pagination[hidden]):not(:has(#collection-attack-browser:not([hidden]),#collection-search:not([hidden]),.console-search-filter:not([hidden]))) { display:none; }
body#chimera-console.collection-page #collection-browse { grid-template-columns:minmax(0,1fr); }
body#chimera-console.collection-page .collection-creature-menu { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:16px 0; }
body#chimera-console.collection-page .collection-creature-menu button[aria-pressed=true] { background:#315e49; color:#fffaf0; border-color:#315e49; }
body#chimera-console.collection-page #collection-linked { margin-top:0; border-top:0; }
body#chimera-console.collection-page #collection-existing-attacks { margin-top:18px; }
body#chimera-console.collection-page #collection-associate { margin-bottom:18px; max-width:100%; white-space:normal; overflow-wrap:anywhere; }
body#chimera-console.collection-page #collection-attack-browser h2 { margin:10px 0; font-size:1.05rem; }
body#chimera-console.collection-page :is(#collection-back,#collection-attacks-back) { white-space:normal; overflow-wrap:anywhere; text-align:left; }
.collection-page .collection-search { display: grid; grid-template-columns: minmax(0, 1fr) 165px auto; gap: 14px; align-items: end; }
.collection-page .collection-search label { margin-top: 0; }
.collection-page .collection-search button[type="submit"] { width: auto; margin: 0; }
.collection-page :is(textarea, select) { font: inherit; width: 100%; min-height: 44px; background: #fffef6; color: var(--text); border: 1px solid #98a58e; border-radius: 8px; padding: 11px 12px; }
.collection-page :is(textarea, select):focus-visible { outline: 3px solid #217a93; outline-offset: 3px; }
.collection-page textarea { resize: vertical; }
.collection-page .collection-results-heading { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin: 20px 0; }
.collection-page .collection-results-heading p { margin: 0; }
.collection-page .collection-pagination { display: flex; align-items: center; gap: 10px; font-size: .84rem; }
.collection-page .collection-pagination button { padding: 8px 11px; }
.collection-page .collection-layout { display: grid; grid-template-columns: minmax(0, 1fr); gap: 24px; align-items: start; }
.collection-page .collection-layout.has-selection { grid-template-columns: minmax(0, 1fr) minmax(320px, 1fr); }
.collection-page .collection-items { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 16px; }
.collection-page .collection-card { background: var(--panel); border: 1px solid var(--line); border-radius: 13px; overflow: hidden; min-width: 0; }
.collection-page .collection-card.selected { border: 2px solid var(--cyan); }
.collection-page .collection-card a { display: flex; flex-direction: column; height: 100%; color: var(--text); text-decoration: none; }
.collection-page .collection-card a:focus-visible { outline-offset: -4px; }
.collection-page .collection-card a:hover strong { text-decoration: underline; }
.collection-page .collection-card :is(img, .collection-no-portrait) { aspect-ratio: 3 / 4; width: 100%; object-fit: contain; background: #dfe7d0; }
.collection-page .collection-no-portrait { display: grid; place-items: center; padding: 20px; text-align: center; color: var(--muted); }
.collection-page .collection-card-content { padding: 16px; min-width: 0; }
.collection-page .collection-card strong { display: block; font-size: 1rem; overflow-wrap: anywhere; }
.collection-page .collection-card-description { margin: 8px 0 12px; font-size: .86rem; color: var(--muted); overflow-wrap: anywhere; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.collection-page .collection-card-state { color: var(--gold); font-size: .76rem; font-weight: 700; }
.collection-page .collection-card-kind { margin: 16px 16px 0; color: var(--gold); font-size: .72rem; letter-spacing: .08em; }
.collection-page .collection-detail h2, .collection-page .collection-editor h2 { font-size: 1.55rem; overflow-wrap: anywhere; }
.collection-page #collection-back { margin: -4px 0 15px; }
.collection-page .collection-portrait img { display: block; width: 100%; max-height: 380px; object-fit: contain; background: #dfe7d0; border-radius: 9px; }
.collection-page .collection-portrait .collection-no-portrait { min-height: 140px; border: 1px dashed #9eaf8f; border-radius: 9px; }
.collection-page .collection-description { white-space: pre-wrap; overflow-wrap: anywhere; margin-top: 20px; }
.collection-page .collection-subsection { margin-top: 24px; padding-top: 20px; border-top: 1px solid var(--line); }
.collection-page h3 { margin: 0 0 12px; font-size: 1rem; }
.collection-page .collection-subsection summary { cursor: pointer; min-height: 44px; padding: 8px 0; font-weight: 700; color: var(--text); }
.collection-page summary:focus-visible { outline: 3px solid #217a93; outline-offset: 3px; }
.collection-page .collection-linked-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.collection-page .collection-linked-heading h3 { margin: 0; }
.collection-page .collection-attack-actions { display: flex; gap: 10px; flex-wrap: wrap; }
.collection-page .collection-attack-actions button { flex: 1 1 auto; }
.collection-page .collection-linked-list { list-style: none; margin: 12px 0 0; padding: 0; }
.collection-page .collection-linked-list a { display: block; padding: 12px 0; min-height: 44px; overflow-wrap: anywhere; }
.collection-page .collection-linked-list li + li { border-top: 1px solid var(--line); }
.collection-page .collection-versions { margin: 16px 0 0; padding-left: 22px; }
.collection-page .collection-versions li { margin-bottom: 16px; padding-left: 4px; }
.collection-page .collection-versions p { white-space: pre-wrap; overflow-wrap: anywhere; margin: 8px 0; font-size: .86rem; }
.collection-page .collection-version-image { max-width: 100%; max-height: 220px; object-fit: contain; display: block; }
.collection-page .collection-duel-note { margin: 24px 0 0; }
.collection-page .collection-editor fieldset { margin: 22px 0 0; padding: 16px; border: 1px solid var(--line); border-radius: 9px; min-width: 0; }
.collection-page .collection-editor legend { padding: 0 6px; font-weight: 700; }
.collection-page .collection-editor-actions { margin-top: 24px; }
.collection-page .collection-editor-actions button[type="submit"] { width: auto; margin: 0; }
.collection-page #collection-conflict { margin-bottom: 20px; }
.collection-page #collection-retry { margin: 0 0 20px; }
.collection-page .collection-empty { padding: 32px 26px; }
body#chimera-console.collection-page #collection-layout:not(.has-selection) #collection-list-panel:has(#collection-empty-create:not([hidden])) {
  flex:1; display:flex; flex-direction:column; justify-content:center; min-height:240px; padding:24px 0;
}
body#chimera-console.collection-page #collection-empty:has(#collection-empty-create:not([hidden])) {
  align-self:center; width:min(100%,32rem); margin:0; padding:24px; text-align:center;
}
body#chimera-console.collection-page #collection-empty #collection-empty-create {
  min-height:52px; max-width:100%; margin:14px auto 0; padding:12px 22px; font-size:14px; white-space:normal;
}
@media (max-width: 900px) {
  .collection-page .collection-layout.has-selection { grid-template-columns: minmax(0, 1fr); }
  .collection-page .collection-layout.has-selection #collection-list-panel { display: none; }
  .collection-page .collection-layout.has-selection :is(.collection-detail, .collection-editor) { max-width: 650px; width: 100%; justify-self: center; }
}
@media (max-width: 560px) {
  .collection-page .account-header { align-items: center; }
  .collection-page .account-header { flex-wrap: wrap; }
  .collection-page .account-header nav { width: 100%; gap: 12px; justify-content: space-between; }
  .collection-page .account-header .language-picker { flex-wrap: nowrap; }
  .collection-page .account-header nav a { min-height: 44px; display: flex; align-items: center; font-size: .82rem; }
  .collection-page .collection-search { grid-template-columns: minmax(0, 1fr) 120px; gap: 12px; }
  .collection-page .collection-search button { grid-column: 1 / -1; }
  .collection-page .collection-results-heading { align-items: stretch; flex-direction: column; }
  .collection-page .collection-pagination { justify-content: space-between; }
  .collection-page .collection-items { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .collection-page .collection-card-content { padding: 12px; }
  .collection-page .collection-card strong { font-size: .9rem; }
  .collection-page .collection-card-description { font-size: .8rem; }
  .collection-page .collection-card-kind { margin: 12px 12px 0; }
  .collection-page .collection-detail, .collection-page .collection-editor { padding: 20px; }
  .collection-page .collection-linked-heading { align-items: stretch; flex-direction: column; }
}
.collection-page .collection-card.is-listed .collection-card-state { color: #742443; }
.collection-page .collection-card.is-ceded { opacity: .82; }
.collection-page .collection-card.is-ceded .collection-card-state { color: #5a4326; }
.collection-page .collection-market-state { margin: 14px 0 0; overflow-wrap: anywhere; }
.collection-page #collection-market-link { display: inline-flex; align-items: center; margin-top: 8px; min-height: 44px; }
.collection-page #collection-lock-note { margin-top: 10px; }
/* Ink stamp of the trading post on a listed or ceded card (text from the catalogue, never from CSS). */
.collection-page .collection-card { position: relative; }
.collection-page .collection-card[data-stamp]:not([data-stamp=""])::after { content: attr(data-stamp); position: absolute; z-index: 4; left: 10%; top: 24%; padding: 3px 9px; border: 2.5px solid #8a6d3b; outline: 1px solid #8a6d3b; outline-offset: 2px; border-radius: 6px; font: 900 .78rem/1.1 ui-monospace, SFMono-Regular, Consolas, monospace; letter-spacing: .2em; text-transform: uppercase; color: #8a6d3b; background: #f6eedb66; transform: rotate(-14deg); opacity: .85; mix-blend-mode: multiply; pointer-events: none; white-space: nowrap; }
.collection-page .collection-card.is-listed[data-stamp]:not([data-stamp=""])::after { color: #742443; border-color: #742443; outline-color: #742443; }
.collection-page #collection-market-deed { margin: 10px 0 0; }

/* A separate, quiet action in the attack card's existing heading margin. */
body#chimera-console.console-page #collection-main #collection-linked-attacks .collection-remove-attack {
  position: absolute;
  inset: 5px 5px auto auto;
  min-width: 44px;
  width: auto;
  min-height: 28px;
  margin: 0;
  padding: 4px 6px;
  border: 1px solid var(--lcd-line);
  border-radius: 1px;
  background: var(--lcd-light);
  color: var(--lcd-muted);
  box-shadow: none;
  font: 700 .6rem/1.2 var(--lcd-font);
  cursor: pointer;
}
body#chimera-console.console-page #collection-main #collection-linked-attacks .collection-remove-attack:hover:not(:disabled) {
  color: var(--lcd-ink);
  background: var(--lcd-paper);
  transform: none;
}
body#chimera-console.console-page #collection-main #collection-linked-attacks .collection-remove-attack:focus-visible {
  outline: 2px solid var(--lcd-ink);
  outline-offset: -3px;
}
body#chimera-console.console-page #collection-main #collection-linked-attacks .deck-attack-card:not(.is-deck-active) > .collection-remove-attack {
  visibility: hidden;
}
/* Deck slots bought with game points (inventory_extensions.py): one compact line under the heading. */
body#chimera-console.collection-page .collection-capacity { display:flex; align-items:center; justify-content:space-between; gap:8px; margin:0 0 10px; }
body#chimera-console.collection-page .collection-capacity[hidden] { display:none; }
body#chimera-console.collection-page #collection-capacity-text { margin:0; font:400 11px/1.3 ui-monospace,monospace; color:#596247; }
body#chimera-console.collection-page #collection-expand { flex:none; min-height:44px; padding:6px 10px; border:2px solid #34452b; border-radius:0; background:#e5edca; color:#34452b; box-shadow:2px 2px 0 #87976b; font:600 .68rem/1.2 ui-monospace,monospace; }
body#chimera-console.collection-page #collection-expand:disabled { opacity:.55; box-shadow:none; }
body#chimera-console.console-page #collection-main:has(.has-selection) #collection-capacity { display:none; }
/* A creature's growth (essence.py, mastery.py): Mastery stars beyond level 6, Essence's price under the actions. */
body#chimera-console.collection-page .collection-mastery { display:flex; align-items:baseline; flex-wrap:wrap; gap:4px 8px; margin:12px 0 0; font:400 .72rem/1.35 ui-monospace,monospace; color:#34452b; }
body#chimera-console.collection-page .collection-mastery[hidden] { display:none; }
body#chimera-console.collection-page .collection-mastery-title { font-weight:700; letter-spacing:.06em; text-transform:uppercase; }
body#chimera-console.collection-page .collection-mastery-stars { color:#742443; letter-spacing:.12em; }
body#chimera-console.collection-page .collection-essence-note { margin:6px 0 0; font:400 .68rem/1.35 ui-monospace,monospace; color:#596247; overflow-wrap:anywhere; }
body#chimera-console.collection-page #collection-essence-dialog .collection-essence-stepper { display:grid; grid-template-columns:48px minmax(0,1fr) 48px; align-items:center; gap:12px; }
body#chimera-console.collection-page #collection-essence-dialog .collection-essence-stepper button { min-width:44px; min-height:48px; margin:0; padding:0; border:1px solid var(--lcd-dialog-line); border-radius:3px; background:var(--lcd-dialog-light); color:var(--lcd-dialog-ink); font:700 1.4rem/1 var(--lcd-dialog-font); }
body#chimera-console.collection-page #collection-essence-dialog .collection-essence-stepper button:disabled { opacity:.4; cursor:not-allowed; }
body#chimera-console.collection-page #collection-essence-dialog output { text-align:center; font:800 1.4rem/1.4 var(--lcd-dialog-font); }
body#chimera-console.collection-page #collection-essence-dialog .collection-essence-amount-note { margin:0; color:var(--lcd-dialog-muted); font:.75rem/1.5 var(--lcd-dialog-font); }
body#chimera-console.collection-page #collection-essence-dialog .collection-essence-levels { width:100%; border-collapse:collapse; color:var(--lcd-dialog-ink); font:.72rem/1.4 var(--lcd-dialog-font); }
body#chimera-console.collection-page #collection-essence-dialog .collection-essence-levels caption { padding:0 0 8px; text-align:left; font-weight:700; }
body#chimera-console.collection-page #collection-essence-dialog .collection-essence-levels th,
body#chimera-console.collection-page #collection-essence-dialog .collection-essence-levels td { padding:4px 6px; border-bottom:1px solid var(--lcd-dialog-line); text-align:right; }
body#chimera-console.collection-page #collection-essence-dialog .collection-essence-levels th:first-child { text-align:left; }
body#chimera-console.collection-page #collection-essence-dialog .collection-essence-levels .is-reached { color:var(--lcd-dialog-muted); }
body#chimera-console.collection-page #collection-essence-dialog .collection-essence-levels .is-preview { background:var(--lcd-dialog-light); color:var(--lcd-dialog-ink); font-weight:800; }
body#chimera-console.collection-page #collection-essence-dialog .collection-essence-preview { margin:0; color:var(--lcd-dialog-ink); font:700 .78rem/1.5 var(--lcd-dialog-font); }