/* ============================================================
   Menüseiten — Stufe „dunkel“ (Claude, 25.09.2026)
   Nutzer 11:35: Schrift und Größen gefallen nicht, keine goldenen Rahmen-Boxen,
   dunkler: Schwarz mit roten und gelb-orangen Akzenten wie katama.ai.
   Dieselbe Linie wie landing-dark.css. Liegt NACH site-premium.css und überschreibt nur
   (Datei entfernen = alter Lack-/Goldstil zurück). Gilt nicht im Spiel (HUD) und
   nicht für das Kartendesign selbst (.card).
   03.10. 23:50 (Nutzer 23:30 „wie erfolgreiche Spiele“, einheitlich mit HUD „Ink · Dark“): wieder eingehängt.
   Titel in Cormorant Garamond statt Clash Display (Nutzer 25.09. 12:37: „Clash Display gefällt nicht“, wie
   landing-dark.css); Text/Knöpfe Switzer → Segoe/System wie hud-ink.css. Nebenschrift --d-ink-3 heller (Kontrast ≥ 4,5).
   Prüfstand: work/claude-menus-dark-probe.mjs (LOOK=lack = Vorher).
   ============================================================ */
body:not([data-screen="game"]) {
  --d-bg:      oklch(0.135 0.006 35);
  --d-rail:    oklch(0.115 0.006 35);
  --d-panel:   oklch(0.168 0.008 35);
  --d-panel-2: oklch(0.205 0.01 35);
  --d-panel-3: oklch(0.25 0.012 35);
  --d-ink:     oklch(0.95 0.008 70);
  --d-ink-2:   oklch(0.75 0.012 60);
  --d-ink-3:   oklch(0.63 0.012 55);
  --d-crimson: oklch(0.57 0.2 25);
  --d-crimson-2: oklch(0.64 0.2 27);
  --d-orange:  oklch(0.7 0.18 48);
  --d-amber:   oklch(0.81 0.155 72);
  --d-hair:    color-mix(in oklch, white 8%, transparent);
  --d-e:       cubic-bezier(0.19, 1, 0.22, 1);
  /* alte Namen umlegen */
  --lac: var(--d-bg); --lac-2: var(--d-panel); --lac-3: var(--d-panel-2);
  --red: var(--d-crimson); --red-hi: var(--d-crimson-2); --red-deep: oklch(0.36 0.14 24);
  --gold-leaf: var(--d-amber); --gold-hi: oklch(0.88 0.11 80); --gold-lo: var(--d-orange);
  --washi: var(--d-ink); --ash: var(--d-ink-2);
  --display: 'Switzer', 'Segoe UI', system-ui, sans-serif;
  --heading: 'Cormorant Garamond', 'Shippori Mincho B1', Georgia, serif;
  --brush: 'Shippori Mincho', 'Shippori Mincho B1', serif;
  --frame: transparent;
  --corner: linear-gradient(transparent, transparent);
  background: radial-gradient(ellipse 70% 45% at 75% -8%, oklch(0.57 0.2 25 / .13), transparent 70%), var(--d-bg);
  color: var(--d-ink);
  font-family: var(--display);
  letter-spacing: -0.011em;
}

