/* The guide is part of the console's LCD. DOM text stays selectable and readable beside one Pixi scene. */
body#chimera-console.collection-page #collection-sections button {min-width:0;min-height:44px;padding:8px 6px;overflow-wrap:anywhere}
body#chimera-console.collection-affinities-open #collection-main>.account-heading {display:none!important}
body#chimera-console.collection-affinities-open #collection-workspace {flex:none;min-height:0}
body#chimera-console.collection-affinities-open #collection-sections {flex:none}
#collection-affinities {container-type:inline-size;color:#34452b;font-family:var(--lcd-font,ui-monospace,monospace);padding-bottom:4px}
#collection-affinities[hidden] {display:none}
#collection-affinities * {box-sizing:border-box}
body#chimera-console #collection-affinities .affinity-heading {display:flex;align-items:center;justify-content:space-between;gap:12px;margin:3px 0 8px}
#collection-affinities .affinity-kicker {margin:0 0 4px;font-size:9px;font-weight:700;letter-spacing:.14em;color:#617148;text-transform:uppercase}
body#chimera-console #collection-affinities h2 {font:800 24px/1.15 var(--lcd-font,ui-monospace,monospace);margin:0;text-transform:uppercase;letter-spacing:.035em}
#collection-affinities .affinity-stamp {flex:none;border:1px solid #778758;padding:7px 9px;background:#c3ce9e;font-size:10px;box-shadow:2px 2px 0 #a6b382}
#collection-affinities .affinity-intro {margin:0 0 16px;font-size:11px;line-height:1.6;color:#526541}
#collection-affinities .affinity-example {border:2px solid #7b8c60;background:#dee6bd;box-shadow:3px 3px 0 #afbc90}
#collection-affinities .affinity-example-heading {display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid #a9b787;font-size:10px;font-weight:700;text-transform:uppercase}
#collection-affinities .affinity-mode {font-size:9px;color:#66764e;text-align:right}
#collection-affinities .affinity-scene {position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) minmax(74px,.85fr) minmax(0,1fr);gap:8px;padding:14px 12px 12px;min-height:192px;background:radial-gradient(ellipse at center,#eef0d2 0%,#d9e2b6 78%);overflow:hidden}
#collection-affinities .affinity-canvas {position:absolute;inset:0;z-index:0;width:100%;height:100%;pointer-events:none}
#collection-affinities .affinity-fighter {position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;min-width:0;gap:7px}
body#chimera-console #collection-affinities label {font-size:9px;line-height:1.3;color:#617148;margin:0;text-align:center;text-transform:uppercase;letter-spacing:.06em}
#collection-affinities .affinity-art {position:relative;display:grid;place-items:center;width:96px;height:96px;max-width:100%;flex:1}
#collection-affinities .affinity-art img {display:block;width:74px;height:74px;max-width:100%;object-fit:contain;filter:drop-shadow(0 3px 0 #34452b22)}
#collection-affinities .affinity-art img.is-pixi-painted {visibility:hidden}
body#chimera-console #collection-affinities select {width:100%;max-width:154px;min-height:40px;margin:0;padding:6px 22px 6px 8px;border:1px solid #8a9a6b;border-radius:0;background:#e9edcd;color:#34452b;font:700 12px/1.3 var(--lcd-font,ui-monospace,monospace)}
#collection-affinities .affinity-verdict {position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;align-self:center;gap:3px;padding:8px 0;background:#e6ebc8d9;text-align:center}
#collection-affinities .affinity-bonus {padding:3px 8px;background:#52683e;color:#f3f5da;font-size:11px;font-weight:700}
#collection-affinities [data-advantage=true] .affinity-bonus {background:#71233e;color:#fff5e9}
#collection-affinities #affinity-damage {font-size:40px;line-height:1.1;font-weight:900;letter-spacing:-.05em;font-variant-numeric:tabular-nums}
#collection-affinities [data-advantage=true] #affinity-damage {color:#71233e}
#collection-affinities .affinity-damage-label {font-size:9px;letter-spacing:.12em;text-transform:uppercase}
#collection-affinities #affinity-formula {margin-top:4px;font-size:11px;color:#617148}
#collection-affinities .affinity-example-footer {display:flex;align-items:center;gap:12px;justify-content:space-between;padding:10px 12px;border-top:1px solid #a9b787}
#collection-affinities #affinity-matchup {margin:0;font-size:11px;line-height:1.5}
body#chimera-console #collection-affinities #affinity-replay {flex:none;min-height:40px;padding:6px 12px;font:700 11px/1.3 var(--lcd-font,ui-monospace,monospace);background:#71233e;color:#fff5e9;border:1px solid #581b34;border-radius:0;box-shadow:2px 2px 0 #a58687}
body#chimera-console #collection-affinities #affinity-replay:hover {background:#8a3652}
#collection-affinities .affinity-table {border-collapse:collapse;width:100%;table-layout:fixed;margin:18px 0 0;border:1px solid #95a574;font-size:11px}
#collection-affinities caption {text-align:left;padding:0 0 10px;font-size:10px;line-height:1.5;color:#617148}
#collection-affinities .affinity-table thead {background:#bccb99}
#collection-affinities .affinity-table th,#collection-affinities .affinity-table td {padding:10px 9px;text-align:left;border-bottom:1px solid #a9b98a;vertical-align:middle}
#collection-affinities .affinity-table thead th {font-weight:800}
#collection-affinities .affinity-table thead th:first-child {width:24%}
#collection-affinities .affinity-table small {display:block;font-size:9px;font-weight:400;margin-top:4px;color:#596d43}
#collection-affinities .affinity-table tbody tr {background:#d2ddb0}
#collection-affinities .affinity-table tbody tr:nth-child(even) {background:#c9d5a5}
#collection-affinities .affinity-table tr[data-selected=true] {background:#edf0d1;box-shadow:inset 3px 0 #71233e}
body#chimera-console #collection-affinities .affinity-nature {display:flex;align-items:center;width:100%;min-height:44px;padding:4px;border:0;border-radius:0;background:transparent;color:#34452b;box-shadow:none;font:800 12px/1.3 var(--lcd-font,ui-monospace,monospace);text-align:left}
body#chimera-console #collection-affinities .affinity-nature:hover {background:#e8edc9}
body#chimera-console #collection-affinities .affinity-nature[aria-pressed=true] {color:#71233e}
#collection-affinities :is(button,select):focus-visible {outline:2px solid #71233e;outline-offset:2px}
#collection-affinities .affinity-chips {display:flex;flex-wrap:wrap;gap:6px 9px}
#collection-affinities .affinity-chip {display:inline-flex;align-items:center;gap:5px;max-width:100%;line-height:1.35}
#collection-affinities .affinity-chip span {overflow-wrap:anywhere}
#collection-affinities .creature-element {width:23px;height:23px;flex:none;overflow:visible}
#collection-affinities .affinity-nature .creature-element {width:34px;height:34px}
#collection-affinities .affinity-none {font-size:10px;color:#65774e}
#collection-affinities .affinity-notes {display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px;border-top:1px dashed #95a574;padding-top:12px}
#collection-affinities .affinity-notes p {display:flex;align-items:flex-start;gap:8px;margin:0;font-size:10px;line-height:1.6;color:#526541}
#collection-affinities .affinity-notes b {font-size:12px;color:#71233e}
@container(max-width:520px) {
  body#chimera-console #collection-affinities h2 {font-size:20px}
  #collection-affinities .affinity-stamp {font-size:9px;padding:6px}
  #collection-affinities .affinity-table {display:block;border:0}
  #collection-affinities .affinity-table caption {display:block}
  #collection-affinities .affinity-table thead {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  #collection-affinities .affinity-table tbody {display:grid;gap:8px}
  #collection-affinities .affinity-table tbody tr {display:grid;grid-template-columns:90px minmax(0,1fr);border:1px solid #95a574;padding:6px}
  #collection-affinities .affinity-table tbody th {grid-row:span 2;display:flex;align-items:center;padding:4px;border:0}
  #collection-affinities .affinity-table tbody td {padding:5px 2px 5px 8px;border:0;border-left:1px solid #b2bf93}
  #collection-affinities .affinity-table tbody td::before {content:attr(data-label);display:block;margin-bottom:4px;font-size:9px;font-weight:700;color:#526541}
  body#chimera-console #collection-affinities .affinity-nature>.affinity-chip {flex-direction:column;align-items:flex-start;gap:7px}
  #collection-affinities .affinity-nature .creature-element {width:38px;height:38px}
  #collection-affinities .affinity-scene {padding:12px 8px;gap:5px;min-height:176px}
  #collection-affinities .affinity-art {height:82px;width:82px}
  #collection-affinities .affinity-art img {width:62px;height:62px}
  body#chimera-console #collection-affinities select {font-size:11px;padding-left:5px}
  #collection-affinities .affinity-example-footer {align-items:flex-start;padding:10px;gap:8px}
  #collection-affinities #affinity-matchup {font-size:10px}
  body#chimera-console #collection-affinities #affinity-replay {padding:6px 8px;font-size:10px}
  #collection-affinities .affinity-notes {grid-template-columns:1fr;gap:8px}
}
@media(max-width:400px) {
  body#chimera-console.collection-page #collection-sections {gap:4px}
  body#chimera-console.collection-page #collection-sections button {font-size:10px}
}