/* Lernzentrale, Online-Bücher, Geheimakte and the hidden games (0.20.0). Brand v3.1: Fixel, black rules, square corners,
   inks as printed fields meeting edge to edge, offset shadows in the field ink. Unlayered like flow.css (Salient). */

/* ---------- Account frame: notices never touch the content (dashboard spacing) ---------- */
.lg-flow .woocommerce-MyAccount-content { display: grid; gap: var(--lg-s-5); min-width: 0; }
.lg-flow .woocommerce-MyAccount-content > * { margin: 0; }
.lg-flow .woocommerce-notices-wrapper:empty { display: none; }
.lg-flow .woocommerce-notices-wrapper > * + * { margin-top: var(--lg-s-3); }
.lg-flow .woocommerce-notices-wrapper :focus { outline: none; }

/* ---------- Shared bits ---------- */
.lg-dash h2 small, .lg-dash h3 small, .lg-ob h2 small, .lg-ob h3 small, .lg-akte h1 small, .lg-akte h2 small { display: block; margin-top: .3em; font: 500 var(--lg-fs-2)/1.3 var(--lg-font-text); letter-spacing: 0; color: var(--lg-quiet, #5C5C5C); }
.lg-dash small, .lg-ob small { font-size: var(--lg-fs-1); }
.lg-dash__bar, .lg-ob__bar, .lg-dash__xp { display: block; height: 10px; border: 2px solid #000; background: #fff; }
.lg-dash__bar i, .lg-ob__bar i, .lg-dash__xp i { display: block; height: 100%; width: calc(var(--p, 0) * 100%); background: var(--b-ink, var(--lg-ink-s, #E52F9B)); transition: width .6s cubic-bezier(.2, .7, .2, 1); }
@media (prefers-reduced-motion: reduce) { .lg-dash__bar i, .lg-ob__bar i, .lg-dash__xp i { transition: none; } }
.lg-dash__nocover, .lg-ob__nocover { display: block; width: 56px; aspect-ratio: 56 / 78; border: 2px solid #000; background: var(--b-ink, var(--lg-magenta)); }

/* =========================================================== Lernzentrale =========================================================== */
.lg-dash { display: grid; gap: var(--lg-s-5); min-width: 0; }
.lg-dash__hero { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 0; border: 3px solid #000; background: #fff; box-shadow: 8px 8px 0 var(--lg-ink-s, #E52F9B); }
.lg-dash__hi { padding: var(--lg-s-6); border-right: 3px solid #000; display: grid; align-content: center; gap: var(--lg-s-2); }
.lg-dash__kicker { margin: 0; font: 800 var(--lg-fs-1)/1 var(--lg-font-text); letter-spacing: .12em; text-transform: uppercase; }
.lg-dash__hi h2 { margin: 0; font: 900 var(--lg-fs-6)/.95 var(--lg-font-display); letter-spacing: -0.04em; overflow-wrap: anywhere; }
.lg-dash__lead { margin: var(--lg-s-2) 0 0; max-width: 46ch; font-size: var(--lg-fs-3); line-height: 1.45; }
.lg-dash__lead small { display: block; color: var(--lg-quiet, #5C5C5C); }
.lg-dash__level { display: grid; align-content: center; gap: var(--lg-s-4); padding: var(--lg-s-5) var(--lg-s-6); background: var(--lg-ink-s, #E52F9B); color: var(--lg-ink-s-on, #000); }
.lg-dash__lvl { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: var(--lg-s-4); align-items: center; }
.lg-dash__lvlno { margin: 0; display: grid; place-items: center; width: 72px; height: 72px; border: 3px solid currentColor; background: #fff; color: #000; font: 900 2.6rem/1 var(--lg-font-display); }
.lg-dash__lvlname { margin: 0 0 8px; font: 900 var(--lg-fs-4)/1.1 var(--lg-font-display); letter-spacing: -0.02em; }
.lg-dash__lvlname small { display: block; font: 500 var(--lg-fs-1)/1.2 var(--lg-font-text); letter-spacing: 0; }
.lg-dash__level .lg-small { margin: 6px 0 0; color: inherit; }
.lg-dash__xp { --b-ink: #000; border-color: currentColor; }
.lg-dash__stats { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border: 2px solid currentColor; }
.lg-dash__stats li { display: grid; gap: 2px; padding: 8px 10px; border-right: 2px solid currentColor; background: #fff; color: #000; }
.lg-dash__stats li:last-child { border-right: 0; }
.lg-dash__stats b { font: 900 var(--lg-fs-4)/1 var(--lg-font-display); }
.lg-dash__stats span { font: 600 var(--lg-fs-1)/1.2 var(--lg-font-text); }

.lg-dash__grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--lg-s-5); }
.lg-dash__card { grid-column: span 4; min-width: 0; display: grid; align-content: start; gap: var(--lg-s-4); padding: var(--lg-s-5); border: 3px solid #000; background: #fff; }
.lg-dash__card h3 { margin: 0; padding-bottom: var(--lg-s-3); border-bottom: 2px solid #000; font: 900 var(--lg-fs-5)/1 var(--lg-font-display); letter-spacing: -0.03em; }
.lg-dash__card--continue, .lg-dash__card--badges { grid-column: span 7; }
.lg-dash__card--game, .lg-dash__card--ausweis { grid-column: span 5; }
.lg-dash__card--secret { grid-column: 1 / -1; background: #000; color: #fff; border-color: #000; }
.lg-dash__card--secret h3 { border-color: #fff; color: #fff; }
.lg-dash__card--secret b, .lg-dash__card--secret p { color: inherit; }
.lg-dash__card--secret h3 small, .lg-dash__card--secret small { color: var(--lg-grey-on-black, #B3B3B3); }
.lg-dash__card--continue { box-shadow: 8px 8px 0 var(--lg-ink-s, #E52F9B); }
@media (max-width: 1023px) {
	.lg-dash__card, .lg-dash__card--continue, .lg-dash__card--badges, .lg-dash__card--game, .lg-dash__card--ausweis { grid-column: span 6; }
	.lg-dash__card--continue, .lg-dash__card--badges { grid-column: 1 / -1; }
}
@media (max-width: 699px) {
	.lg-dash__hero { grid-template-columns: minmax(0, 1fr); }
	.lg-dash__hi { border-right: 0; border-bottom: 3px solid #000; padding: var(--lg-s-5); }
	.lg-dash__level { padding: var(--lg-s-5); }
	.lg-dash__grid { grid-template-columns: minmax(0, 1fr); gap: var(--lg-s-4); }
	.lg-dash__card, .lg-dash__card--continue, .lg-dash__card--badges, .lg-dash__card--game, .lg-dash__card--ausweis { grid-column: 1 / -1; padding: var(--lg-s-4); }
	.lg-dash__stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.lg-dash__stats li:nth-child(2) { border-right: 0; }
	.lg-dash__stats li:nth-child(-n+2) { border-bottom: 2px solid currentColor; }
}

/* Continue reading */
.lg-dash__book { display: grid; grid-template-columns: 120px minmax(0, 1fr); gap: var(--lg-s-5); align-items: center; color: #000 !important; text-decoration: none !important; }
.lg-dash__book img, .lg-dash__book .lg-dash__nocover { width: 120px; height: auto; aspect-ratio: 120 / 166; object-fit: cover; border: 2px solid #000; box-shadow: 6px 6px 0 var(--b-ink); }
.lg-dash__bookt { display: grid; gap: var(--lg-s-2); min-width: 0; overflow-wrap: anywhere; }
.lg-dash__book > * { min-width: 0; }
.lg-dash__bookt small { font: 700 var(--lg-fs-1)/1.2 var(--lg-font-text); letter-spacing: .06em; text-transform: uppercase; }
.lg-dash__bookt b { font: 900 var(--lg-fs-4)/1.15 var(--lg-font-display); letter-spacing: -0.02em; overflow-wrap: anywhere; }
.lg-dash__go { justify-self: start; display: inline-flex; align-items: center; gap: .5em; min-height: 48px; margin-top: var(--lg-s-2); padding: 0 1.2em; background: #000; color: #fff; font: 800 var(--lg-fs-3)/1 var(--lg-font-display); box-shadow: 4px 4px 0 var(--b-ink); }
@media (hover: hover) { .lg-dash__book:hover .lg-dash__go { transform: translate(-1px, -1px); box-shadow: 6px 6px 0 var(--b-ink); } }
.lg-dash__book:active .lg-dash__go { transform: translate(2px, 2px); box-shadow: none; }
.lg-dash__row { display: grid; gap: 6px; padding: var(--lg-s-3) var(--lg-s-4); border: 2px solid #000; border-left: 10px solid var(--b-ink); color: #000 !important; text-decoration: none !important; }
.lg-dash__rowk { font: 700 var(--lg-fs-1)/1.2 var(--lg-font-text); letter-spacing: .06em; text-transform: uppercase; }
.lg-dash__row b { font: 800 var(--lg-fs-3)/1.25 var(--lg-font-display); }
@media (hover: hover) { .lg-dash__row:hover b { text-decoration: underline 2px; text-underline-offset: .2em; } }
@media (max-width: 479px) { .lg-dash__book { grid-template-columns: 84px minmax(0, 1fr); gap: var(--lg-s-4); } .lg-dash__book img, .lg-dash__book .lg-dash__nocover { width: 84px; } }
.lg-dash__empty p { margin: 0 0 var(--lg-s-3); line-height: 1.5; }
.lg-dash__empty small { display: block; color: var(--lg-quiet, #5C5C5C); }

/* Game of the day */
.lg-dash__card--game .lg-tool__head h2 { margin: 0; font: 900 var(--lg-fs-4)/1.1 var(--lg-font-display); }
.lg-dash__card--game .lg-tool__head p { margin: 4px 0 0; }
.lg-dash__gamehost { min-height: 220px; }
.lg-dash__gamebar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--lg-s-3); padding-top: var(--lg-s-3); border-top: 2px solid #000; }

/* Leseausweis + sync */
.lg-dash__sync { margin: 0; padding: var(--lg-s-3); border: 2px dashed #000; font-size: var(--lg-fs-2); line-height: 1.45; }
.lg-dash__sync small { display: block; color: var(--lg-quiet, #5C5C5C); }

/* Badges */
.lg-badges { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 200px), 1fr)); gap: var(--lg-s-3); }
.lg-badge { display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: var(--lg-s-3); align-items: start; padding: var(--lg-s-3); border: 2px dashed #000; color: var(--lg-quiet, #5C5C5C); }
.lg-badge__mark { display: grid; place-items: center; width: 48px; height: 48px; border: 2px dashed currentColor; font: 900 1.4rem/1 var(--lg-font-display); }
.lg-badge__t { display: grid; gap: 2px; min-width: 0; }
.lg-badge__t b { color: #000; font: 800 var(--lg-fs-2)/1.2 var(--lg-font-display); }
.lg-badge__p { font: 700 var(--lg-fs-1)/1.3 var(--lg-font-text); color: #000; }
.lg-badge__r { margin-top: 4px; font: 600 var(--lg-fs-1)/1.35 var(--lg-font-text); color: #000; }
.lg-badge__r a { color: #000 !important; font-weight: 800; }
.lg-badge.is-on { border-style: solid; color: #000; background: #fff; }
.lg-badge.is-on .lg-badge__mark { border-style: solid; background: var(--lg-ink-s, #E52F9B); color: var(--lg-ink-s-on, #000); box-shadow: 3px 3px 0 #000; }

/* Shelf, articles, pins */
.lg-dash__shelf, .lg-dash__arts, .lg-dash__pins { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--lg-s-3); }
.lg-dash__shelf a, .lg-dash__arts a { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: var(--lg-s-3); align-items: center; color: #000 !important; text-decoration: none !important; }
.lg-dash__shelf img { width: 56px; height: auto; aspect-ratio: 56 / 78; object-fit: cover; border: 2px solid #000; box-shadow: 3px 3px 0 var(--b-ink); }
.lg-dash__shelf span, .lg-dash__arts a > span:last-child { display: grid; gap: 4px; min-width: 0; }
.lg-dash__shelf small, .lg-dash__arts small { font: 700 var(--lg-fs-1)/1.25 var(--lg-font-text); }
.lg-dash__shelf b, .lg-dash__arts b { font: 800 var(--lg-fs-2)/1.25 var(--lg-font-display); overflow-wrap: anywhere; }
.lg-dash__arts img, .lg-dash__artink { width: 96px; height: 72px; object-fit: cover; border: 2px solid #000; }
.lg-dash__artink { display: block; background: var(--b-ink); }
@media (hover: hover) { .lg-dash__shelf a:hover b, .lg-dash__arts a:hover b { text-decoration: underline 2px; text-underline-offset: .2em; } }
.lg-dash__pins a { position: relative; display: grid; gap: 4px; padding: var(--lg-s-3); border: 2px solid #000; border-top: 8px solid var(--b-ink); color: #000 !important; text-decoration: none !important; }
.lg-dash__pins b { font: 800 var(--lg-fs-2)/1.3 var(--lg-font-display); }
.lg-dash__pins small { color: var(--lg-quiet, #5C5C5C); line-height: 1.35; }
.lg-dash__new { position: absolute; top: -8px; right: 8px; padding: 2px 8px; background: #000; color: #fff; font: 800 var(--lg-fs-1)/1.4 var(--lg-font-text); }
.lg-dash__done { margin: 0; }
.lg-dash .lg-small { margin: 0; }

/* Geheimfach (black card) */
.lg-dash__card--secret > [data-dash-body] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr); gap: var(--lg-s-6); }
@media (max-width: 899px) { .lg-dash__card--secret > [data-dash-body] { grid-template-columns: minmax(0, 1fr); gap: var(--lg-s-5); } }
.lg-dash__secrethead { margin: 0 0 var(--lg-s-4); display: grid; gap: var(--lg-s-3); line-height: 1.45; }
.lg-dash__secrethead small { display: block; }
.lg-dash__card--secret .lg-case i { border-color: #fff; }
.lg-dash__card--secret .lg-case i.on { background: #fff; color: #000; }
.lg-dash__locked, .lg-dash__akten ul { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--lg-s-2); }
.lg-dash__locked { grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media (max-width: 479px) { .lg-dash__locked { grid-template-columns: minmax(0, 1fr); } }
.lg-dash__locked li > * { display: grid; gap: 4px; width: 100%; min-height: 72px; padding: var(--lg-s-3); border: 2px dashed #fff; background: transparent; color: #fff; text-align: left; font: inherit; }
.lg-dash__locked li.is-open > button { border-style: solid; background: #fff; color: #000; cursor: pointer; box-shadow: 4px 4px 0 var(--lg-ink-s, #E52F9B); }
.lg-dash__locked li.is-open > button small { color: #000; }
@media (hover: hover) { .lg-dash__locked li.is-open > button:hover { transform: translate(-1px, -1px); box-shadow: 6px 6px 0 var(--lg-ink-s, #E52F9B); } }
.lg-dash__locked b { font: 800 var(--lg-fs-3)/1.2 var(--lg-font-display); }
.lg-dash__akten ul { grid-template-columns: repeat(auto-fill, minmax(min(100%, 220px), 1fr)); }
.lg-dash__akten li > * { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: var(--lg-s-3); align-items: center; min-height: 64px; padding: var(--lg-s-2) var(--lg-s-3); border: 2px dashed #fff; color: #fff !important; text-decoration: none !important; }
.lg-dash__akten li.is-open > a { border: 2px solid #fff; background: #fff; color: #000 !important; }
.lg-dash__akten li.is-open small { color: #000; }
.lg-dash__aktenr { padding: 4px 6px; background: var(--b-ink); color: #000; font: 900 var(--lg-fs-1)/1 var(--lg-font-display); letter-spacing: .04em; }
.lg-dash__akten b { font: 800 var(--lg-fs-2)/1.2 var(--lg-font-display); }
.lg-dash__links { display: flex; flex-wrap: wrap; gap: var(--lg-s-3); list-style: none; margin: 0; padding: 0; }

/* =========================================================== Hidden games =========================================================== */
.lg-satz__line { min-height: 3.2em; margin: var(--lg-s-3) 0; padding: var(--lg-s-3); border: 2px solid #000; border-left: 10px solid var(--lg-ink-s, #E52F9B); font: 800 var(--lg-fs-4)/1.35 var(--lg-font-display); }
.lg-satz .lg-chip:disabled, .lg-praep .lg-chip:disabled { opacity: .3; cursor: default; }
.lg-praep__q, .lg-fuge__parts { margin: var(--lg-s-3) 0; font: 800 var(--lg-fs-4)/1.35 var(--lg-font-display); }
.lg-praep__gap { display: inline-block; min-width: 3ch; padding: 0 .25em; border-bottom: 3px solid #000; text-align: center; }
.lg-fuge__parts { display: flex; flex-wrap: wrap; align-items: center; gap: .5em; }
.lg-fuge__parts span { padding: .2em .5em; border: 2px solid #000; }
.lg-fuge__parts i { font-style: normal; font-weight: 900; }
.lg-chip.is-right { background: var(--lg-lime, #B0F153) !important; color: #000 !important; border-color: #000 !important; }
.lg-chip.is-wrong { background: #000 !important; color: #fff !important; text-decoration: line-through; }
.lg-game-lock { display: grid; gap: var(--lg-s-2); padding: var(--lg-s-5); border: 2px dashed #000; text-align: center; }
.lg-game-lock__t { margin: 0; font: 900 var(--lg-fs-5)/1 var(--lg-font-display); }
.lg-game-lock p { margin: 0; }
.lg-game-embed { margin: var(--lg-s-5) 0; padding: var(--lg-s-5); border: 3px solid #000; background: #fff; }

/* =========================================================== Online-Bücher =========================================================== */
.lg-ob { display: grid; gap: var(--lg-s-6); min-width: 0; }
.lg-ob__head { display: grid; gap: var(--lg-s-4); }
.lg-ob__head h2 { margin: 0; font: 900 var(--lg-fs-6)/.95 var(--lg-font-display); letter-spacing: -0.04em; }
.lg-ob__facts { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border: 3px solid #000; }
.lg-ob__facts li { display: grid; gap: 2px; padding: var(--lg-s-3) var(--lg-s-4); border-right: 2px solid #000; }
.lg-ob__facts li:last-child { border-right: 0; }
.lg-ob__facts b { font: 800 var(--lg-fs-3)/1.2 var(--lg-font-display); }
.lg-ob__facts span { font-size: var(--lg-fs-1); color: var(--lg-quiet, #5C5C5C); }
@media (max-width: 599px) { .lg-ob__facts { grid-template-columns: minmax(0, 1fr); } .lg-ob__facts li { border-right: 0; border-bottom: 2px solid #000; } .lg-ob__facts li:last-child { border-bottom: 0; } }
.lg-ob__list { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--lg-s-6); }
.lg-ob__book { display: grid; grid-template-columns: 200px minmax(0, 1fr); border: 3px solid #000; background: #fff; box-shadow: 8px 8px 0 var(--b-ink); }
.lg-ob__cover { display: grid; place-items: center; padding: var(--lg-s-5); background: var(--b-ink); border-right: 3px solid #000; }
.lg-ob__cover img, .lg-ob__cover .lg-ob__nocover { width: 100%; max-width: 150px; height: auto; aspect-ratio: 150 / 208; object-fit: cover; border: 2px solid #000; box-shadow: 6px 6px 0 #000; background: #fff; }
.lg-ob__body { display: grid; align-content: center; gap: var(--lg-s-4); padding: var(--lg-s-6); min-width: 0; }
.lg-ob__kicker { margin: 0; font: 700 var(--lg-fs-1)/1.3 var(--lg-font-text); letter-spacing: .08em; text-transform: uppercase; }
.lg-ob__t { margin: 0; font: 900 var(--lg-fs-5)/1.08 var(--lg-font-display); letter-spacing: -0.03em; overflow-wrap: anywhere; }
.lg-ob__progress { display: grid; gap: var(--lg-s-2); max-width: 520px; }
.lg-ob__where { margin: 0; font-size: var(--lg-fs-2); line-height: 1.4; }
.lg-ob__acts { display: flex; flex-wrap: wrap; align-items: center; gap: var(--lg-s-4); }
.lg-ob__go { display: inline-flex; align-items: center; gap: .6em; min-height: 56px; padding: 0 1.5em; background: #000; color: #fff !important; text-decoration: none !important; font: 900 var(--lg-fs-4)/1 var(--lg-font-display); box-shadow: 5px 5px 0 var(--b-ink); -webkit-tap-highlight-color: transparent; }
@media (hover: hover) { .lg-ob__go:hover { transform: translate(-1px, -1px); box-shadow: 7px 7px 0 var(--b-ink); } }
.lg-ob__go:active { transform: translate(2px, 2px); box-shadow: none; }
.lg-ob__go:focus-visible, .lg-ob__mailbtn:focus-visible, .lg-ob__pick:focus-visible { outline: 3px solid var(--lg-cobalt, #265ACD); outline-offset: 3px; }
.lg-ob__mail { margin: 0; }
.lg-flow .lg-ob .lg-ob__mailbtn { display: inline-grid; gap: 2px; min-height: 48px; padding: .5em .9em !important; border: 2px solid #000 !important; background: #fff !important; color: #000 !important; box-shadow: none !important; font: 800 var(--lg-fs-2)/1.15 var(--lg-font-display) !important; text-align: left; cursor: pointer; }
.lg-ob__mailbtn small { font: 500 var(--lg-fs-1)/1.1 var(--lg-font-text); }
@media (hover: hover) { .lg-flow .lg-ob .lg-ob__mailbtn:hover { background: var(--lg-lime, #B0F153) !important; transform: none; } }
.lg-ob__book.is-off { box-shadow: none; opacity: .75; }
.lg-ob__note { margin: 0; }
.lg-ob__tip { margin: 0; font-size: var(--lg-fs-2); line-height: 1.5; }
.lg-ob__tip small { display: block; color: var(--lg-quiet, #5C5C5C); }
@media (max-width: 699px) {
	.lg-ob__book { grid-template-columns: minmax(0, 1fr); box-shadow: 6px 6px 0 var(--b-ink); }
	.lg-ob__cover { border-right: 0; border-bottom: 3px solid #000; padding: var(--lg-s-4); }
	.lg-ob__cover img, .lg-ob__cover .lg-ob__nocover { max-width: 120px; }
	.lg-ob__body { padding: var(--lg-s-4); }
	.lg-ob__go { width: 100%; justify-content: center; }
}
.lg-ob__reward { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: var(--lg-s-5); padding: var(--lg-s-5); border: 3px solid #000; background: var(--lg-lime, #B0F153); }
.lg-ob__badge { margin: 0; display: grid; place-items: center; width: 64px; height: 64px; border: 3px solid #000; background: #fff; font: 900 2rem/1 var(--lg-font-display); }
.lg-ob__reward h3 { margin: 0 0 var(--lg-s-3); font: 900 var(--lg-fs-5)/1.05 var(--lg-font-display); letter-spacing: -0.03em; }
.lg-ob__reward h3 small { color: #000; }
.lg-ob__reward p { margin: 0 0 var(--lg-s-3); line-height: 1.5; }
.lg-ob__reward p small { display: block; }
.lg-ob__picks, .lg-ob__shelf { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--lg-s-3); grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr)); }
.lg-ob__picks form { margin: 0; }
.lg-flow .lg-ob .lg-ob__pick, .lg-ob__shelf a { display: grid !important; grid-template-columns: 64px minmax(0, 1fr); gap: var(--lg-s-3); align-items: center; width: 100%; min-height: 0; padding: var(--lg-s-3) !important; border: 2px solid #000 !important; border-left: 10px solid var(--b-ink) !important; background: #fff !important; color: #000 !important; box-shadow: none !important; text-align: left; text-decoration: none !important; font: inherit !important; cursor: pointer; }
.lg-ob__pick img, .lg-ob__shelf img, .lg-ob__shelf .lg-ob__nocover { width: 64px; height: auto; aspect-ratio: 64 / 88; object-fit: cover; border: 2px solid #000; }
.lg-ob__pick span, .lg-ob__shelf a > span { display: grid; gap: 4px; min-width: 0; }
.lg-ob__pick small, .lg-ob__shelf small { font: 700 var(--lg-fs-1)/1.25 var(--lg-font-text); }
.lg-ob__pick b, .lg-ob__shelf b { font: 800 var(--lg-fs-2)/1.25 var(--lg-font-display); overflow-wrap: anywhere; }
.lg-ob__pick i, .lg-ob__shelf i { font: 700 var(--lg-fs-1)/1.3 var(--lg-font-text); font-style: normal; text-decoration: underline; text-underline-offset: .2em; }
@media (hover: hover) { .lg-flow .lg-ob .lg-ob__pick:hover, .lg-ob__shelf a:hover { box-shadow: 4px 4px 0 #000 !important; transform: translate(-1px, -1px); } }
.lg-ob__soon { font-size: var(--lg-fs-2); }
.lg-ob__more h3 { margin: 0 0 var(--lg-s-4); font: 900 var(--lg-fs-5)/1.05 var(--lg-font-display); letter-spacing: -0.03em; }
.lg-ob__empty { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: var(--lg-s-5); align-items: center; padding: var(--lg-s-5); border: 3px solid #000; }
.lg-ob__empty h3 { margin: 0 0 var(--lg-s-3); font: 900 var(--lg-fs-5)/1.05 var(--lg-font-display); }
.lg-ob__empty p { margin: 0 0 var(--lg-s-2); max-width: 60ch; line-height: 1.5; }
.lg-ob__emptyart { display: grid; gap: 4px; }
.lg-ob__emptyart span { display: block; padding: 4px 12px; border: 2px solid #000; font: 900 var(--lg-fs-4)/1 var(--lg-font-display); }
.lg-ob__emptyart span:nth-child(1) { background: var(--lg-cobalt); color: #fff; } .lg-ob__emptyart span:nth-child(2) { background: var(--lg-magenta); } .lg-ob__emptyart span:nth-child(3) { background: var(--lg-lime); }
@media (max-width: 599px) { .lg-ob__empty, .lg-ob__reward { grid-template-columns: minmax(0, 1fr); } }

/* =========================================================== Geheimakte =========================================================== */
.lg-akte { padding: var(--lg-s-7) 0 var(--lg-s-9); }
.lg-akte .lg-wrap { max-width: 880px; }
.lg-akte__lock, .lg-akte__file { position: relative; border: 3px solid #000; background: #fff; box-shadow: 10px 10px 0 var(--akte-ink); }
.lg-akte__lock { display: grid; gap: var(--lg-s-4); padding: var(--lg-s-7) var(--lg-s-6) var(--lg-s-6); }
.lg-akte__lock h1, .lg-akte__head h1 { margin: 0; font: 900 var(--lg-fs-6)/.98 var(--lg-font-display); letter-spacing: -0.04em; }
.lg-akte__locktext { margin: 0; max-width: 56ch; font-size: var(--lg-fs-3); line-height: 1.5; }
.lg-akte__locktext small { display: block; color: var(--lg-quiet); }
.lg-akte__count { margin: 0; font-size: var(--lg-fs-2); }
.lg-akte__lock .lg-btn { margin-right: var(--lg-s-2); }
.lg-akte__tab { position: absolute; top: -3px; left: var(--lg-s-6); transform: translateY(-100%); margin: 0; padding: 8px 16px; border: 3px solid #000; border-bottom: 0; background: var(--akte-ink); color: var(--akte-on); font: 900 var(--lg-fs-2)/1 var(--lg-font-display); letter-spacing: .06em; text-transform: uppercase; }
.lg-akte__file { padding: var(--lg-s-7) var(--lg-s-6) var(--lg-s-6); margin-top: var(--lg-s-6); }
.lg-akte__head { display: grid; gap: var(--lg-s-3); padding-bottom: var(--lg-s-5); border-bottom: 3px solid #000; }
.lg-akte__kicker { margin: 0; font: 800 var(--lg-fs-1)/1 var(--lg-font-text); letter-spacing: .14em; text-transform: uppercase; }
.lg-akte__lead { margin: 0; max-width: 60ch; line-height: 1.5; }
.lg-akte__lead small { display: block; margin-top: 4px; color: var(--lg-quiet); }
.lg-akte__stamp { position: absolute; top: var(--lg-s-5); right: var(--lg-s-5); font-size: var(--lg-fs-3); }
@media (max-width: 599px) { .lg-akte__stamp { position: static; justify-self: end; margin-top: calc(var(--lg-s-4) * -1); } .lg-akte__file, .lg-akte__lock { padding: var(--lg-s-6) var(--lg-s-4) var(--lg-s-5); } .lg-akte__tab { left: var(--lg-s-4); } }
.lg-akte__pairs { list-style: none; counter-reset: akte; margin: var(--lg-s-5) 0 0; padding: 0; display: grid; gap: var(--lg-s-4); }
.lg-akte__pairs li { counter-increment: akte; display: grid; grid-template-columns: 2.4em minmax(0, 1fr); column-gap: var(--lg-s-3); row-gap: 6px; }
.lg-akte__pairs li::before { content: counter(akte, decimal-leading-zero); grid-row: span 2; padding-top: .3em; font: 900 var(--lg-fs-2)/1 var(--lg-font-display); color: var(--lg-quiet); }
.lg-akte__de { margin: 0; font: 700 var(--lg-fs-4)/1.35 var(--lg-font-display); letter-spacing: -0.01em; }
.lg-akte__en { justify-self: start; position: relative; min-height: 32px; padding: 2px 6px; border: 0; background: #000; color: #000; font: 500 var(--lg-fs-2)/1.45 var(--lg-font-text); text-align: left; cursor: pointer; transition: background-color .25s, color .25s; }
.lg-akte__en[aria-expanded="true"] { background: transparent; color: var(--lg-quiet); cursor: default; box-shadow: inset 0 -2px 0 var(--akte-ink); }
.lg-akte__en:focus-visible { outline: 3px solid var(--akte-ink); outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) { .lg-akte__en { transition: none; } }
.lg-akte__declass { margin: var(--lg-s-4) 0 0; }
.lg-akte__jargon { margin-top: var(--lg-s-7); }
.lg-akte__jargon h2, .lg-akte__quiz h2 { margin: 0 0 var(--lg-s-4); font: 900 var(--lg-fs-5)/1.05 var(--lg-font-display); letter-spacing: -0.03em; }
.lg-akte__jargon ul { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 240px), 1fr)); gap: var(--lg-s-4); }
.lg-akte__card { display: grid; align-content: start; gap: var(--lg-s-3); padding: var(--lg-s-4); border: 2px solid #000; border-top: 12px solid var(--akte-ink); background: #fff; background-image: repeating-linear-gradient(#fff 0 27px, #e9e9e9 27px 28px); background-position: 0 6px; }
.lg-akte__idiom { margin: 0; font: 900 var(--lg-fs-4)/1.15 var(--lg-font-display); letter-spacing: -0.02em; }
.lg-akte__card dl { margin: 0; display: grid; gap: 6px; }
.lg-akte__card dt { font: 700 var(--lg-fs-1)/1.2 var(--lg-font-text); letter-spacing: .06em; text-transform: uppercase; color: var(--lg-quiet); }
.lg-akte__card dd { margin: 0; font-size: var(--lg-fs-2); line-height: 1.4; }
.lg-akte__ex { margin: 0; padding-top: var(--lg-s-2); border-top: 2px solid #000; font: 600 var(--lg-fs-2)/1.45 var(--lg-font-text); font-style: italic; }
.lg-akte__quiz { margin-top: var(--lg-s-7); padding: var(--lg-s-5); border: 3px solid #000; background: var(--akte-ink); color: var(--akte-on); }
.lg-akte__quiz h2 small { color: inherit; opacity: .85; }
.lg-akte__quiz p { margin: 0 0 var(--lg-s-3); }
.lg-akte__quiz .lg-chip { background: #fff; color: #000; border-color: #000; }
.lg-akte__foot { margin-top: var(--lg-s-6); padding-top: var(--lg-s-4); border-top: 2px solid #000; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--lg-s-3); }
.lg-akte__foot p { margin: 0; }

/* Fixes after the harness pass */
.lg-dash__card--continue > [data-dash-body] { display: grid; gap: var(--lg-s-5); }
.lg-dash__card--game .lg-game__stack { font-size: clamp(2.2rem, 1.6rem + 2vw, 3.4rem) !important; line-height: .9; }
.lg-dash__akten small, .lg-dash__locked small { display: block; margin-top: 2px; }
.lg-dash__akten li > * > span:last-child { display: grid; min-width: 0; }
.lg-badge__r a { white-space: normal; }