.cb-section{position:relative}.post-section.cb-section h2{padding-bottom:var(--space-3);border-bottom:1px solid color-mix(in srgb,var(--charcoal)20%,transparent);margin-bottom:var(--space-4)}.cb-meta{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.cb-tags{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.cb-tags li{border-radius:var(--radius-xs);background:color-mix(in srgb,var(--post-section-tone)14%,var(--cream));font-family:var(--font-mono);padding:.3rem .5rem;font-size:.75rem;line-height:1}@media (min-width:40rem){.post-section.cb-section h2{padding-right:9rem}.cb-target{position:absolute;top:0;right:0}}.cb-frame{background:var(--cb-bg);justify-content:center;display:flex}.cb-stage{isolation:isolate;width:400px;height:300px;position:relative;overflow:hidden}.cb-tile{aspect-ratio:4/3;position:relative;overflow:hidden;container-type:inline-size}.cb-tile .cb-stage{transform-origin:0 0;transform:scale(tan(atan2(100cqw,400px)));position:absolute;top:0;left:0}.cb-code{margin-top:var(--space-3)}@media not (min-width:40rem){.cb-frame{aspect-ratio:4/3;display:block;position:relative;overflow:hidden;container-type:inline-size}.cb-frame .cb-stage{transform-origin:0 0;transform:scale(tan(atan2(100cqw,400px)));position:absolute;top:0;left:0}.cb-meta{flex-wrap:wrap}.css-battle-page .post-header-lede br{display:none}}
.battle-cover{padding:var(--space-7)var(--space-5)0;grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.battle-tile{display:block}@media (max-width:1023px){.battle-cover{padding:var(--space-6)var(--space-4)0}}@media (max-width:639px){.battle-cover{grid-template-columns:repeat(2,minmax(0,1fr))}}