/* Arkham (Plan 5, caso 95 · docs/mockups/locura/caso95.html): la misma pantalla, con la carpeta en tela verde y
   filigrana de oro, el plano en tiza sobre piedra negra y mojada, y las fichas de los investigadores con marco. Solo se
   aplica con html[data-skin='arkham'] (casos 91 a 99 y las pantallas de quien llegó ahí). */
html[data-skin='arkham'] { --fx-compass-ink: #e6dcc0; --fx-compass-paper: #0b1410; --fx-sigil: #36f09a; }
html[data-skin='arkham'] body, html[data-skin='arkham'] .desk { background: #000; }
html[data-skin='arkham'] .desk { background: radial-gradient(circle at var(--fx-desk-glow-at, 46% 56%), #0d2219 0, #08150f 240px, #040b08 520px, #010302 820px, #000 1000px); }
html[data-skin='arkham'] .top { border-bottom-color: rgba(201,162,76,.16); }
html[data-skin='arkham'] .wordmark { color: #efe3c6; text-shadow: 0 1px 0 rgba(0,0,0,.7), 0 0 16px rgba(127,227,176,.28), -1.5px 0 rgba(127,227,176,.55), 1px 0 rgba(255,70,60,.28); }
html[data-skin='arkham'] .wordmark .wm-l { position: relative; display: inline-block; }
html[data-skin='arkham'] .bar i { background: linear-gradient(90deg, var(--brass-lo), var(--brass-hi) 70%, #7fe3b0); }

/* carpeta en tela verde, con filigrana y el título dorado */
html[data-skin='arkham'] .case-screen .tab { background: #1b3a2c; box-shadow: inset 0 1px 0 rgba(201,162,76,.3); }
html[data-skin='arkham'] .case-screen .tab span { background: #e0d5b8; color: #16221c; }
html[data-skin='arkham'] .case-screen .fbody { background: linear-gradient(170deg, #1c3b2d 0%, #163126 55%, #10261d 100%); color: #e4d8b9;
  box-shadow: 0 18px 34px rgba(0,0,0,.7), 0 3px 6px rgba(0,0,0,.5), inset 0 0 0 1px rgba(201,162,76,.28), inset 0 0 34px rgba(0,0,0,.45); }
html[data-skin='arkham'] .case-screen .fbody::before { content: ""; position: absolute; inset: 7px; border: 1px solid rgba(201,162,76,.34); border-radius: 3px; pointer-events: none; }
html[data-skin='arkham'] .case-screen .fbody h1 { color: #ecd497; background: linear-gradient(180deg, #f7e6ae 0%, #dcb862 52%, #b08638 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 1px 0 rgba(0,0,0,.6)); }
html[data-skin='arkham'] .case-screen .chips span { color: #ecdfbf; border-color: rgba(201,162,76,.7); background: rgba(8,20,15,.55); }
html[data-skin='arkham'] .case-screen .rules li::before { background: var(--brass); }
html[data-skin='arkham'] .case-screen .rules { border-top-color: rgba(201,162,76,.36); }
html[data-skin='arkham'] .case-screen .novelty { background: rgba(8,20,15,.45); border-left-color: var(--brass); color: #e4d8b9; }
html[data-skin='arkham'] .case-screen .memo { background: linear-gradient(175deg, #e3d8bb, #d3c5a2); }
html[data-skin='arkham'] .case-screen .resolve { background-color: #08130f; border-color: rgba(201,162,76,.42); }
html[data-skin='arkham'] .case-screen .acts .act { border-color: rgba(201,162,76,.33); }

/* el plano en tiza sobre piedra */
html[data-skin='arkham'] .case-screen .sheet { background: none; box-shadow: none; }
html[data-skin='arkham'] .case-screen .sheet.fx-stone { filter: drop-shadow(0 26px 30px rgba(0,0,0,.85)) drop-shadow(0 0 1px rgba(201,162,76,.5)); }
html[data-skin='arkham'] .case-screen .sheet > .fx-paper.fx-stone-paper { background: radial-gradient(circle at 47% 55%, #12291f 0%, #0a1813 42%, #040b08 100%); }
html[data-skin='arkham'] .case-screen .sheet > .fx-paper.fx-stone-paper::after { content: ""; position: absolute; inset: 0; background: var(--noise); mix-blend-mode: overlay; opacity: .5; }
html[data-skin='arkham'] .case-screen .fx-beads { position: absolute; left: 0; top: 0; }
html[data-skin='arkham'] .case-screen svg.plan .plan-paper { opacity: .35; }
html[data-skin='arkham'] .case-screen svg.plan .plan-washes { opacity: .45; }
html[data-skin='arkham'] .case-screen svg.plan .plan-floors, html[data-skin='arkham'] .case-screen svg.plan .plan-cells,
html[data-skin='arkham'] .case-screen svg.plan .plan-furniture, html[data-skin='arkham'] .case-screen svg.plan .plan-ink,
html[data-skin='arkham'] .case-screen svg.plan .room-labels, html[data-skin='arkham'] .case-screen svg.plan .plan-bubbles { filter: url(#lz-chalkify); }
html[data-skin='arkham'] .case-screen svg.plan .plan-state text[fill="#2b4b8a"] { fill: #a9c3f2; stroke: #a9c3f2; }
html[data-skin='arkham'] .case-screen svg.plan .plan-state path[stroke="#2e3340"] { stroke: #d8e6dc; stroke-opacity: .5; }
html[data-skin='arkham'] .case-screen svg.plan .plan-state [stroke="#b3342b"] { stroke: #ff6b5e; }
html[data-skin='arkham'] .case-screen svg.plan .plan-state text[fill="#b3342b"] { fill: #ff6b5e; stroke: #0b1410; }
/* Caso 100 (Plan 9B): las notas y los descartes de antes de un cambio llevan la clase stale; sobre la piedra, gris claro.
   Van después de las de arriba y con la misma especificidad, así ganan. */
html[data-skin='arkham'] .case-screen svg.plan .plan-state text.stale { fill: #b9c4bf; stroke: #b9c4bf; opacity: .7; }
html[data-skin='arkham'] .case-screen svg.plan .plan-state path.stale { stroke: #b9c4bf; stroke-opacity: .7; }
html[data-skin='arkham'] .case-screen .key { color: #e9ddc0; border-top-color: rgba(233,221,192,.6); }
html[data-skin='arkham'] .case-screen .key h4 { color: #efe3c4; }
html[data-skin='arkham'] .case-screen .key::before { border-top-color: rgba(233,221,192,.4); }
/* la leyenda con los mismos colores claros que las marcas sobre la piedra; sin las cintas de papel (la maqueta no las tiene) */
html[data-skin='arkham'] .case-screen .k-auto::before { --x: rgba(216,230,220,.6); }
html[data-skin='arkham'] .case-screen .k-discard::before { --x: #ff6b5e; }
html[data-skin='arkham'] .case-screen .k-note::before { color: #a9c3f2; }
html[data-skin='arkham'] .case-screen .sheet::before { display: none; }
.fx-scg { fill: none; stroke: #36f09a; stroke-linecap: round; stroke-linejoin: round; filter: url(#lz-blur2); }
.fx-scd { fill: none; stroke: #000; stroke-opacity: .75; stroke-width: 2.6; stroke-linecap: round; stroke-linejoin: round; }
.fx-scc { fill: none; stroke: #dcffee; stroke-opacity: .9; stroke-width: .9; stroke-linecap: round; stroke-linejoin: round; }
.fx-whisper { fill: #9fe8c2; }
.sheet > canvas.fx-void { left: 0; top: 0; width: 716px; height: 700px; }

/* las fichas de los investigadores, con marco */
html[data-skin='arkham'] .case-screen .card { border-radius: 6px; background: linear-gradient(176deg, #e6dbbe 0%, #d9cba6 100%);
  box-shadow: inset 0 0 0 1px #b08d40, inset 0 0 0 6px #142c22, inset 0 0 0 7px #b8913f, 0 10px 22px rgba(0,0,0,.6), 0 2px 5px rgba(0,0,0,.45); }
html[data-skin='arkham'] .case-screen .card.done { background: linear-gradient(176deg, #d9ccab, #cbbd99); }
html[data-skin='arkham'] .case-screen .card.sel { background: linear-gradient(176deg, #f2e9d2, #e6dbbd);
  box-shadow: inset 0 0 0 1px #b08d40, inset 0 0 0 6px #142c22, inset 0 0 0 7px #d8b45c, 0 0 0 2px var(--brass), 0 0 30px rgba(232,201,119,.26), 0 18px 36px rgba(0,0,0,.65); }
html[data-skin='arkham'] .case-screen .card.portal { color: #e9ddc0; background: radial-gradient(ellipse 60% 130% at 10% 50%, #1b4a37 0%, #102b21 55%, #0a1b15 100%); }
html[data-skin='arkham'] .case-screen .card.portal .st { color: #97e6bb; font-weight: 700; }
html[data-skin='arkham'] .case-screen .card .print { border-radius: 28px 28px 3px 3px; background: linear-gradient(160deg, #ecd391, #9a7633 58%, #d9b766); }
html[data-skin='arkham'] .case-screen .card .print img { border-radius: 26px 26px 2px 2px; }
html[data-skin='arkham'] .case-screen .card .badge { background: #142c22; color: #efe4c8; border-color: #e2c77c; }
.card > svg.fx-card-salt { position: absolute; left: 0; top: 0; pointer-events: none; overflow: hidden; border-radius: inherit; }
.print > .fx-halo { position: absolute; inset: 2px; border-radius: inherit; pointer-events: none; opacity: 0;
  background: radial-gradient(ellipse 70% 60% at 50% 42%, rgba(255,250,225,.95), rgba(255,214,120,.55) 45%, rgba(255,190,90,0) 75%); mix-blend-mode: screen; }
.print > svg.fx-ward { position: absolute; left: 50%; top: 44%; width: 40px; height: 40px; margin: -20px 0 0 -20px; opacity: 0; pointer-events: none; overflow: visible; }

/* capas de pantalla que no giran */
.fx-spill { pointer-events: none; mix-blend-mode: screen; background: radial-gradient(circle at var(--sx, 690px) var(--sy, 480px), rgba(96,255,176,.22) 0, rgba(70,230,150,.09) 150px, rgba(60,200,140,.03) 300px, transparent 460px); }