/* Gold Rush Town — Western × voxel × creature-RPG game shell */
:root {
  --ink: #20150d; --ink-2: #3a2515; --paper: #fff3cf; --paper-2: #e8c98f;
  --gold: #f4c95d; --gold-dark: #9d591f; --rust: #9f3d25; --sage: #4f7d57;
  --sky: #7db7d8; --pixel: 4px; --safe-b: max(12px, env(safe-area-inset-bottom));
}
* { box-sizing: border-box; margin: 0; padding: 0; }
html, body { width: 100%; height: 100%; overflow: hidden; background: var(--ink); color: var(--ink); font-family: "Courier New", ui-monospace, monospace; }
button, input, select, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
canvas { display: block; image-rendering: pixelated; }

.panel, .gameChip {
  background: var(--paper); color: var(--ink); border: 3px solid var(--ink);
  border-radius: 2px; box-shadow: 4px 4px 0 rgba(32, 21, 13, .82), inset 0 0 0 2px #c6873b;
}
.panel::before { content: ""; position: absolute; inset: 4px; border: 1px solid rgba(91, 53, 24, .22); pointer-events: none; }

/* Top location strip */
#topBar { position: fixed; z-index: 18; top: 10px; left: 50%; transform: translateX(-50%); display: flex; align-items: stretch; gap: 8px; pointer-events: none; }
.gameChip { min-height: 38px; padding: 5px 10px; display: flex; align-items: center; gap: 8px; pointer-events: auto; }
#locationChip { min-width: 190px; flex-direction: column; align-items: flex-start; gap: 0; }
#locationChip span { color: var(--rust); font-weight: 900; letter-spacing: .1em; font-size: 12px; }
#locationChip small { color: #765433; font-size: 9px; }
#compass { min-width: 86px; justify-content: center; }
#compass b { color: var(--rust); font-size: 17px; }
#compass span { font-size: 9px; color: #765433; }
.pixelButton { border: 3px solid var(--ink); background: var(--gold); color: var(--ink); box-shadow: 3px 3px 0 var(--ink); padding: 5px 10px; font-weight: 900; font-size: 11px; cursor: pointer; pointer-events: auto; }
.pixelButton:active { transform: translate(2px, 2px); box-shadow: 1px 1px 0 var(--ink); }

