/* Warchest item links, item cards and the item picker (Crossroads and the site admin console). */
.q0 { color: #9d9d9d !important; } .q1 { color: #f2f0ea !important; } .q2 { color: #1eff00 !important; } .q3 { color: #4a9eff !important; }
.q4 { color: #c069ff !important; } .q5 { color: #ff8000 !important; } .q6 { color: #e6cc80 !important; } .q7 { color: #00ccff !important; }
.wi-link { display: inline; background: none; border: 0; padding: 0 1px; margin: 0; font: inherit; font-weight: 600; cursor: pointer; text-decoration: none; border-radius: 4px; line-height: inherit; }
.wi-link img { width: 1.05em; height: 1.05em; vertical-align: -0.17em; margin-right: 3px; border-radius: 3px; border: 1px solid rgba(255,255,255,.18); }
.wi-link:hover, .wi-link:focus-visible { background: rgba(255,255,255,.07); outline: none; text-decoration: underline; text-underline-offset: 3px; }
.wi-link.unk { font-style: italic; }

.wi-card { position: fixed; z-index: 10000; background: rgba(8,10,20,.97); border: 1px solid #3c4458; border-radius: 10px; box-shadow: 0 0 0 1px #000, 0 18px 50px rgba(0,0,0,.6);
  font: 400 13.5px/1.45 "Instrument Sans", system-ui, sans-serif; color: #f2f0ea; padding: 12px 14px; }
.wi-card[hidden] { display: none; }
.wi-card-in { display: flex; gap: 12px; align-items: flex-start; }
.wi-ic { width: 40px; height: 40px; flex: none; border-radius: 6px; border: 1px solid #5b6478; }
.wi-lines { flex: 1; min-width: 0; }
.wi-row { display: flex; justify-content: space-between; gap: 12px; }
.wi-row .r { flex: none; text-align: right; }
.wi-row.title { font-size: 15.5px; font-weight: 700; margin-bottom: 2px; }
.wi-row.misc { color: #ffd100; }
.wi-row.flavor { color: #ffd100; font-style: italic; }
.wi-row.sell { color: #cfcfcf; margin-top: 2px; }
.wi-coins span { margin-left: 4px; font-weight: 600; }
.wi-coins span::after { content: ""; display: inline-block; width: 9px; height: 9px; border-radius: 50%; margin-left: 2px; vertical-align: 0; }
.wi-g { color: #ffd700; } .wi-g::after { background: #d4a72c; }
.wi-s { color: #e2e2e2; } .wi-s::after { background: #b8b8b8; }
.wi-c { color: #e09a5c; } .wi-c::after { background: #b0642e; }
.wi-acts { display: flex; gap: 14px; justify-content: flex-end; margin-top: 10px; padding-top: 8px; border-top: 1px solid #262c3a; font-size: 13px; }
.wi-acts a, .wi-acts button { color: #e2b45a; background: none; border: 0; padding: 0; font: 600 13px "Instrument Sans", system-ui, sans-serif; cursor: pointer; text-decoration: none; }
.wi-acts a:hover, .wi-acts button:hover { text-decoration: underline; }

.wi-pick { position: fixed; z-index: 10001; background: #121419; border: 1px solid #343842; border-radius: 12px; box-shadow: 0 18px 50px rgba(0,0,0,.55); padding: 6px; max-height: 360px; overflow-y: auto; font-family: "Instrument Sans", system-ui, sans-serif; }
.wi-opt { display: flex; align-items: center; gap: 10px; padding: 7px 8px; border-radius: 8px; cursor: pointer; }
.wi-opt.on, .wi-opt:hover { background: #1f232c; }
.wi-opt img, .wi-noic { width: 28px; height: 28px; flex: none; border-radius: 5px; border: 1px solid #3c4458; background: #1b1e25; }
.wi-opt span { display: flex; flex-direction: column; min-width: 0; }
.wi-opt b { font-size: 14px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.wi-opt em { font-style: normal; font-size: 12px; color: #8e919a; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.wi-hint { font-size: 11.5px; color: #6f727b; padding: 6px 8px 2px; border-top: 1px solid #1f232c; margin-top: 4px; }
@media (hover: none) { .wi-hint { display: none; } }
.wi-card.wi-static { position: static; z-index: auto; max-width: 340px; }
.wi-acts:empty { display: none; }