.aram-observed-opening { min-inline-size:0; margin-block:12px; padding:clamp(10px,2vw,18px); border:1px solid #355464; border-inline-start:3px solid #67cad6; border-radius:8px; background:#10212c; color:#e4eef5; overflow-wrap:anywhere; }
[data-aram-item-review="pending"] { min-inline-size:0; overflow-wrap:anywhere; }
[data-aram-item-review="pending"] > header { flex-wrap:wrap; gap:8px 16px; }
[data-aram-item-review="pending"] > header > div { min-inline-size:0; }
[data-aram-item-review="pending"] > header a { display:inline-block; margin-block-start:8px; color:#a3eaf2; text-decoration:underline; text-underline-offset:.2em; }
[data-aram-item-review="pending"] > header > span { max-inline-size:100%; white-space:normal; }
.aram-observed-opening h3,.aram-observed-opening p { margin:0; overflow-wrap:anywhere; }
.aram-observed-opening p,.aram-observed-opening dt { color:#b8cbd7; font-size:14px; }
.aram-observed-opening ul,.aram-observed-opening dl { display:flex; flex-wrap:wrap; gap:8px 16px; padding:0; margin:12px 0 0; }
.aram-observed-opening li,.aram-observed-opening dl>div { min-inline-size:0; max-inline-size:100%; }
.aram-observed-opening li { display:flex; flex-wrap:wrap; align-items:center; gap:6px 8px; padding:6px 8px; border:1px solid #385565; border-radius:5px; background:#162a37; font-weight:650; overflow-wrap:anywhere; }
.aram-observed-opening li bdi { min-inline-size:0; max-inline-size:100%; }
.aram-observed-opening li img { flex:none; inline-size:36px; max-inline-size:100%; block-size:36px; object-fit:contain; border-radius:4px; }
.aram-observed-opening dd { margin:2px 0 0; overflow-wrap:anywhere; }
.aram-observed-opening button,.aram-observed-opening a { display:inline-block; max-inline-size:100%; padding:4px 6px; color:#a3eaf2; font:inherit; white-space:normal; overflow-wrap:anywhere; text-decoration:underline; }
.aram-observed-opening button { border:1px solid #385565; border-radius:4px; background:#162a37; }
.aram-observed-core,.aram-observed-opening .aram-observed-source { margin-block-start:14px; padding-block-start:12px; border-block-start:1px solid #355464; }
.mayhem-observed-build header p { margin-block-start:6px; }
.mayhem-observed-build .mayhem-opening-heading { margin:14px 0 0; font-size:1rem; }
.mayhem-observed-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr)); gap:10px; margin-block:10px; }
.mayhem-observed-grid > .mayhem-observed-row { min-inline-size:0; margin:0; grid-template-rows:auto 1fr auto; }
[data-mayhem-opening] > .mayhem-observed-row { grid-template-rows:1fr auto; }
[data-mayhem-core] .mayhem-observed-row ul { display:grid; grid-template-columns:minmax(0,1fr); align-content:start; }
[data-mayhem-core] .mayhem-observed-row li { display:grid; grid-template-columns:36px minmax(0,1fr); align-items:center; min-block-size:50px; }
.mayhem-observed-row { display:grid; gap:8px; margin-block:10px; padding:10px; border:1px solid #355464; border-radius:6px; background:#122632; }
.mayhem-observed-row :is(h3,ul,p) { margin:0; }
.mayhem-observed-row ul { gap:6px; }
.mayhem-observed-row p { color:#a7dbe5; }
.mayhem-observed-build .mayhem-transform-arrow { padding-inline:2px; border:0; background:transparent; }
[dir="rtl"] .mayhem-transform-arrow { transform:scaleX(-1); }
.aram-observed-core h4 { margin:0; font-size:1rem; }
.aram-observed-acquisitions { min-inline-size:0; margin-block-start:14px; padding-block-start:12px; border-block-start:1px solid #355464; }
.aram-observed-acquisitions summary { min-block-size:44px; padding-block:8px; color:#a3eaf2; font-weight:700; cursor:pointer; }
.aram-observed-acquisitions h4 { margin:14px 0 8px; font-size:1rem; }
.aram-observed-comparisons { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr)); gap:8px; }
.aram-observed-comparisons article { min-inline-size:0; padding:8px; border:1px solid #355464; border-radius:5px; }
.aram-observed-comparisons article ul { margin-block-start:0; }
.champion-build-variant.is-reference { --route-accent:#e6b948; background:#191910; border-color:#6f6132; }