/* Town notice HUD */
#hud { position: fixed; z-index: 14; top: 10px; left: 10px; width: 280px; padding: 10px 11px; font-size: 11px; line-height: 1.35; transition: transform .2s; }
.hudEyebrow { display: inline-block; margin: -2px 0 4px; padding: 2px 5px; background: var(--rust); color: #fff5dc; font-size: 8px; font-weight: 900; letter-spacing: .13em; }
.hudTitle { font-weight: 900; font-size: 15px; letter-spacing: .08em; color: var(--ink); }
.hudSub { font-size: 9px; color: #6c4b2e; margin: 3px 0 7px; }
.statRow { display: flex; justify-content: space-between; gap: 8px; padding: 2px 0; border-bottom: 1px dashed #b98b52; cursor: help; }
.statK { color: #4b311d; } .statV { font-weight: 900; color: var(--ink); }
.hudVerdict { margin-top: 7px; font-size: 10px; background: var(--ink); color: #ffedbd; padding: 6px 7px; border-left: 5px solid var(--gold); }
.hudVerdict .verdict { color: var(--gold); font-weight: 900; }
.hudVerdict .dim { color: #cdbd95; }
.hudFoot { display: flex; justify-content: space-between; gap: 8px; margin-top: 6px; font-size: 9px; color: #765433; }
.hudFoot a { color: var(--rust); font-weight: 900; text-decoration: none; }

#legend { position: fixed; z-index: 13; top: 64px; right: 10px; width: 174px; padding: 8px 9px; font-size: 10px; }
.lgT { font-weight: 900; color: var(--rust); margin-bottom: 4px; letter-spacing: .08em; }
.lgItem { display: flex; align-items: center; gap: 6px; padding: 1px 0; }
.lgSw { width: 11px; height: 11px; border: 2px solid var(--ink); display: inline-block; }
.lgGold { color: #d58a16; } .lgGhost { filter: grayscale(.2); }

/* Minimap */
#mapWrap { position: fixed; z-index: 13; right: 10px; bottom: 92px; padding: 23px 6px 6px; cursor: pointer; appearance: none; }
.mapLabel { position: absolute; top: 6px; left: 9px; color: var(--rust); font-weight: 900; font-size: 8px; letter-spacing: .08em; }
#minimap { width: 220px; height: 150px; border: 2px solid var(--ink); background: #2c1d12; }
#mapWrap:hover { filter: brightness(1.05); }

/* Pokémon-like action dialogue */
#hint { position: fixed; z-index: 16; left: 50%; bottom: 94px; transform: translateX(-50%) translateY(10px); min-width: 280px; max-width: min(620px, 80vw); background: #fffdf2; color: var(--ink); border: 4px solid var(--ink); box-shadow: 5px 5px 0 rgba(32,21,13,.75), inset 0 0 0 3px #c37a35; padding: 10px 34px 10px 14px; font-size: 12px; font-weight: 700; opacity: 0; transition: .15s; pointer-events: none; }
#hint::after { content: "▼"; position: absolute; right: 11px; bottom: 7px; color: var(--rust); animation: dialogBlink .9s steps(2) infinite; }
#hint.show { opacity: 1; transform: translateX(-50%) translateY(0); }
@keyframes dialogBlink { 50% { transform: translateY(3px); } }

/* Inspect card */
#info { position: fixed; z-index: 24; top: 50%; right: 14px; transform: translateY(-50%) translateX(24px); width: 322px; padding: 13px; opacity: 0; pointer-events: none; transition: .2s; max-height: 78vh; overflow: auto; }
#info.show { opacity: 1; transform: translateY(-50%) translateX(0); pointer-events: auto; }
#infoClose { position: absolute; top: 6px; right: 8px; width: 26px; height: 24px; border: 2px solid var(--ink); background: var(--rust); color: white; font-size: 17px; line-height: 17px; cursor: pointer; }
.iGrade { display: inline-flex; align-items: center; justify-content: center; width: 39px; height: 39px; font-weight: 900; font-size: 20px; color: var(--ink); border: 3px solid var(--ink); box-shadow: 2px 2px 0 var(--ink); }
#infoBody h3 { max-width: 250px; font-size: 15px; margin: 9px 0 2px; word-break: break-word; }
.iCat { font-size: 10px; color: #6c4b2e; margin-bottom: 8px; text-transform: uppercase; letter-spacing: .05em; }
.cert { color: #28643d; font-weight: 900; }
.iBar { height: 12px; background: #d6b77d; border: 2px solid var(--ink); overflow: hidden; }
.iBarFill { height: 100%; }
.iBarLbl { font-size: 9px; color: #6c4b2e; margin: 3px 0 7px; }
.iGap { font-size: 10px; background: #f1dcae; border-left: 5px solid var(--gold-dark); padding: 6px 7px; margin: 6px 0; }
.iUrl { font-size: 9px; color: #315c78; word-break: break-all; margin: 5px 0; }
.iNote { font-size: 9.5px; color: #5c4028; margin-top: 8px; border-top: 2px dashed #ba8a52; padding-top: 7px; }
.dim { color: #866b49; font-size: 9px; }

/* Minecraft-inspired hotbar */
#hotbar { position: fixed; z-index: 20; left: 50%; bottom: var(--safe-b); transform: translateX(-50%); display: flex; gap: 4px; padding: 5px; background: rgba(30,20,12,.9); border: 3px solid #0f0a06; box-shadow: 0 0 0 2px #8b633d; }
#hotbar button { position: relative; width: 68px; height: 61px; display: grid; place-items: center; grid-template-rows: 1fr auto; border: 3px solid #886742; background: linear-gradient(#dcb878,#a97a41); color: var(--ink); cursor: pointer; box-shadow: inset 0 0 0 2px #f0d59a; }
#hotbar button:hover, #hotbar button.active { border-color: white; transform: translateY(-3px); }
#hotbar button span { font-size: 23px; line-height: 1; }
#hotbar button b { font-size: 8px; letter-spacing: .05em; }
#hotbar kbd { position: absolute; top: 2px; left: 3px; border: 0; background: rgba(32,21,13,.78); color: #fff3cf; padding: 1px 3px; font-size: 8px; }

/* Title screen */
#intro { position: fixed; inset: 0; z-index: 50; display: flex; align-items: center; justify-content: center; padding: 20px; background: radial-gradient(circle at 50% 25%, rgba(141,75,32,.72), rgba(29,18,11,.96) 62%), repeating-linear-gradient(90deg, transparent 0 38px, rgba(255,255,255,.025) 38px 40px); transition: opacity .35s; }
#intro.hide { display: none; }
.introCard { position: relative; width: min(620px, 95vw); max-height: 94vh; overflow-x: hidden; overflow-y: auto; background: var(--paper); border: 5px solid var(--ink); box-shadow: 9px 9px 0 #100a06, inset 0 0 0 4px #b66b2f; padding: 24px 32px 22px; text-align: center; }
.introCard::before, .introCard::after { content: ""; position: absolute; width: 24px; height: 24px; border: 5px solid var(--ink); background: var(--gold); transform: rotate(45deg); }
.introCard::before { left: -14px; top: 42%; } .introCard::after { right: -14px; top: 42%; }
.titleRail { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 10px; color: #7d542c; font-size: 9px; letter-spacing: .16em; }
.titleRail span { height: 4px; background: var(--rust); box-shadow: 0 5px 0 var(--gold-dark); }
.introBadge { font-size: 40px; line-height: 1; margin: 12px 0 4px; filter: drop-shadow(3px 3px 0 #8d511f); }
.introKicker { color: var(--rust); font-weight: 900; font-size: 10px; letter-spacing: .28em; }
.introCard h1 { font-family: Impact, "Arial Black", sans-serif; font-size: clamp(46px, 9vw, 72px); line-height: .78; color: var(--ink); letter-spacing: .04em; text-shadow: 4px 4px 0 var(--gold); margin: 9px 0 14px; }
.introCard h1 em { color: var(--rust); font-style: normal; font-size: .76em; letter-spacing: .22em; padding-left: .22em; }
.lead { max-width: 500px; margin: 0 auto 13px; color: #4c321f; font-size: 12px; line-height: 1.5; }
.worldFacts { display: grid; grid-template-columns: repeat(3,1fr); border: 3px solid var(--ink); margin: 13px 0; }
.worldFacts span { padding: 8px 5px; background: #edcf94; border-right: 2px solid var(--ink); }
.worldFacts span:last-child { border: 0; }
.worldFacts b, .worldFacts small { display: block; } .worldFacts b { color: var(--rust); font-size: 9px; } .worldFacts small { font-size: 8px; margin-top: 2px; }
.introMenu { display: grid; grid-template-columns: 1.2fr 1fr; gap: 10px; }
#startBtn, .introSecondary { min-height: 68px; display: grid; grid-template-columns: 35px 1fr; grid-template-rows: 1fr 1fr; align-items: center; text-align: left; text-decoration: none; border: 4px solid var(--ink); padding: 8px 10px; cursor: pointer; box-shadow: 4px 4px 0 var(--ink); }
#startBtn { background: var(--rust); color: white; } .introSecondary { background: var(--gold); color: var(--ink); }
#startBtn span, .introSecondary span { grid-row: 1/3; font-size: 23px; }
#startBtn b, .introSecondary b { align-self: end; font-size: 13px; letter-spacing: .04em; }
#startBtn small, .introSecondary small { align-self: start; font-size: 8px; opacity: .85; }
#startBtn:active, .introSecondary:active { transform: translate(3px,3px); box-shadow: 1px 1px 0 var(--ink); }
.guideDetails { margin: 14px 0 9px; border: 2px solid #a87a43; background: #f5dfae; text-align: left; }
.guideDetails summary { cursor: pointer; padding: 7px 9px; font-size: 9px; font-weight: 900; color: var(--rust); }
.controls { border-top: 1px dashed #a87a43; padding: 7px 9px; font-size: 9px; line-height: 1.55; color: #5c4028; }
.honest { font-size: 9px; color: #5c4028; background: #fff8e7; border: 2px dashed #b9763d; padding: 7px 9px; }

@media (max-width: 900px) {
  #topBar { top: 8px; } #compass { display: none; } #locationChip { min-width: 160px; }
  #legend { display: none; } #hud { width: 230px; }
}
@media (max-width: 640px) {
  #topBar { left: auto; right: 8px; transform: none; } #locationChip { display: none; } #helpBtn { padding: 5px 8px; }
  #hud { width: 190px; padding: 8px; font-size: 10px; } .hudTitle { font-size: 12px; }
  #mapWrap { right: 8px; bottom: 82px; transform: scale(.72); transform-origin: bottom right; }
  #hint { bottom: 84px; min-width: 0; width: calc(100vw - 24px); font-size: 10px; padding: 9px 28px 9px 11px; }
  #info { top: auto; bottom: 78px; right: 8px; left: 8px; width: auto; max-height: 58vh; transform: translateY(30px); }
  #info.show { transform: translateY(0); }
  #hotbar { bottom: var(--safe-b); width: calc(100vw - 12px); justify-content: center; gap: 2px; padding: 4px; }
  #hotbar button { width: 19%; max-width: 62px; height: 54px; } #hotbar button span { font-size: 19px; } #hotbar button b { font-size: 7px; }
  .introCard { padding: 18px 15px 15px; } .introCard h1 { font-size: 48px; } .worldFacts { grid-template-columns: 1fr; }
  .worldFacts span { border-right: 0; border-bottom: 1px solid var(--ink); padding: 5px; } .worldFacts span:last-child { border: 0; }
  .introMenu { grid-template-columns: 1fr; } #startBtn, .introSecondary { min-height: 58px; }
}
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: .001ms !important; transition-duration: .001ms !important; } }

/* Dossier-first UX: the town is a live MCP catalog, not an interior game. */
.iDossier { display: grid; grid-template-columns: repeat(3, 1fr); gap: 5px; margin: 9px 0; }
.iDossier div { background: #fff0c8; border: 2px solid var(--ink); box-shadow: 2px 2px 0 #9b672f; padding: 6px 5px; text-align: center; }
.iDossier b { display: block; color: var(--ink); font-size: 13px; line-height: 1.05; word-break: break-word; }
.iDossier span { display: block; color: #705034; font-size: 7px; text-transform: uppercase; letter-spacing: .05em; margin-top: 2px; }
.iActions { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 6px; margin: 10px 0 8px; }
.iActions button { border: 3px solid var(--ink); background: var(--gold); color: var(--ink); padding: 7px 6px; box-shadow: 2px 2px 0 var(--ink); cursor: pointer; font-weight: 900; font-size: 9px; }
.iActions button:hover { transform: translateY(-1px); }
.iActions button:active { transform: translate(2px,2px); box-shadow: none; }
#activityTape { position: fixed; z-index: 13; right: 12px; bottom: 92px; width: 286px; max-height: 38vh; overflow: auto; padding: 9px; font-size: 10px; }
.activityHead { margin-bottom: 7px; border-bottom: 2px solid rgba(91,53,24,.25); padding-bottom: 5px; }
.activityHead b { display: block; color: var(--ink); font-size: 12px; letter-spacing: .08em; }
.activityHead span { display: block; color: #765433; font-size: 8px; text-transform: uppercase; letter-spacing: .06em; }
.activityRow { display: grid; grid-template-columns: 58px 1fr; gap: 4px 7px; margin: 5px 0; padding: 5px; background: rgba(255,240,200,.74); border-left: 4px solid var(--gold); }
.activityRow i { grid-row: 1 / span 2; align-self: center; color: #fff7d9; background: var(--ink); padding: 3px 4px; font-size: 7px; font-style: normal; text-align: center; text-transform: uppercase; overflow: hidden; text-overflow: ellipsis; }
.activityRow b { color: var(--ink); font-size: 10px; overflow-wrap: anywhere; }
.activityRow span { color: #6b4a2c; font-size: 8px; overflow-wrap: anywhere; }
@media (max-width: 900px) { #activityTape { display: none; } .iActions { grid-template-columns: 1fr; } .iDossier { grid-template-columns: 1fr; } }

/* Mission dock + richer MCP Dossier. */
#missionDock { position: fixed; z-index: 14; left: 50%; top: 10px; transform: translateX(-50%); width: min(520px, calc(100vw - 460px)); min-width: 340px; padding: 9px 12px; text-align: center; }
#missionDock .mdKicker { color: #7a5327; font-size: 8px; font-weight: 900; letter-spacing: .16em; text-transform: uppercase; }
#missionDock .mdTitle { color: var(--ink); font-size: 12px; font-weight: 900; margin: 2px 0 7px; }
#missionDock .mdActions { display: flex; gap: 7px; justify-content: center; }
#missionDock button { border: 2px solid var(--ink); background: var(--gold); color: var(--ink); box-shadow: 2px 2px 0 var(--ink); cursor: pointer; font-size: 9px; font-weight: 900; padding: 5px 8px; }
#missionDock button:active { transform: translate(2px,2px); box-shadow: none; }
.iCriteria { display: grid; grid-template-columns: repeat(5, minmax(0,1fr)); gap: 4px; margin: 8px 0; }
.iCrit { border: 2px solid var(--ink); background: #fff0c8; padding: 4px 3px; text-align: center; box-shadow: 1px 1px 0 #9b672f; }
.iCrit.ok { border-color: #2f7b43; }
.iCrit.bad { border-color: #9a3b2f; background: #ffe2cf; }
.iCrit b { display: block; color: var(--ink); font-size: 9px; }
.iCrit span { display: block; color: #60442a; font-size: 7px; line-height: 1; min-height: 14px; }
.iCrit i { display: inline-block; margin-top: 3px; padding: 1px 4px; color: white; background: #2f7b43; font-size: 7px; font-style: normal; text-transform: uppercase; }
.iCrit.bad i { background: #9a3b2f; }
@media (max-width: 1180px) { #missionDock { display: none; } }
@media (max-width: 700px) { .iCriteria { grid-template-columns: repeat(2, minmax(0,1fr)); } }
.activityRow.self { opacity: .72; border-left-color: #8f7e66; }
.activityRow.self i { background: #6f6252; }
.iFailCodes { margin: 7px 0; padding: 6px; background: #ffe2cf; border: 2px solid #9a3b2f; box-shadow: 2px 2px 0 #9b672f; }
.iFailCodes b { display:block; color:#5a2119; font-size:9px; letter-spacing:.08em; }
.iFailCodes span { display:block; margin-top:3px; color:#5a2119; font-size:10px; overflow-wrap:anywhere; }

/* Rich MCP Dossier + in-town document popup. */
.iWhat { margin: 8px 0; padding: 8px; background: #fff7da; border: 2px solid var(--ink); box-shadow: 2px 2px 0 #9b672f; }
.iWhat b { display:block; color: var(--ink); font-size: 12px; margin-bottom: 4px; }
.iWhat p { margin: 0; color: #553a23; font-size: 10.5px; line-height: 1.35; }
.iCaps { display:flex; gap:4px; flex-wrap:wrap; margin: 7px 0; }
.iCaps span { border: 2px solid #5d3a20; background: #e4c77e; color: #2b1a0e; padding: 2px 6px; font-size: 8px; font-weight:900; text-transform:uppercase; }
.iStrength { margin: 7px 0; padding: 7px; background: #e7f2d0; border: 2px solid #2f7b43; box-shadow: 2px 2px 0 #9b672f; color:#284a29; font-size: 10px; line-height: 1.3; }
.iStrength b { font-size: 9px; text-transform: uppercase; letter-spacing: .08em; }
#docPopup { position: fixed; inset: 0; z-index: 160; display: none; align-items: center; justify-content: center; background: rgba(0,0,0,.68); backdrop-filter: blur(3px); }
#docPopup.show { display: flex; }
#docPopup .docCard { width: min(1040px, 94vw); height: min(760px, 88vh); background: #1c140c; border: 4px solid var(--ink); box-shadow: 8px 8px 0 rgba(0,0,0,.55); display:grid; grid-template-rows: auto 1fr; }
#docPopup .docHead { display:flex; align-items:center; justify-content:space-between; gap:10px; padding: 8px 10px; color:#ffe7aa; background:#332215; border-bottom:3px solid var(--ink); font-family: ui-monospace, Menlo, monospace; }
#docPopup .docHead b { font-size: 13px; letter-spacing: .06em; text-transform: uppercase; }
#docPopup .docHead button { border: 3px solid var(--ink); background: var(--rust); color: white; width: 30px; height: 28px; cursor:pointer; font-weight:900; }
#docPopup iframe { width: 100%; height: 100%; border: 0; background: white; }
@media (max-width: 700px) { #docPopup .docCard { width: 98vw; height: 88vh; } }
.iTools { margin: 7px 0; padding: 7px; background:#1f170f; border:2px solid #6b4a2c; box-shadow:2px 2px 0 #9b672f; }
.iTools b { display:block; color:#ffd86b; font-size:9px; text-transform:uppercase; letter-spacing:.08em; margin-bottom:5px; }
.iTools span { display:inline-block; margin:2px 3px 2px 0; padding:3px 6px; background:#46301a; color:#ffe2a4; border:1px solid #8c693b; font-size:8px; font-weight:900; }
.iDelivery { margin:7px 0; padding:7px; background:#e9e0c7; border:2px solid #665236; color:#3b2a17; box-shadow:2px 2px 0 #9b672f; font-size:10px; line-height:1.3; }
.iDelivery b { font-size:9px; text-transform:uppercase; letter-spacing:.08em; }
#docPopup .docCard { grid-template-rows: auto 1fr; }
#docPopup .docBody { overflow:auto; background:#140d08; color:#ffe7b6; padding:16px; }
.nativeReport h2 { margin:.1em 0 .2em; color:#ffd86b; font-size:24px; line-height:1.1; overflow-wrap:anywhere; }
.nativeReport h3 { margin:15px 0 6px; color:#ffe2a4; font-size:13px; text-transform:uppercase; letter-spacing:.08em; }
.nativeReport p { color:#d6c199; line-height:1.45; }
.nativeReport label { display:block; margin-top:10px; color:#ffd86b; font-size:10px; font-weight:900; text-transform:uppercase; }
.nativeReport input,.nativeReport textarea { width:100%; border:2px solid #6b4a2c; background:#0e0905; color:#ffe7b6; padding:9px; font:inherit; }
.docUrl { color:#8fb9d4!important; overflow-wrap:anywhere; font-size:12px; }
.docGrid { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin:12px 0; }
.docGrid div { background:#24170e; border:2px solid #6b4a2c; padding:10px; }
.docGrid b { display:block; color:#ffd86b; font-size:20px; }
.docGrid span { color:#b99b70; font-size:10px; text-transform:uppercase; }
.docCriteria { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:6px; }
.docCriteria i { display:block; padding:8px 5px; text-align:center; border:2px solid #2f7b43; background:#17301b; color:#dbffd8; font-style:normal; font-weight:900; }
.docCriteria i.bad { border-color:#9a3b2f; background:#35160f; color:#ffd1c6; }
.docCriteria small { display:block; color:inherit; opacity:.8; font-size:8px; text-transform:uppercase; }
.docActions { display:flex; flex-wrap:wrap; gap:8px; margin-top:14px; }
.docActions a,.docActions button { border:3px solid #111; background:#ffd86b; color:#211306; text-decoration:none; font-weight:900; padding:8px 10px; box-shadow:2px 2px 0 #000; cursor:pointer; }
.docFine { color:#a9916b!important; font-size:11px; }
.badgePreview { padding:18px; background:#fff; display:inline-block; border:3px solid #6b4a2c; }
.nativeReport pre { white-space:pre-wrap; overflow-wrap:anywhere; background:#0d0906; border:2px solid #6b4a2c; padding:10px; color:#ffe7b6; }
@media(max-width:700px){.docGrid,.docCriteria{grid-template-columns:1fr 1fr}}
.iToolList { margin: 8px 0; padding: 8px; background:#17110b; border:2px solid #6b4a2c; box-shadow:2px 2px 0 #9b672f; max-height:240px; overflow:auto; }
.iToolList>b { display:block; color:#ffd86b; font-size:10px; letter-spacing:.08em; text-transform:uppercase; margin-bottom:6px; }
.iToolList div { border-top:1px solid rgba(255,216,107,.18); padding:6px 0; }
.iToolList strong { display:block; color:#ffe7b6; font-size:10px; overflow-wrap:anywhere; }
.iToolList small { display:block; color:#b99b70; font-size:8px; }
.iToolList p { margin:3px 0 0; color:#d6c199; font-size:9px; line-height:1.28; }
.iToolList em { color:#b99b70; font-size:9px; }
.docToolList { display:grid; grid-template-columns:repeat(auto-fill,minmax(230px,1fr)); gap:8px; }
.docToolList div { background:#1e140c; border:2px solid #6b4a2c; padding:8px; }
.docToolList b { display:block; color:#ffd86b; overflow-wrap:anywhere; }
.docToolList small { display:block; color:#b99b70; font-size:10px; }
.docToolList p { margin:5px 0 0; font-size:11px; color:#d6c199; }

.iRepair{margin:8px 0;padding:8px;background:#2a1c10;border:2px solid #a46a28;box-shadow:2px 2px 0 #9b672f;color:#ffe7b6}.iRepair>b{display:block;color:#ffd86b;font-size:10px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}.iRepair div{border-top:1px solid rgba(255,216,107,.2);padding:6px 0}.iRepair strong{display:block;font-size:10px}.iRepair small{display:block;color:#b99b70;font-size:8px}.iRepair p{margin:3px 0 0;color:#d6c199;font-size:9px;line-height:1.28}

.repairBrief ol{margin:.5rem 0 1rem 1.2rem;color:#d6c199}.repairBrief li{margin:.35rem 0}.docRepairList{max-height:none}.repairBrief pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#0d0906;border:2px solid #6b4a2c;padding:10px;color:#ffe7b6}

.iTownState{margin:8px 0;padding:8px;background:#152416;border:2px solid #4f8f42;box-shadow:2px 2px 0 #183b1c;color:#dfffe0}.iTownState>b{display:block;color:#7fd1a0;font-size:10px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}.iTownState span{display:inline-block;margin:2px 3px 2px 0;padding:3px 6px;background:#213d22;border:1px solid #5ea45c;color:#dfffe0;font-size:8px;font-weight:900;text-transform:uppercase}.iTownState p{margin:5px 0 0;color:#cce8c8;font-size:9px;line-height:1.3}