/* Case Closed / B: one physical dossier, deliberate held fold poses.
   Every print node lives on its paper. Only the engine owns the deadline. */
#zineCaseApp {
  --field: #3058c4; --paper: #f4e7c6; --ink: #252536;
  --folder: #eccb52; --folder-edge: #c1a139; --action: #eccb52; --accent: #d6cae8;
  --contact: #14234180; --cast: #15234150;
  display: grid; grid-template-columns: minmax(0, 1fr);
  grid-template-rows: clamp(70px, 11vh, 120px) minmax(0, 1fr) clamp(74px, 11vh, 116px);
  gap: clamp(14px, 2.4vh, 30px);
  height: 100svh; min-height: 620px; max-height: 1080px;
  padding: clamp(22px, 3vh, 38px) clamp(26px, 4vw, 74px);
  background-size: 920px;
  overflow: clip;
  font-family: var(--print-face); font-synthesis: none; color: var(--ink);
}
.zine-page:has(#zineCaseApp:not([hidden])) { min-height: 100svh; display: grid; align-content: center; }
.zine-page:has(#zineCaseApp:not([hidden])) .review-deck { display: none; }
.case-heading { display: grid; grid-template-columns: 1fr auto; align-items: start; min-width: 0; }
.case-heading h1, .case-wordmark, .case-phase { margin: 0; }
.case-title {
  display: flex; align-items: center; gap: 16px; padding: 0 8px 5px 0;
  border: 0; background: none; color: var(--paper); text-align: left;
  font: 900 clamp(38px, 4.4vw, 72px)/.84 var(--print-face);
  text-transform: uppercase; transform: rotate(-3deg);
}
.case-ink { mask: var(--ink-grain-mask, none) 0 0 / 192px 160px repeat; text-shadow: none; letter-spacing: .005em; }
.case-title .case-ink { padding: .13em .04em; margin: -.13em -.04em; }
.case-chevron { width: 13px; height: 13px; flex: 0 0 13px; border: solid var(--folder); border-width: 0 4px 4px 0; transform: rotate(45deg); }
.case-title:disabled .case-chevron { visibility: hidden; }
.case-phase { color: var(--ink); font: 900 clamp(23px, 2.1vw, 32px)/1 var(--print-face); text-transform: uppercase; text-align: center; }
.case-wordmark { justify-self: end; color: var(--paper); font: 900 clamp(25px, 2.4vw, 38px)/1 var(--print-face); text-transform: uppercase; padding: 5px 0 7px; border-bottom: 3px solid currentColor; transform: rotate(-3deg); }
.case-desk { position: relative; isolation: isolate; width: min(88%, 1350px); height: 100%; max-height: 665px; min-width: 0; min-height: 0; justify-self: center; align-self: center; padding-top: 18px; }
.case-folder { position: relative; z-index: 2; isolation: isolate; height: 100%; min-width: 0; transform: rotate(-.45deg); }
.case-folder::before { content: ""; position: absolute; z-index: 1; left: 3.4%; top: 2%; bottom: 2%; width: 1.6%; pointer-events: none; background: linear-gradient(90deg, transparent, #6748171f 18%, #573b1745 38%, #fff1b333 49%, #785a2521 61%, transparent); }
.case-folder-base { position: absolute; inset: -6px -8px -10px 1px; z-index: -2; pointer-events: none; filter: drop-shadow(1px var(--case-contact-y, 3px) 1px rgb(21 35 62 / var(--case-contact-alpha, .60))) drop-shadow(8px 14px 7px #15234155); }
.case-folder-stock {
  position: absolute; inset: 0;
  background: url("assets/nachtzine/case-closed/folder-cover.png") center / 100% 100% no-repeat;
  background-image: image-set(url("assets/nachtzine/case-closed/folder-cover.webp") type("image/webp"), url("assets/nachtzine/case-closed/folder-cover.png") type("image/png"));
}
.case-folder-base .case-folder-stock { filter: brightness(.94); }
.case-folder-base .case-folder-stock::before {
  content: none; position: absolute; top: 1.8%; bottom: 1.8%; left: 2%; width: 16px;
  background: linear-gradient(90deg, #66461238, #ffed9a66 21%, #77521424 38%, transparent 75%);
}
.case-folder-base .case-folder-stock::after {
  content: ""; position: absolute; inset: auto 1.5% 1.7%; height: 2px; background: #674d1917; transform: rotate(-.15deg);
}
.case-folder-tab {
  position: absolute; z-index: 4; width: clamp(164px, 20%, 265px); height: 66px; right: 5%; top: -40px;
  isolation: isolate; display: grid; place-items: center; padding: 7px 12px 20px;
  filter: drop-shadow(1px 2px 1px var(--contact)); transform: rotate(.6deg);
}
.case-folder-tab::before {
  content: ""; position: absolute; z-index: -1; inset: 0;
  background: var(--accent) var(--stock) 170px 48px / 560px; background-blend-mode: multiply;
  clip-path: polygon(.4% 27%, 2% 17%, 5.3% 3%, 17% 1.2%, 31% 2.5%, 46% .4%, 59% 1.8%, 72% 0, 85% 1.5%, 94% 2.4%, 97% 17%, 99.4% 31%, 100% 76%, 99.4% 97%, 86% 98.5%, 70% 97%, 54% 100%, 39% 98%, 23% 99.5%, .5% 98%, 0 69%);
  box-shadow: inset 0 -3px 2px #574b652b, inset 0 2px 1px #fff9;
}
.case-file-edges { position: absolute; z-index: -1; inset: 0; pointer-events: none; }
.case-file-edges span { position: absolute; top: -13px; left: 15%; width: 43%; height: 48px; background: var(--stock) 90px 210px / 670px; clip-path: polygon(1% 8%, 14% 2%, 29% 7%, 49% 0, 64% 5%, 88% 1%, 99% 8%, 100% 100%, 0 100%); transform: rotate(-.8deg); filter: drop-shadow(1px 2px 1px #45392366); }
.case-file-edges span + span { top: -7px; left: 38%; width: 30%; transform: rotate(.6deg); background-position: 210px 70px; }
.case-stage:is([data-phase="memorize"], [data-phase="review"], [data-phase="opening"], [data-phase="revealing"], [data-phase="closing"], [data-phase="resetting"]) .case-file-edges { visibility: hidden; }
.case-interior { position: absolute; inset: 0; padding: clamp(36px, 4vh, 54px) clamp(34px, 3.8vw, 66px) 29px; display: grid; grid-template-rows: minmax(0, 1fr) 38px; gap: 20px; }
.case-words {
  --word-base: clamp(38px, 4.8vw, 74px);
  display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); grid-auto-rows: minmax(0, 1fr);
  grid-template-rows: repeat(2, minmax(96px, 150px));
  align-content: center; gap: clamp(14px, 2.3vh, 28px) clamp(14px, 1.7vw, 25px);
  min-height: 0; min-width: 0; padding: 0; margin: 0; list-style: none;
}
.case-note {
  position: relative; isolation: isolate; grid-column: span 2; min-width: 0; min-height: 0;
  display: flex; align-items: center; justify-content: center; padding: 20px 25px;
  transform: rotate(-1.15deg); filter: drop-shadow(1px 2px 1px #59472170) drop-shadow(4px 7px 3px #59472130);
}
.case-note:nth-child(2n) { transform: rotate(.9deg); }
.case-note:nth-child(3n) { transform: rotate(-.2deg); }
.case-note-paper { position: absolute; z-index: -1; inset: 0; background: var(--stock) 28px 81px / 710px; }
.case-note:nth-child(2n) .case-note-paper { background-position: 196px 13px; }
.case-note:nth-child(3n) .case-note-paper { background-position: 342px 174px; }
.case-word { display: block; max-width: 100%; min-width: 0; font: 900 var(--word-size, var(--word-base))/1.05 var(--print-face); text-transform: uppercase; text-align: center; white-space: nowrap; padding-block: .13em; margin-block: -.13em; }
.case-word[data-wrap="true"] { white-space: normal; }
.case-word-line { display: block; white-space: nowrap; }
#zineCaseApp[data-word-count="3"] .case-words { grid-template-rows: minmax(110px, 155px); }
#zineCaseApp[data-word-count="3"] .case-note { grid-row: 1; }
#zineCaseApp[data-word-count="5"] .case-note:nth-child(4) { grid-column: 2 / 4; }
#zineCaseApp[data-word-count="5"] .case-note:nth-child(5) { grid-column: 4 / 6; }
#zineCaseApp[data-word-count="7"] .case-words { grid-template-rows: repeat(3, minmax(0, 126px)); --word-base: clamp(34px, 4vw, 62px); }
#zineCaseApp[data-word-count="7"] .case-note:nth-child(7) { grid-column: 3 / 5; }
.case-clock { display: flex; align-items: center; justify-content: center; gap: 18px; height: 38px; }
/* The SVG tile stays at its native 192:160 ratio: a different ratio adds
   transparent letterboxing, which cuts whole bands out of otherwise solid ink. */
.case-countdown { position: relative; --case-progress: 0; width: min(55%, 380px); height: 21px; background: #25253614; clip-path: polygon(0 9%, 22% 3%, 42% 8%, 64% 1%, 98% 0, 100% 83%, 73% 91%, 45% 85%, 20% 100%, 1% 93%); mask-image: repeating-linear-gradient(90deg, #000 0 calc(5% - 4px), transparent calc(5% - 4px) 5%), var(--ink-grain-mask, linear-gradient(#000, #000)); mask-size: 100% 100%, 192px 160px; mask-position: 0 0, 73px 11px; mask-composite: intersect; }
.case-countdown span { display: block; height: 100%; background: var(--ink) var(--xerox) 50px 15px / 490px; background-blend-mode: multiply; transform: scaleX(calc(1 - var(--case-progress))); transform-origin: left center; }
.case-seconds { min-width: 2.6ch; font: 900 26px/1 var(--print-face); text-align: left; font-variant-numeric: tabular-nums; }
.case-cover { position: absolute; inset: 4px 5px 4px 4%; z-index: 3; transform-origin: 0% 50%; transform: perspective(6000px) rotateY(0deg); transform-style: preserve-3d; }
/* Only the faces are flat. Opacity, filtering or clipping on the shared
   rotating parent would flatten these faces and expose mirrored front ink. */
.case-cover-front, .case-cover-back { position: absolute; inset: 0; isolation: isolate; backface-visibility: hidden; -webkit-backface-visibility: hidden; }
.case-cover-front { transform: translateZ(.3px); }
.case-cover-back { transform: rotateY(180deg) translateZ(.3px); pointer-events: none; }
.case-cover-material { position: absolute; inset: 0; z-index: -1; filter: brightness(var(--cover-light, 1)) drop-shadow(1px 2px 1px #5a451966) drop-shadow(var(--cover-shadow-x, 3px) var(--cover-shadow-y, 6px) var(--cover-shadow-softness, 4px) #59411c3b); }
.case-cover-front .case-folder-stock { background-position: right center; background-size: 104.1667% 100%; }
/* The inside borrows the actual cardboard's fibres and creases, not an even
   stock-paper tint. Its pigment is quieter; the shared silhouette stays fixed. */
.case-cover-back .case-folder-stock {
  background-color: #dec67e;
  background-image: linear-gradient(105deg, #79602a24, transparent 24%, #fff1c01c 62%, #75552714), url("assets/nachtzine/case-closed/folder-cover.png");
  background-image: linear-gradient(105deg, #79602a24, transparent 24%, #fff1c01c 62%, #75552714), image-set(url("assets/nachtzine/case-closed/folder-cover.webp") type("image/webp"), url("assets/nachtzine/case-closed/folder-cover.png") type("image/png"));
  background-position: center, right center; background-size: 100% 100%, 104.1667% 100%; background-repeat: no-repeat;
  background-blend-mode: multiply, luminosity;
  mask: url("assets/nachtzine/case-closed/folder-cover.png") right center / 104.1667% 100% no-repeat;
  transform: scaleX(-1);
}
.case-cover-back::after { content: ""; position: absolute; top: 1.6%; bottom: 1.6%; right: 0; width: clamp(12px, 1.8vw, 26px); pointer-events: none; background: linear-gradient(90deg, transparent, #76532519 44%, #57391840 86%, #ffefb047 96%, #76552c2b); }
.case-cover-copy { height: 100%; padding: clamp(30px, 4vh, 62px) clamp(30px, 4.4vw, 80px); padding-right: calc(clamp(30px, 4.4vw, 80px) + 4%); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: clamp(17px, 2.6vh, 32px); text-align: center; }
.case-stamp { position: relative; margin: 0; max-width: 100%; font: 900 clamp(48px, 5.92vw, 100.8px)/.98 var(--print-face); text-transform: uppercase; text-wrap: balance; padding: .16em .28em .2em; border: 0; transform: rotate(-3.2deg); }
.case-stamp::before { content: ""; position: absolute; inset: 0; border: 8px solid currentColor; clip-path: polygon(0 3%, 4% 0, 28% 1%, 42% 0, 67% 2%, 99% 0, 100% 97%, 95% 100%, 64% 98%, 38% 100%, 16% 98%, 0 100%); mask: var(--stamp-wear-mask, none) 0 0 / 100% 100%; transform: rotate(.2deg); }
.case-hint { margin: 0; font: 400 clamp(25px, 2.7vw, 40px)/1.15 var(--print-face); max-width: 34ch; text-wrap: balance; mask-position: 71px 28px; mask-size: 192px 160px; }
.case-stage[data-cover-content="setup"] .case-stamp { font-size: clamp(40.8px, 4.505vw, 74.8px); }
.case-stage[data-cover-content="setup"] .case-cover-copy { gap: clamp(25px, 4vh, 44px); }
.case-stage[data-cover-content="setup"] .case-levels { margin-top: 16px; }
.case-levels { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(12px, 1.4vw, 23px); width: min(100%, 860px); border: 0; margin: 10px 0 0; padding: 0; }
.case-levels button { position: relative; isolation: isolate; border: 0; background: none; color: var(--ink); padding: 19px 18px 24px; min-height: 86px; font: 900 clamp(24px, 2.9vw, 45px)/1 var(--print-face); text-transform: uppercase; filter: drop-shadow(2px 3px 2px #70592138); }
.case-choice-paper { position: absolute; inset: 0; z-index: -1; background: var(--stock) 160px 30px / 580px; }
.case-levels button[aria-pressed="true"] { color: var(--paper); transform: rotate(-1deg); }
.case-levels button[aria-pressed="true"] .case-choice-paper { background: var(--ink) var(--xerox) 0 0 / 450px; background-blend-mode: multiply; }
.case-levels button[aria-pressed="true"]::after { content: ""; position: absolute; left: 34%; right: 34%; bottom: 14px; height: 3px; background: var(--folder); transform: rotate(-1deg); }
.case-levels small { display: block; margin-top: 7px; font-size: .65em; font-weight: 400; text-transform: none; }
.case-controls { display: grid; grid-template-columns: 1fr minmax(230px, 430px) 1fr; gap: 24px; align-items: center; width: 88%; max-width: 1350px; justify-self: center; min-width: 0; }
.case-button { position: relative; isolation: isolate; border: 0; background: none; padding: 18px 28px 22px; min-height: 66px; color: var(--ink); font: 900 clamp(28px, 3.2vw, 49px)/1 var(--print-face); text-transform: uppercase; filter: drop-shadow(1px 2px 1px var(--contact)) drop-shadow(4px 7px 4px var(--cast)); }
.case-button-paper { position: absolute; inset: 0; z-index: -1; background: var(--action) var(--stock) 28px 360px / 650px; background-blend-mode: multiply; }
.case-main { grid-column: 2; grid-row: 1; }
.case-secondary { font-size: clamp(23px, 2.4vw, 34px); padding: 14px 23px 18px; min-height: 54px; }
.case-secondary .case-button-paper { background-color: var(--paper); }
.case-back { grid-column: 1; grid-row: 1; justify-self: start; transform: rotate(-1.5deg); }
.case-reset { grid-column: 3; grid-row: 1; justify-self: end; transform: rotate(1deg); }
/* Restart is a side route while rapping, not a second main action. Keep the
   native hit area and full-contrast print; reduce paper, type and elevation. */
.case-stage[data-phase="recall"] .case-reset { font-size: clamp(21px, 1.65vw, 27px); padding: 12px 17px 15px; min-height: 48px; filter: drop-shadow(1px 2px 1px var(--contact)); }
.case-stage[data-phase="recall"] .case-reset .case-button-paper { background-color: #d7cba9; }
.case-button:not(:disabled):hover, .case-levels button:not(:disabled):hover { translate: 0 -2px; }
.case-button:not(:disabled):active, .case-levels button:not(:disabled):active { translate: 1px 2px; filter: drop-shadow(1px 1px 1px var(--contact)); }
.case-stage button:focus-visible { outline: 3px solid var(--ink); outline-offset: 6px; }
.case-stage :is(.case-title, .case-button):focus-visible { outline-color: var(--paper); }
.case-button:disabled { opacity: .48; filter: none; }
.case-main:disabled, .case-back:disabled { visibility: hidden; }
.case-title:disabled { cursor: default; }
.case-host { position: absolute; z-index: 1; right: calc(-8.3% - 10px); bottom: 2.5%; width: clamp(88px, 10vw, 174px); aspect-ratio: 1291 / 1218; transform: rotate(12deg); filter: drop-shadow(2px 4px 1px var(--contact)) drop-shadow(5px 9px 5px var(--cast)); pointer-events: none; }
.case-failure { position: absolute; z-index: 9; inset: 37% 15% auto; padding: 24px; background: var(--paper); font-size: 28px; text-align: center; }
/* The presentation adapter owns finite native held poses. The open cover
   remains a real back face outside the left edge; it never fades away. */
.case-stage:not([data-phase="idle"]) .case-cover { pointer-events: none; }
.case-stage[data-phase="closing"] .case-host { animation: case-nod 320ms steps(1, end) both; }
@keyframes case-nod { 0%, 100% { transform: rotate(12deg); } 35% { transform: translateY(3px) rotate(15deg); } 70% { transform: translateY(-1px) rotate(10deg); } }
@media (min-width: 901px) and (max-height: 800px) {
  #zineCaseApp { grid-template-rows: 70px minmax(0, 1fr) 70px; gap: 18px; padding-block: 22px; }
  .case-title { font-size: 43px; }
  .case-wordmark { font-size: 29px; }
  .case-stamp { font-size: clamp(41.6px, 4.8vw, 67.2px); border-width: 4px; }
  .case-stage[data-cover-content="setup"] .case-stamp { font-size: clamp(37.4px, 4.08vw, 55.25px); }
  .case-stage[data-cover-content="setup"] .case-cover-copy { gap: 23px; }
  .case-stage[data-cover-content="setup"] .case-levels { margin-top: 6px; }
  .case-stamp::before { border-width: 6px; }
  .case-cover-copy { gap: 16px; padding-block: 26px; }
  .case-hint { font-size: 29px; }
  .case-levels { margin-top: 2px; }
  .case-levels button { font-size: 30px; padding-block: 15px 22px; min-height: 82px; }
  .case-interior { padding: 27px 36px 19px; gap: 10px; grid-template-rows: minmax(0, 1fr) 28px; }
  .case-clock { height: 28px; }
  .case-note { padding: 12px 22px; }
  .case-button { font-size: 34px; padding-block: 15px 18px; min-height: 62px; }
  .case-secondary { font-size: 27px; min-height: 50px; }
}
@media (max-width: 900px) {
  #zineCaseApp { height: auto; min-height: 100svh; max-height: none; grid-template-rows: 85px minmax(450px, 1fr) 70px; gap: 20px; padding: 23px 20px; }
  .case-desk, .case-controls { width: 100%; }
  .case-desk { max-height: none; }
  .case-folder-tab { top: -29px; height: 54px; width: 175px; padding-bottom: 17px; }
  .case-file-edges span { top: -7px; }
  .case-folder-stock { background: var(--folder) var(--stock) 45px 110px / 690px; border-radius: 12px 18px 26px 10px; clip-path: polygon(0 2%, 2% 0, 98% .7%, 100% 3%, 99.7% 95%, 98% 100%, 1% 99%, 0 97%); }
  .case-folder-base .case-folder-stock::before { content: ""; }
  .case-title { font-size: 41px; }
  .case-heading { grid-template-columns: 1fr auto; }
  .case-phase { font-size: 25px; justify-self: center; }
  .case-wordmark { display: none; }
  .case-host { display: none; }
  .case-cover-copy { padding: 35px 25px; gap: 24px; }
  .case-stamp { font-size: clamp(32px, 6.4vw, 54.4px); border-width: 3px; }
  .case-stage[data-cover-content="setup"] .case-stamp { font-size: clamp(32px, 5.1vw, 46.75px); }
  .case-stage[data-cover-content="setup"] .case-cover-copy { gap: 24px; }
  .case-stamp::before { border-width: 5px; }
  .case-hint { font-size: 26px; }
  .case-levels { gap: 9px; }
  .case-levels button { font-size: clamp(20px, 3.9vw, 32px); padding: 17px 10px 22px; }
  .case-interior { padding: 24px 20px; grid-template-rows: minmax(0, 1fr) 28px; }
  .case-words { gap: 12px; --word-base: 38px; }
  .case-note { padding: 15px 18px; }
  .case-controls { grid-template-columns: 1fr minmax(150px, 2fr) 1fr; gap: 12px; }
  .case-button { font-size: clamp(25px, 4.6vw, 36px); padding: 15px 18px 19px; min-height: 58px; }
  .case-secondary { font-size: 23px; padding: 12px 15px 16px; min-height: 48px; }
}
@media (max-width: 540px) {
  #zineCaseApp { grid-template-rows: 68px minmax(575px, 1fr) auto; padding: 20px 14px; gap: 18px; }
  .case-title { font-size: 33px; }
  .case-phase { font-size: 22px; }
  .case-cover-copy { padding: 30px 20px; gap: 24px; }
  .case-levels { grid-template-columns: 1fr; max-width: 240px; gap: 11px; }
  .case-levels button { font-size: 27px; min-height: 73px; padding-block: 13px 21px; }
  .case-levels small { display: inline-block; margin-left: 10px; font-size: 18px; }
  .case-levels button[aria-pressed="true"]::after { bottom: 13px; }
  .case-controls { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 14px; }
  .case-main { grid-column: 1 / -1; grid-row: 1; }
  .case-back { grid-column: 1; grid-row: 2; }
  .case-reset { grid-column: 2; grid-row: 2; }
  .case-interior { padding: 26px 18px 20px; }
  #zineCaseApp[data-word-count] .case-words { grid-template-columns: minmax(0, 1fr); grid-template-rows: none; --word-base: 42px; }
  #zineCaseApp[data-word-count] .case-note:nth-child(n) { grid-column: 1; grid-row: auto; padding: 12px 22px; }
  #zineCaseApp[data-word-count="3"] .case-words { align-content: center; grid-auto-rows: 100px; }
  #zineCaseApp[data-word-count="7"] .case-words { --word-base: 32px; gap: 8px; }
  #zineCaseApp[data-word-count="7"] .case-note { padding-block: 10px; }
}
@media (max-height: 560px) and (orientation: landscape) {
  #zineCaseApp { min-height: 100svh; height: auto; max-height: none; grid-template-rows: 52px minmax(278px, 1fr) 56px; gap: 14px; padding: 15px 24px; }
  .case-title { font-size: 29px; }
  .case-wordmark { display: none; }
  .case-phase { font-size: 25px; }
  .case-desk, .case-controls { width: 95%; }
  .case-host { display: none; }
  .case-cover-copy { padding: 24px; gap: 16px; }
  .case-stamp { font-size: 34.4px; border-width: 3px; }
  .case-hint { font-size: 24px; }
  .case-levels { margin: 0; gap: 12px; }
  .case-levels button { font-size: 24px; min-height: 74px; padding: 13px 10px 22px; }
  .case-interior { padding: 22px 24px 14px; gap: 8px; grid-template-rows: minmax(0, 1fr) 23px; }
  .case-clock { height: 23px; }
  .case-countdown { height: 10px; }
  .case-seconds { font-size: 22px; }
  .case-words { --word-base: 31px; gap: 10px; }
  #zineCaseApp[data-word-count="7"] .case-words { --word-base: 26px; }
  .case-note { padding: 10px 17px; }
  .case-button { font-size: 28px; padding: 12px 18px 15px; min-height: 51px; }
  .case-secondary { font-size: 23px; min-height: 47px; }
}
@media (prefers-reduced-motion: reduce) {
  #zineCaseApp *, #zineCaseApp *::before, #zineCaseApp *::after { animation: none !important; transition: none !important; }
}
@media (forced-colors: active) {
  #zineCaseApp { background: Canvas; color: CanvasText; }
  .case-ink { mask: none; }
  .case-stamp::before, .case-countdown { mask: none; }
  .case-folder-tab { background: Canvas; border: 2px solid CanvasText; clip-path: none; }
  .case-folder-tab::before { display: none; }
  .case-file-edges { display: none; }
  .case-title, .case-wordmark, .case-phase, .case-hint, .case-stamp { color: CanvasText; }
  .case-folder-stock, .case-note-paper { background: Canvas !important; border: 2px solid CanvasText; clip-path: none !important; filter: none; }
  .case-cover-front, .case-cover-back { background: Canvas; border: 2px solid CanvasText; }
  .case-cover-back .case-folder-stock { mask: none; }
  .case-folder::before, .case-cover-back::after { display: none; }
  .case-folder-base, .case-cover-material, .case-note, .case-button, .case-levels button { filter: none; }
  .case-button, .case-levels button { border: 2px solid ButtonText; background: ButtonFace; color: ButtonText; }
  .case-button-paper, .case-choice-paper { display: none; }
  .case-levels button[aria-pressed="true"] { color: HighlightText; background: Highlight; }
  .case-levels button[aria-pressed="true"]::after { background: HighlightText; }
  .case-chevron { border-color: ButtonText; }
  .case-countdown { background: Canvas; border: 1px solid CanvasText; }
  .case-countdown span { background: CanvasText; }
  .case-countdown::after { display: none; }
  .case-stage button:focus-visible { outline-color: Highlight; }
  .case-host { forced-color-adjust: none; }
}