/*
 * Lazarus Chamber landing page (cards.overpower.game/): the few rules of its own, on top of the main site's stylesheets.
 * Canvas "OverPower Web – Lazarus Chamber" v3 (26 Oct 2026): the "Lazarus Chamber" mark, the menu divider, the back link, the
 * full-width header (12 Nov: full width, to line up with Kyle's apps), the phone hero band, the two tool panels, two tab icons.
 */

/* Header: full width (1360) */
.lzc .op-header > .op-header__bar { max-width: 1360px !important; margin-left: auto; margin-right: auto; }
.lzc-mark { display: inline-flex; align-items: center; margin-left: 14px; padding-left: 14px; border-left: 1px solid rgba(169,188,226,.35); text-decoration: none; color: var(--wp--preset--color--text); line-height: 1; white-space: nowrap; }
.lzc-mark span { display: flex; flex-direction: column; font-family: var(--wp--preset--font-family--label); font-weight: 700; font-size: 15px; letter-spacing: .16em; text-transform: uppercase; color: var(--wp--preset--color--muted); }
.lzc-mark b { font-family: var(--wp--preset--font-family--display, inherit); font-size: 30px; letter-spacing: .02em; color: var(--wp--preset--color--yellow); font-weight: 400; text-transform: none; }
.lzc-mark::after { content: none !important; }
.lzc .opx { align-items: center; }
.lzc-sep { width: 1px; height: 26px; background: rgba(169,188,226,.35); margin: 0 6px; list-style: none; }
.lzc-back { font-family: var(--wp--preset--font-family--label); font-weight: 600; font-size: 17px; letter-spacing: .06em; color: var(--wp--preset--color--muted); text-decoration: none; white-space: nowrap; }
.lzc-back:hover { color: var(--wp--preset--color--yellow); }
.lzc-back::after { content: none !important; }

/* Hero: clear of the hanging logo */
.lzc-hero { padding-top: 112px; }

/* Pick your tool */
.lzc-doors__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.lzc-door { display: flex; flex-direction: column; overflow: hidden; padding: 0 !important; }
.lzc-door__shot { display: block; aspect-ratio: 16 / 10; overflow: hidden; border-bottom: 1px solid rgba(169,188,226,.25); }
.lzc-door__shot::after { content: none !important; }
.lzc-door__shot img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 0 0; transition: transform 300ms ease; }
.lzc-door__shot:hover img { transform: scale(1.02); }
.lzc-door__tx { padding: 24px; display: flex; flex-direction: column; gap: 12px; }
.lzc-door__tx p { margin: 0; }

/* Tab bar: two icons of the Chamber's own */
.op-tab-lzc-decks { --op-tab-icon: url("../images/icons/tab-offensive.png"); }
.op-tab-lzc-site { --op-tab-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 11l9-7 9 7'/%3E%3Cpath d='M5 10v10h14V10'/%3E%3C/svg%3E"); }

/* "Coming soon": a Chamber part that is not live yet (lzc.js adds the class and the tag), as on the main site */
a.op-soon { cursor: default; opacity: .7; }
.op-soon__tag { display: inline-block; margin-left: 8px; padding: 2px 8px; border-radius: 999px; background: var(--wp--preset--color--yellow); color: #0b1740; font-family: var(--wp--preset--font-family--label); font-size: 13px; font-weight: 700; letter-spacing: .06em; line-height: 1.4; text-transform: uppercase; vertical-align: middle; white-space: nowrap; }

@media (max-width: 1099px) {
	.lzc-back { display: none; }
}
@media (max-width: 781px) {
	/* Phone header: logo and mark left, Find a game far right (26 Oct, 15:30) */
	.lzc .op-header__nav, .lzc .op-header__shop { display: none !important; }
	.lzc-mark { margin-left: 10px; padding-left: 10px; }
	.lzc-mark span { font-size: 12px; }
	.lzc-mark b { font-size: 27px; }
	.lzc .op-header__end { margin-left: auto; }
	/* Phone hero: the art is a 380 px band at the top, Atom Eve's face centred; the text starts under her (26 Oct, 15:30) */
	.lzc-hero { padding-top: 300px; }
	.lzc-hero .ops-hero__art { bottom: auto; height: 380px; }
	.lzc-hero .ops-hero__art img { object-position: 29% 0; transform: none; }
	.lzc-hero .ops-hero__art::after { background: linear-gradient(180deg, rgba(6,12,36,0) 40%, rgba(6,12,36,1) 100%); }
	.lzc-hero .is-style-eyebrow { white-space: nowrap; font-size: 14px; letter-spacing: .1em; } /* one line (26 Oct, 15:36) */
	.lzc-doors__grid { grid-template-columns: 1fr; }
}