/* ---- Keine Rahmen mehr (außer im Kartendesign) ---------------------------- */
body:not([data-screen="game"]) :is(#app, dialog, .champion-overlay) *:not(.card):not(.card *),
body:not([data-screen="game"]) :is(#app, dialog, .champion-overlay) *:not(.card):not(.card *)::before,
body:not([data-screen="game"]) :is(#app, dialog, .champion-overlay) *:not(.card):not(.card *)::after { border-color: transparent; }
body:not([data-screen="game"]) :is(.panel, .clan-choice, .shop-item) :is(::before, ::after) { background: none; }
body:not([data-screen="game"]) :is(.panel, .clan-choice, .shop-item)::before,
body:not([data-screen="game"]) :is(.panel, .clan-choice, .shop-item)::after { display: none; }
body:not([data-screen="game"]) .page-banner { display: none !important; }

/* ---- Schrift --------------------------------------------------------------- */
body:not([data-screen="game"]) :is(h1, h2, h3, h4) { font-family: var(--heading); font-weight: 700; letter-spacing: -0.005em; color: var(--d-ink); text-shadow: none; }
body:not([data-screen="game"]) .page-head h1 { font-size: clamp(40px, 4.6vw, 72px); line-height: .96; }
body:not([data-screen="game"]) h2 { line-height: 1.02; }
body:not([data-screen="game"]) :is(p, li, label, small, span) { font-family: inherit; }
body:not([data-screen="game"]) .eyebrow { font: 600 12px/1.2 var(--display); letter-spacing: .16em; text-transform: uppercase; color: var(--d-orange); gap: 12px; }
body:not([data-screen="game"]) .page-head .eyebrow { font: 600 12px/1.2 var(--display); letter-spacing: .16em; color: var(--d-orange); }
body:not([data-screen="game"]) .page-head .eyebrow::before { width: 22px; height: 1.5px; transform: none; background: currentColor; box-shadow: none; }
body:not([data-screen="game"]) .muted { color: var(--d-ink-2); }
body:not([data-screen="game"]) .brush, body:not([data-screen="game"]) [class*="kanji"] { font-family: var(--brush); }

/* ---- Knöpfe: gefüllt, ruhig, ohne Goldkante --------------------------------- */
body:not([data-screen="game"]) :is(.primary, .secondary) {
  font: 600 14.5px/1 var(--display); letter-spacing: -0.005em; text-transform: none; border-radius: 11px; min-height: 46px; padding: 14px 22px; text-shadow: none;
  transition: background .3s, box-shadow .3s, transform .45s var(--d-e), color .3s;
}
body:not([data-screen="game"]) .primary { background: var(--d-crimson); color: oklch(0.99 0.004 70); box-shadow: 0 12px 30px -14px oklch(0.57 0.2 25 / .75); }
body:not([data-screen="game"]) .primary:hover:not(:disabled) { background: var(--d-crimson-2); filter: none; box-shadow: 0 16px 36px -12px oklch(0.64 0.2 27 / .8); }
body:not([data-screen="game"]) .primary.light { background: var(--d-amber); color: oklch(0.2 0.02 50); text-shadow: none; }
body:not([data-screen="game"]) .primary.light:hover:not(:disabled) { background: oklch(0.86 0.14 78); }
body:not([data-screen="game"]) .secondary { background: color-mix(in oklch, white 7%, transparent); color: var(--d-ink); box-shadow: none; }
body:not([data-screen="game"]) .secondary:hover:not(:disabled) { background: color-mix(in oklch, white 12%, transparent); color: var(--d-ink); box-shadow: none; }
body:not([data-screen="game"]) :is(.primary, .secondary):active:not(:disabled) { transform: scale(.975); }
body:not([data-screen="game"]) .text-button { font: 500 14px var(--display); letter-spacing: 0; text-transform: none; color: var(--d-ink-2); }
body:not([data-screen="game"]) .text-button:hover { color: var(--d-ink); }
body:not([data-screen="game"]) .small-button { min-height: 36px; padding: 9px 14px; font-size: 13px; }

/* ---- Seitenleiste ----------------------------------------------------------- */
body:not([data-screen="game"]) .site-rail { background: var(--d-rail); box-shadow: none; }
body:not([data-screen="game"]) .site-rail::after { display: none; }
body:not([data-screen="game"]) .site-rail .brand { border-bottom: 1px solid var(--d-hair) !important; }
body:not([data-screen="game"]) .brand-mark { background: var(--d-crimson); color: oklch(0.99 0.004 70); border-radius: 11px; box-shadow: none; font-family: var(--brush); border: 0; }
body:not([data-screen="game"]) .brand-word strong { font: 700 16px var(--display); letter-spacing: .02em; }
body:not([data-screen="game"]) .brand-word small { font: 500 11px var(--display); letter-spacing: .08em; text-transform: none; color: var(--d-ink-3); }
body:not([data-screen="game"]) .rail-nav :is(button, a) { font: 500 14.5px var(--display); letter-spacing: 0; text-transform: none; color: var(--d-ink-2); background: transparent; border-radius: 10px; box-shadow: none; }
body:not([data-screen="game"]) .rail-nav :is(button, a):hover { background: color-mix(in oklch, white 5%, transparent); color: var(--d-ink); transform: none; }
body:not([data-screen="game"]) .rail-nav :is(button, a) svg { color: var(--d-ink-3); }
body:not([data-screen="game"]) .rail-nav i { font-family: var(--brush); font-size: 13px; color: var(--d-ink-3); }
body:not([data-screen="game"]) .rail-nav .is-hero:not(.active) { background: transparent; color: var(--d-ink-2); filter: none; min-height: 44px; font-size: 14.5px; letter-spacing: 0; }
body:not([data-screen="game"]) .rail-nav .active { background: var(--d-crimson); color: oklch(0.99 0.004 70); }
body:not([data-screen="game"]) .rail-nav :is(button, a).active:hover { background: var(--d-crimson); color: oklch(0.99 0.004 70); } /* Touch: angetippter Punkt bleibt :hover, sonst grau statt rot */
body:not([data-screen="game"]) .rail-nav .active :is(svg, i) { color: oklch(0.99 0.004 70); }
body:not([data-screen="game"]) .rail-nav .active::before { display: none; }
body:not([data-screen="game"]) .rail-foot { border-top: 1px solid var(--d-hair) !important; }
body:not([data-screen="game"]) .connection { font: 600 10.5px var(--display); letter-spacing: .12em; color: var(--d-ink-3); }

/* ---- Flächen statt Goldrahmen ------------------------------------------------ */
body:not([data-screen="game"]) :is(.panel, .clan-choice, .opponent-face, .level-choice, .catalog-item, .shop-item, .rule-item, .entry, .deck-tile, .home-world, .campaign-encounter, .ladder-list li, .ladder-history li, .hero-card) {
  border-radius: 18px; box-shadow: none;
}
body:not([data-screen="game"]) .panel { background: var(--d-panel); }
body:not([data-screen="game"]) .page-head { border-radius: 22px; box-shadow: none; }
body:not([data-screen="game"]) .page-head::before { box-shadow: none; }
body:not([data-screen="game"]) :is(.rule-item, .ladder-list li, .ladder-history li, .campaign-encounter) { background: var(--d-panel); }
body:not([data-screen="game"]) :is(.clan-choice, .opponent-face, .level-choice) { background-color: var(--d-panel); }
body:not([data-screen="game"]) :is(.clan-choice, .opponent-face, .level-choice).active,
body:not([data-screen="game"]) :is(.clan-choice, .opponent-face, .level-choice)[aria-pressed="true"] { box-shadow: 0 0 0 2px var(--d-crimson), 0 20px 50px -24px oklch(0.57 0.2 25 / .7); }
body:not([data-screen="game"]) .deck-tile.is-active { box-shadow: 0 0 0 2px var(--d-crimson); }
body:not([data-screen="game"]) .deck-tile.is-active::before { display: none; }
body:not([data-screen="game"]) :is(.input, .archive-search input, input[type="text"], input[type="search"], select, textarea) {
  background: var(--d-panel-2); border-radius: 11px; color: var(--d-ink); font-family: var(--display); box-shadow: none;
}
body:not([data-screen="game"]) :is(.input, .archive-search input, input[type="text"], input[type="search"]):focus { background: var(--d-panel-3); box-shadow: 0 0 0 2px var(--d-orange); outline: none; }

/* Filter/Reiter als Pillen */
body:not([data-screen="game"]) :is(.filterbar, .kind-tabs) { background: transparent; box-shadow: none; gap: 8px; }
body:not([data-screen="game"]) :is(.filterbar, .kind-tabs) button { font: 500 14px var(--display); letter-spacing: 0; text-transform: none; background: var(--d-panel-2); color: var(--d-ink-2); border-radius: 999px; box-shadow: none; }
body:not([data-screen="game"]) :is(.filterbar, .kind-tabs) button:hover { background: var(--d-panel-3); color: var(--d-ink); }
body:not([data-screen="game"]) :is(.filterbar, .kind-tabs) button:is(.active, [aria-pressed="true"]) { background: var(--d-crimson); color: oklch(0.99 0.004 70); }

/* Kartenarchiv / Deck / Shop / Regeln / Rangliste */
body:not([data-screen="game"]) .archive-hero::before { display: none; }
body:not([data-screen="game"]) .archive-stat { background: var(--d-panel); border-radius: 14px; }
body:not([data-screen="game"]) .archive-stat.active { background: var(--d-crimson); }
body:not([data-screen="game"]) .archive-stat b { font-family: var(--heading); font-weight: 700; letter-spacing: 0; }
body:not([data-screen="game"]) .own-badge { font-family: var(--display); letter-spacing: .06em; border-radius: 999px; }
body:not([data-screen="game"]) .shop-item { background: var(--d-panel); }
body:not([data-screen="game"]) .deck-mix dd i, body:not([data-screen="game"]) .deck-mix span i { background: var(--d-orange); }
body:not([data-screen="game"]) .rule-item b, body:not([data-screen="game"]) .rule-no { font-family: var(--heading); color: var(--d-orange); }
body:not([data-screen="game"]) .rules-board { background: var(--d-panel); border-radius: 18px; }
body:not([data-screen="game"]) dialog { background: var(--d-panel); color: var(--d-ink); border-radius: 20px; box-shadow: 0 40px 90px rgba(0,0,0,.7); }
body:not([data-screen="game"]) :is(.campaign-art, .row-art, .rule-art, .shop-art span) { border-radius: 14px; }
body[data-screen="lesson"] .combo-lesson::before { display: none; }

/* Handy-Kopfleiste */
@media (max-width: 1099px) {
  body:not([data-screen="game"]) .site-rail { background: oklch(0.115 0.006 35 / .96); border-bottom: 1px solid var(--d-hair) !important; }
  body:not([data-screen="game"]) .rail-nav :is(button, a) { font-size: 13.5px; min-height: 38px; padding: 0 14px; border-radius: 999px; }
  body:not([data-screen="game"]) .rail-nav .active { background: var(--d-crimson); }
}

/* Krieger-Seite + Profil-Overlay (champion.css): Goldringe als box-shadow und Eckpunkte weg */
body:not([data-screen="game"]) :is(.warriors-grid-panel, .warriors-art-frame, .champion-right, .champ-art-wrap, .champion-close, .champ-medallion-ring, .warrior-thumb) { box-shadow: none; }
body:not([data-screen="game"]) .warriors-grid-panel { background: var(--d-panel); border-radius: 18px; }
body:not([data-screen="game"]) :is(.warriors-grid-panel, .champion-right, .warriors-page)::before,
body:not([data-screen="game"]) :is(.warriors-grid-panel, .champion-right)::after,
body:not([data-screen="game"]) .warriors-art-frame::after { display: none; }
body:not([data-screen="game"]) .warrior-thumb { border-radius: 12px; }
body:not([data-screen="game"]) .warrior-thumb.is-selected { box-shadow: 0 0 0 2px var(--d-crimson), 0 10px 26px -10px oklch(0.57 0.2 25 / .7) !important; }
body:not([data-screen="game"]) .warrior-thumb.is-selected::after { background: var(--d-crimson); color: oklch(0.99 0.004 70); }
body:not([data-screen="game"]) .champion-overlay { --gold-hi: var(--d-amber); --gold-lo: var(--d-orange); }
body:not([data-screen="game"]) .champion-overlay :is(h1, h2, h3) { font-family: var(--heading); font-weight: 700; letter-spacing: -0.005em; }
body:not([data-screen="game"]) .champion-close { background: var(--d-panel-2); border-radius: 50%; }

/* ---- Endschirm Sieg/Niederlage/Remis (Autobuild 04.10., Menüs dunkel Teil 2) ------------------
   Liegt im Spiel-Render (data-screen="game"), darum eigene Farben statt der body-Tokens oben.
   Schwarz + Hairlines statt Braun/Goldkante; Sieg Amber, Niederlage Karmin, Remis neutral.
   :root body … = gleiche Spezifität wie styles.css/site-premium.css (body.stage-on / body:not(.stage-on)), diese Datei liegt danach. */
:root body .game .finished-banner {
  --e-bg: oklch(0.135 0.006 35); --e-panel: oklch(0.168 0.008 35); --e-panel-2: oklch(0.205 0.01 35);
  --e-ink: oklch(0.95 0.008 70); --e-ink-2: oklch(0.78 0.012 60); --e-ink-3: oklch(0.68 0.012 55);
  --e-hair: color-mix(in oklch, white 9%, transparent);
  --e-crimson: oklch(0.57 0.2 25); --e-crimson-2: oklch(0.64 0.2 27); --e-orange: oklch(0.72 0.17 48); --e-amber: oklch(0.81 0.155 72);
  --e-accent: var(--e-amber);
  color: var(--e-ink); box-shadow: none;
}
:root body .game .finished-banner.is-loss { --e-accent: var(--e-crimson-2); }
:root body .game .finished-banner.is-draw { --e-accent: var(--e-ink-2); }
body:not(.stage-on) .game .finished-banner { border: 1px solid var(--e-hair); border-radius: 22px;
  background: radial-gradient(ellipse 70% 45% at 50% -10%, color-mix(in oklch, var(--e-accent) 16%, transparent), transparent 70%), var(--e-bg); }
@media (min-width:760px),(max-height:500px) and (orientation:landscape){
  body.stage-on .game .finished-banner { background: radial-gradient(ellipse 60% 40% at 50% 18%, color-mix(in oklch, var(--e-accent) 14%, transparent), transparent 70%), oklch(0.11 0.006 35 / .86) !important; }
}
@media (max-width:759px) and (min-height:501px),(max-width:759px) and (orientation:portrait){
  body.stage-on .game .finished-banner { background: radial-gradient(ellipse 80% 35% at 50% 8%, color-mix(in oklch, var(--e-accent) 16%, transparent), transparent 70%), oklch(0.11 0.006 35 / .985); }
}
:root body .game .finished-banner:is(.is-win, .is-loss, .is-draw) .finish-title { font-family: 'Shippori Mincho', 'Shippori Mincho B1', 'Yu Mincho', serif; color: var(--e-accent); text-shadow: 0 0 40px color-mix(in oklch, var(--e-accent) 35%, transparent); }
:root body .game .finished-banner:is(.is-win, .is-loss, .is-draw) .finish-title b { font-family: 'Cormorant Garamond', Georgia, serif; font-style: italic; font-weight: 700; color: var(--e-ink);
  background: none; -webkit-background-clip: border-box; background-clip: border-box; -webkit-text-fill-color: currentColor; filter: none; text-shadow: 0 6px 24px rgba(0,0,0,.6); }
:root body .game .finished-banner .eyebrow { font: 600 12px/1.2 'Segoe UI', system-ui, sans-serif; letter-spacing: .3em; text-transform: uppercase; color: var(--e-ink-2); border-color: var(--e-hair); }
:root body .game .finished-banner h2 { font-family: 'Cormorant Garamond', Georgia, serif; font-weight: 700; color: var(--e-ink); }
:root body .game .finished-banner p { color: var(--e-ink-2); }
:root body .game .finished-banner .finish-tally { background: var(--e-panel); border: 1px solid var(--e-hair); border-radius: 18px; box-shadow: 0 24px 60px -24px rgba(0,0,0,.8); }
:root body .game .finished-banner .finish-grade { background: var(--e-panel-2); border: 1.5px solid var(--e-accent); box-shadow: 0 0 34px -6px color-mix(in oklch, var(--e-accent) 45%, transparent); }
:root body .game .finished-banner .finish-grade b { font-family: 'Shippori Mincho', 'Shippori Mincho B1', serif; color: var(--e-accent); text-shadow: none; }
:root body .game .finished-banner .finish-grade small { color: var(--e-ink-2); font-family: 'Segoe UI', system-ui, sans-serif; }
:root body .game .finished-banner .finish-grade.is-none { border-color: var(--e-hair); box-shadow: none; }
:root body .game .finished-banner .finish-grade.is-none b { color: var(--e-ink-3); }
:root body .game .finished-banner .finish-goals li { background: var(--e-panel-2); border: 1px solid var(--e-hair); border-radius: 10px; color: var(--e-ink-2); font-family: 'Segoe UI', system-ui, sans-serif; font-weight: 600; }
:root body .game .finished-banner .finish-goals li i { color: var(--e-ink-3); border-color: var(--e-hair); }
:root body .game .finished-banner .finish-goals li.is-done { color: var(--e-ink); }
:root body .game .finished-banner .finish-goals li.is-done i { background: var(--e-amber); color: oklch(0.2 0.02 50); border-color: transparent; }
:root body .game .finished-banner .finish-quote { font-family: 'Cormorant Garamond', Georgia, serif; color: var(--e-ink-2); border-left-color: var(--e-hair); }
:root body .game .finished-banner .finish-rewards-label { font-family: 'Segoe UI', system-ui, sans-serif; letter-spacing: .3em; color: var(--e-orange); }
:root body .game .finished-banner .finish-rewards-label::before,
:root body .game .finished-banner .finish-rewards-label::after { background: linear-gradient(90deg, transparent, var(--e-orange)); }
:root body .game .finished-banner .finish-tile { background: var(--e-panel); border: 1px solid var(--e-hair); border-radius: 14px; box-shadow: none; }
:root body .game .finished-banner .finish-tile span { font-family: 'Shippori Mincho', 'Shippori Mincho B1', serif; background: var(--e-panel-2); color: var(--e-accent); border: 1px solid color-mix(in oklch, var(--e-accent) 55%, transparent); box-shadow: none; }
:root body .game .finished-banner .finish-tile strong { font-family: 'Segoe UI', system-ui, sans-serif; color: var(--e-ink); }
:root body .game .finished-banner .finish-tile small { font-family: 'Segoe UI', system-ui, sans-serif; color: var(--e-ink-3); }
:root body .game .finished-banner :is(.primary, .secondary) { font: 600 15px/1 'Segoe UI', system-ui, sans-serif; border: 0; border-radius: 11px; text-shadow: none; text-transform: none; }
:root body .game .finished-banner .primary { background: var(--e-crimson); color: oklch(0.99 0.004 70); box-shadow: 0 12px 30px -14px oklch(0.57 0.2 25 / .75); }
:root body .game .finished-banner .primary:hover:not(:disabled) { background: var(--e-crimson-2); filter: none; }
:root body .game .finished-banner .secondary { background: color-mix(in oklch, white 8%, transparent); color: var(--e-ink); box-shadow: none; }
:root body .game .finished-banner .secondary:hover:not(:disabled) { background: color-mix(in oklch, white 13%, transparent); }
:root body .game .finished-banner .finish-watch { border: 1px solid var(--e-hair) !important; color: var(--e-ink) !important; }
:root body .game .finished-banner :is(.quest-list, .rank-list) li { background: var(--e-panel); border: 1px solid var(--e-hair); border-radius: 12px; color: var(--e-ink); font-family: 'Segoe UI', system-ui, sans-serif; }
:root body .game .finished-banner .quest-list li.is-weekly { border-style: dashed; }
:root body .game .finished-banner :is(.quest-list, .rank-list) li :is(em, b) { color: var(--e-amber); font-family: 'Segoe UI', system-ui, sans-serif; }
:root body .game .finished-banner :is(.quest-list, .rank-list) li small { color: var(--e-ink-3); }
:root body .game .finished-banner :is(.quest-list, .rank-list) li i { background: linear-gradient(90deg, var(--e-orange), var(--e-amber)) 0/calc(var(--p,0)*100%) 100% no-repeat, color-mix(in oklch, white 8%, transparent); }
:root body .game .finished-banner :is(.quest-list li.is-done, .rank-list li.is-max) { border-color: color-mix(in oklch, var(--e-amber) 55%, transparent); box-shadow: none; }
:root body .game .finished-banner .quest-list li.is-done small { color: var(--e-amber); }


/* ---- Menüs dunkel Teil 3 (04.10.) — Deckverteilung und Duellformate -------- */
body:not([data-screen="game"]) .deck-mix dd i {
  background: rgba(255,255,255,.10);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.10);
}
body:not([data-screen="game"]) .deck-mix dd i::after {
  background: linear-gradient(90deg, var(--d-crimson), var(--d-orange));
  box-shadow: none;
}
body:not([data-screen="game"]) .format-card {
  background: var(--d-panel);
  border: 1px solid var(--d-hair) !important;
  box-shadow: none;
  color: var(--d-ink);
  opacity: 1;
}
body:not([data-screen="game"]) .format-card:hover {
  border-color: color-mix(in oklch, var(--d-orange) 55%, transparent) !important;
  background: var(--d-panel-2);
}
body:not([data-screen="game"]) .format-card.is-on {
  border-color: var(--d-crimson-2) !important;
  box-shadow: 0 0 0 1px var(--d-crimson-2);
}
body:not([data-screen="game"]) .format-card:focus-visible { outline-color: var(--d-orange); }
body:not([data-screen="game"]) .format-card .fc-kanji { color: var(--d-amber); text-shadow: none; font-family: var(--brush); }
body:not([data-screen="game"]) .format-card.is-speed .fc-kanji { color: var(--d-orange); text-shadow: none; }
body:not([data-screen="game"]) .format-card .fc-name { color: var(--d-ink); }
body:not([data-screen="game"]) .format-card .fc-sub { color: var(--d-orange); opacity: 1; }
body:not([data-screen="game"]) .format-card ul { border-top-color: var(--d-hair); color: var(--d-ink-2); }
body:not([data-screen="game"]) .format-card li::before { background: var(--d-orange); }
body:not([data-screen="game"]) .format-card.is-on::after { background: var(--d-crimson); color: var(--d-ink); }

/* Desktop-QA MITTEL 6 (04.10.): Desktop-Höhe ≤ 940 — Leistenfuß (Motto + Verbindungsstatus) lag unter dem Rand (Leiste
   scrollt ohne Balken). Pagode weg, Navigation dichter → Fuß im Bild. Prüfstand: work/claude-rail-foot-probe.mjs */
@media (min-width: 1100px) and (max-height: 940px) {
  body:not([data-screen="game"]) .rail-nav { --rail-foot-fix: 1; gap: 3px; }
  body:not([data-screen="game"]) .rail-nav :is(button, a), body:not([data-screen="game"]) .rail-nav .is-hero:not(.active) { min-height: 40px; }
  body:not([data-screen="game"]) .site-rail { gap: 14px; }
  body:not([data-screen="game"]) .rail-foot { padding-top: 12px; }
  body:not([data-screen="game"]) .rail-foot::before { display: none; }
}