/* ══ THE FIELD IN THE SITE'S LANGUAGE (28 Sep 2026) ═══════════════════════════════════════════════
   Loaded after field-restyle.css. The new front page (omenati.com/, /art, /utility, /game) speaks in Instrument Serif and
   Instrument Sans, white cards with a hairline and a soft long shadow, slim pills, ink and one signal orange. This layer
   brings the Field's chrome to the same place. Styling only: no element, id or behaviour changes, and the map itself (the
   survey, the lands, the estates) is untouched. Remove the <link> to roll back. */

:root { --ink:#111; --ink2:#77736b; --line:#e6e3dc; --soft:#f0ede6; --white:#fff; --paper:#f6f4ef; --paper2:#ebe8e1; --lilac:#f0ede6; --acc:#ff4f1f; --gold:#ff4f1f; --red:#c8371f;
  --shadow:0 14px 28px -16px rgba(17,17,17,.28), 0 2px 6px rgba(17,17,17,.06); --r:16px; }
html, body { font:400 15px/1.5 "Instrument Sans", system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif; color:var(--ink); }

/* headings: the serif, sentence case, no shouting */
#cartouche h1, #welcome h1, #ledger .lt, h3, .deed-head b, #wz-title, #tour b, .tb-head h2, #desk h2, #desk h3, .tvl b, .stamp, #legendbox .lt {
  font-family:"Instrument Serif", Georgia, serif !important; font-weight:400 !important; font-stretch:normal; text-transform:none !important; letter-spacing:-.01em !important; }
#cartouche h1 { font-size:30px !important; line-height:1; justify-content:flex-start; }
#cartouche h1::before { width:28px; height:28px; }
#legendbox .lt, #ledger .lt { font-size:19px !important; }
h3 { font-size:22px !important; }

/* small labels: the site's spaced capitals */
.field > span:first-child, .sub { font:500 10.5px "Instrument Sans", sans-serif !important; letter-spacing:.16em !important; color:var(--ink2); }
.sub { background:var(--soft); }

/* cards: white, hairline, long soft shadow, 16 px corners */
#cartouche, #legendbox, #ledger, #tools, #card, #tour, #wizard, #trade-board, #loan-board, #more-menu, #wallet-menu, #welcome > div {
  border-radius:var(--r) !important; box-shadow:var(--shadow) !important; border:1px solid var(--line) !important; background:var(--white); }
#tools { border-radius:999px !important; padding:5px !important; }

/* numbers set in the serif, like the site's live figures */
#counts b, #counts .nf, .tvl b, .kv2 b, .ag-kv b, .lotsum b, #ledger-body .big { font-family:"Instrument Serif", Georgia, serif; font-weight:400; }
#counts { font-size:14px; }
#counts b, #counts .nf { font-size:17px; }

/* pills: slim, 1 px, no drop, ink on hover */
button { border:1px solid var(--ink); font:500 13px "Instrument Sans", sans-serif; box-shadow:none; height:36px; }
button:hover { background:var(--ink); color:#fff; border-color:var(--ink); }
button.small { height:34px; }
button.gold { background:var(--ink); color:#fff; border-color:var(--ink); }
button.gold:hover { background:var(--acc); border-color:var(--acc); color:#fff; }
button.trade { background:var(--acc); color:#fff; border-color:var(--acc); }
button.trade:hover { background:var(--ink); border-color:var(--ink); color:#fff; }
button.wallet { background:var(--ink); color:#fff; }
button.wallet.on { background:#eef6ef; color:#1f5e3c; border-color:#bfdcc8; }
button:disabled, button:disabled:hover { background:var(--soft); color:var(--ink2); border-color:var(--line); }
select, input { border:1px solid var(--line); border-radius:10px; font:400 14px "Instrument Sans", sans-serif; }
select:focus-visible, input:focus-visible { border-color:var(--ink); }

/* the ledger's tabs and ticker */
#ledger .tabs button, #ledger [id^="tab-"] { height:32px; border-color:var(--line); }
#ledger [id^="tab-"].on, #ledger .tabs button.on { background:var(--ink); color:#fff; border-color:var(--ink); }
#ticker { font-family:"Instrument Sans", sans-serif; }
#toast { border-radius:12px; font-family:"Instrument Sans", sans-serif; }

/* accents that were gold now take the site's orange */
.linkish, a.linkish, .ledger-link { color:var(--acc); }

/* every other place the old poster face (Archivo 900, capitals) was set: the serif, sentence case */
.deed-card b, .stake-due, #card b, .path b, :is(#wallet-menu, #more-menu) .wm-head b, .wc-name, .lotsum b, .floor-link b, .ag-head b, .chest-head b,
#mm-resign-notice > div > div:first-child, #signin-help > div > div:first-child, #desk h2,
div[style*="border-bottom:1px solid var(--ink,#2b2118)"], div[style*="Archivo"] {
  font-family:"Instrument Serif", Georgia, serif !important; font-weight:400 !important; text-transform:none !important; letter-spacing:0 !important; }
#card b, .deed-card b, .path b, .floor-link b { font-size:20px !important; line-height:1.1; }
.ag-head b, .lotsum b { font-size:24px !important; }
.wc-name, :is(#wallet-menu, #more-menu) .wm-head b { font-size:17px !important; }
#tape b { font:600 12px "Instrument Sans", sans-serif !important; letter-spacing:.02em !important; text-transform:none !important; }

/* the ledger's label: the mark and the words, in the serif, folded or open */
#ledger .lt, #ledger.folded .lt { font-size:19px !important; letter-spacing:-.01em !important; color:var(--ink) !important; }
#ledger .lt::after, #cartouche h1::after, #legendbox .lt::after { border-width:1px !important; font-family:"Instrument Sans", sans-serif !important; font-weight:500 !important; }
#cartouche h1:hover::after, #legendbox .lt:hover::after, #ledger .lt:hover::after { background:var(--ink) !important; color:#fff !important; }

/* the phone's slim bar and drawer label */
.ph-mark { font:400 20px/1 "Instrument Serif", Georgia, serif !important; letter-spacing:0 !important; text-transform:none !important; }
body.phone #ledger .lt { font:400 20px/1 "Instrument Serif", Georgia, serif !important; letter-spacing:0 !important; text-transform:none !important; }
@media (max-width:700px) { #cartouche h1 { font-size:24px !important; } }