/* ============ itch.oi and SUB-1 ============
   Added 2026-09-16 with the first thing money buys that is not work (SHOP.md §A).

   The file is numbered 26 because the numbers ARE the cascade order in this project — a directory
   listing is the stylesheet order, and these rules are last because they are the newest and depend
   on nothing. `tools/split-css.mjs --check` proves the ORIGINAL 25 still rejoin to the tagged
   build; this one is new work and is not part of that set.

   Prefixes are `.ich` / `.ic-` for the store and `.sb1` for the game: CSS rule 3 says a bare
   short selector is already taken somewhere, and both were grepped before use. */

/* ---- the storefront: amateur on purpose ---------------------------------------------------- */
.ich{background:#f4f2ee;color:#2b2b2b;font-family:var(--sans);padding:0 0 24px}
.ic-top{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;
  padding:14px 18px;background:#fa5c5c;color:#fff}
.ic-top b{font-size:21px;letter-spacing:-.02em}
.ic-top b i{font-style:normal;opacity:.75}
.ic-top span{font-size:11.5px;opacity:.9}
.ic-gate{padding:60px 20px;text-align:center;color:#6b6b6b;font-size:13px}
.ic-gate .dim{color:#9a9a9a;font-size:12px}

.ic-it{display:flex;gap:14px;align-items:flex-start;margin:18px;padding:14px;
  background:#fff;border:1px solid #dcd7cf;border-radius:4px}
/* Cover art as two letters, because a nine-year-old text game by two people has cover art made in
   whatever was open at the time. */
.ic-art{flex:none;width:86px;height:86px;border-radius:3px;display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:2px;background:#15161a;color:#e8d98a}
.ic-art span{font-family:var(--mono);font-size:11px;letter-spacing:.22em;opacity:.7}
.ic-art b{font-family:var(--mono);font-size:30px;line-height:1}
.ic-tx{flex:1;min-width:0}
.ic-tx h2{margin:0;font-size:18px;color:#1d1d1d}
.ic-tx p{margin:6px 0 0;font-size:12.5px;line-height:1.5;color:#4a4a4a}
.ic-by{font-family:var(--mono);font-size:11px;color:#8a8a8a}
.ic-rate{font-size:11.5px;color:#7a7a7a}
.ic-rate i{font-style:normal;color:#9a9a9a}
.ic-act{flex:none;display:flex;flex-direction:column;gap:7px;align-items:stretch;min-width:104px}
.ic-buy,.ic-play{font-family:var(--sans);font-size:12.5px;padding:8px 12px;border-radius:3px;
  cursor:pointer;border:none}
.ic-buy{background:#fa5c5c;color:#fff}
.ic-buy:hover{background:#e04b4b}
.ic-buy.off{background:#e7e2da;color:#9a9a9a;cursor:default;text-align:center}
.ic-play{background:#2b2b2b;color:#fff}
.ic-own{font-size:11.5px;color:#4b8f4b;text-align:center;padding:6px 0}
.ic-log{margin:0 18px 14px;padding:12px 14px;background:#fff;border:1px solid #dcd7cf;
  border-radius:4px}
.ic-log h3{margin:0 0 6px;font-size:13px;color:#1d1d1d}
.ic-log h3 i{font-style:normal;color:#8a8a8a;font-weight:400}
.ic-log p{margin:0 0 6px;font-size:12.5px;line-height:1.55;color:#4a4a4a}
.ic-log .dim{color:#9a9a9a;font-size:11.5px}

/* ---- the game: a torch, a corridor, and nothing else ---------------------------------------- */
.sb1{flex:1;min-width:0;background:#0a0a0b;display:flex}   /* CSS rule 2: .wbody is a flex container */
.sb1-scr{flex:1;min-width:0;overflow-y:auto;padding:26px 28px 20px;
  display:flex;flex-direction:column;gap:20px}
/* Serif, and the only serif in the whole OS. It is not a terminal and it is not nullOS chrome — it
   is somebody's short game, and it should feel like reading rather than operating. */
/* One element per paragraph now (a blank line in the script), so it carries its own spacing. */
.sb1-t{margin:0 0 14px;font-family:Georgia,"Times New Roman",serif;font-size:14.5px;line-height:1.72;
  color:#d9d5cc;max-width:52ch}
.sb1-t:last-of-type{margin-bottom:0}
.sb1-end{margin:0;font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:#e8d98a}
.sb1-c{display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.sb1-c button{font-family:Georgia,"Times New Roman",serif;font-size:13.5px;text-align:left;
  background:none;border:none;border-left:2px solid #3a3a3e;color:#9fb4c8;padding:3px 0 3px 11px;
  cursor:pointer;line-height:1.5}
.sb1-c button:hover{color:#e8d98a;border-left-color:#e8d98a}
.sb1-foot{margin:auto 0 0;font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;color:#4a4a52}