/* Pokémon Black DS screens, part A: the PC, the Pokédex (and its entry), the Mart (ds-a.js).
 * Every size is in DS pixels × --k; the font only changes the letters (--fz), never a box's size. */

:root.bw .ds.dsa > * { position: absolute; }
:root.bw .ds.dsa { image-rendering: pixelated; background-size: 100% 100%; }
:root.bw .ds.dsa :is(button, select, input) { margin: 0; border: 0 !important; border-image: none !important; box-shadow: none !important; min-height: 0 !important; border-radius: 0 !important; outline: none; font-family: var(--bwfont) !important; letter-spacing: 0; }
:root.bw .ds.dsa :is(span, b, i, small, div, p, h4) { font-style: normal; }
:root.bw .ds .dsa-wait { left: 0; right: 0; top: calc(var(--k) * 80); text-align: center; font-size: calc(var(--k) * 12 * var(--fz, 1)) !important; line-height: calc(var(--k) * 16) !important; color: #f8f8f8; text-shadow: var(--k) var(--k) 0 #000; }

/* ---------- « » arrows (the PC's box, the Pokédex's region, the Mart's shelf) ---------- */
:root.bw .ds .dsa-pg { width: calc(var(--k) * 16); height: calc(var(--k) * 16); padding: 0 !important; background: none !important; color: #f8f8f8 !important; font: 400 calc(var(--k) * 16) / 1 var(--bwfont) !important; text-shadow: var(--k) var(--k) 0 #000 !important; cursor: pointer; }
:root.bw .ds .dsa-pg:is(:hover, :focus-visible) { background: rgba(255, 255, 255, .14) !important; }

/* ---------- the PC ---------- */
:root.bw .ds.dsa-pc .dsa-pg { top: calc(var(--k) * 3); width: calc(var(--k) * 19); height: calc(var(--k) * 23); color: transparent !important; text-shadow: none !important; }
:root.bw .ds.dsa-pc .dsa-pg.dsa-prev { left: calc(var(--k) * 2); } :root.bw .ds.dsa-pc .dsa-pg.dsa-next { left: calc(var(--k) * 137); }
:root.bw .ds.dsa-pc .dsa-pg:is(:hover, :focus-visible) { background: rgba(255, 255, 255, .18) !important; }
:root.bw .ds .dsa-boxname { left: calc(var(--k) * 22); top: calc(var(--k) * 3); width: calc(var(--k) * 114); height: calc(var(--k) * 23); display: grid; place-items: center; color: #282828; font-size: calc(var(--k) * 13 * var(--fz, 1)) !important; line-height: calc(var(--k) * 14) !important; text-shadow: var(--k) 0 0 #c8f8f8, 0 var(--k) 0 #c8f8f8, var(--k) var(--k) 0 #c8f8f8; pointer-events: none; white-space: nowrap; }
:root.bw .ds .dsa-cells { left: 0; top: 0; width: 0; height: 0; overflow: visible; }
:root.bw .ds .dsa-cell { position: absolute; width: calc(var(--k) * 25); height: calc(var(--k) * 25); padding: 0 !important; background: none !important; overflow: visible; cursor: pointer; }
:root.bw .ds .dsa-cell:is(.on, :hover, :focus-visible) { background: rgba(255, 255, 255, .22) !important; z-index: 2; }
:root.bw .ds .dsa-cell > * { position: absolute; pointer-events: none; }
:root.bw .ds .dsa-pic { left: calc(var(--k) * -8); top: calc(var(--k) * -6); width: 40px; height: 30px; transform-origin: 0 0; image-rendering: pixelated; }
:root.bw .ds .dsa-cell .dsa-egg { left: calc(var(--k) * -12); top: calc(var(--k) * -19); width: calc(var(--k) * 48); height: calc(var(--k) * 48); image-rendering: pixelated; }
/* Black's red hand, pointing at the one you're on. */
:root.bw .ds .dsa-cell:is(.on, :hover, :focus-visible)::after { content: ""; position: absolute; left: calc(var(--k) * 15); top: calc(var(--k) * -7); width: calc(var(--k) * 13); height: calc(var(--k) * 13); background: var(--hand) 0 0 / 100% 100% no-repeat; image-rendering: pixelated; }
:root.bw .ds .dsa-cell:not(.on):not(:focus-visible):hover::after { opacity: .6; }
:root.bw .ds .dsa-dot { left: calc(var(--k) * 1); bottom: calc(var(--k) * 1); width: calc(var(--k) * 4); height: calc(var(--k) * 4); background: #f8f8f8; box-shadow: 0 0 0 var(--k) #305030; }
:root.bw .ds .dsa-star { left: calc(var(--k) * 1); top: 0; color: #f8d030; font-size: calc(var(--k) * 8) !important; line-height: calc(var(--k) * 8) !important; text-shadow: var(--k) var(--k) 0 #305030; }
:root.bw .ds .dsa-star.sh { color: #f8f8f8; }
:root.bw .ds .dsa-g { right: var(--k); bottom: var(--k); min-width: calc(var(--k) * 5); height: calc(var(--k) * 6); padding: 0 !important; opacity: .9; display: grid; place-items: center; font-size: calc(var(--k) * 6) !important; line-height: calc(var(--k) * 6) !important; color: #f8f8f8; background: #484848; box-shadow: 0 0 0 var(--k) #181818; text-shadow: none; }
:root.bw .ds :is(.dsa-g, .dsa-grade).g-S { background: #f2c94c; color: #2a1d00; } :root.bw .ds :is(.dsa-g, .dsa-grade).g-A { background: #36a361; }
:root.bw .ds :is(.dsa-g, .dsa-grade).g-B { background: #3b82c4; } :root.bw .ds :is(.dsa-g, .dsa-grade).g-C { background: #8a5cc6; }
:root.bw .ds :is(.dsa-g, .dsa-grade).g-D { background: #6b6b6b; } :root.bw .ds :is(.dsa-g, .dsa-grade).g-E { background: #303030; color: #d0d0d0; }
:root.bw .ds .dsa-none { left: calc(var(--k) * 4); top: calc(var(--k) * 90); width: calc(var(--k) * 150); text-align: center; color: #305030; font-size: calc(var(--k) * 11 * var(--fz, 1)) !important; line-height: calc(var(--k) * 14) !important; text-shadow: var(--k) var(--k) 0 #b8e8b0; }
:root.bw .ds .dsa-count { left: calc(var(--k) * 164); top: calc(var(--k) * 4); width: calc(var(--k) * 86); height: calc(var(--k) * 12); color: #183840; font-size: calc(var(--k) * 10 * var(--fz, 1)) !important; line-height: calc(var(--k) * 12) !important; text-shadow: var(--k) var(--k) 0 #b0f8f8; white-space: nowrap; overflow: hidden; }
/* The details on the right: the sprite on its stage, then three rows. */
:root.bw .ds .dsa-pcinfo { left: calc(var(--k) * 160); top: calc(var(--k) * 23); width: calc(var(--k) * 92); height: calc(var(--k) * 103); color: #404048; }
:root.bw .ds .dsa-pcinfo > * { position: absolute; left: 0; right: 0; }
:root.bw .ds .dsa-pcstage { top: 0; height: calc(var(--k) * 66); display: flex; align-items: flex-end; justify-content: center; overflow: hidden; }
:root.bw .ds .dsa-spr { image-rendering: pixelated; flex: none; }
:root.bw .ds .dsa-r { height: calc(var(--k) * 11); display: flex; align-items: center; gap: calc(var(--k) * 2); padding: 0 calc(var(--k) * 3); white-space: nowrap; overflow: hidden; font-size: calc(var(--k) * 10 * var(--fz, 1)) !important; line-height: calc(var(--k) * 11) !important; text-shadow: var(--k) 0 0 #c8c8d2, 0 var(--k) 0 #c8c8d2; }
:root.bw .ds .dsa-r.r1 { top: calc(var(--k) * 66); } :root.bw .ds .dsa-r.r2 { top: calc(var(--k) * 78); } :root.bw .ds .dsa-r.r3 { top: calc(var(--k) * 90); }
:root.bw .ds .dsa-r b { overflow: hidden; text-overflow: clip; min-width: 0; }
:root.bw .ds .dsa-r.egg { white-space: normal; height: calc(var(--k) * 24); align-items: flex-start; font-size: calc(var(--k) * 8) !important; line-height: calc(var(--k) * 8) !important; }
:root.bw .ds .dsa-r img { width: calc(var(--k) * 10); height: calc(var(--k) * 10); object-fit: contain; image-rendering: pixelated; flex: none; }
:root.bw .ds .dsa-r .faint { color: #888890; }
:root.bw .ds .dsa-sex { flex: none; text-shadow: none; } :root.bw .ds .dsa-sex.m { color: #2850e0; } :root.bw .ds .dsa-sex.f { color: #e03848; }
:root.bw .ds .dsa-lv { margin-left: auto; flex: none; }
:root.bw .ds .dsa-type { flex: none; height: calc(var(--k) * 9); padding: 0 calc(var(--k) * 2); display: grid; place-items: center; background: var(--tc); color: #f8f8f8; box-shadow: inset 0 0 0 var(--k) rgba(0, 0, 0, .45); font-size: calc(var(--k) * 7) !important; line-height: calc(var(--k) * 9) !important; text-shadow: var(--k) var(--k) 0 rgba(0, 0, 0, .45); }
:root.bw .ds .dsa-grade { margin-left: auto; flex: none; min-width: calc(var(--k) * 9); height: calc(var(--k) * 9); display: grid; place-items: center; color: #f8f8f8; font-size: calc(var(--k) * 8) !important; line-height: calc(var(--k) * 9) !important; box-shadow: 0 0 0 var(--k) #303030; text-shadow: none; }
:root.bw .ds .dsa-mk { flex: none; font-size: calc(var(--k) * 8) !important; text-shadow: none; }
:root.bw .ds .dsa-r .dsa-mk:first-of-type { margin-left: auto; }
:root.bw .ds .dsa-mk.sh { color: #c89000; } :root.bw .ds .dsa-mk.fv { color: #e0a000; }
:root.bw .ds .dsa-mk.pt { padding: 0 var(--k); background: #2878e0; color: #f8f8f8; font-size: calc(var(--k) * 6) !important; line-height: calc(var(--k) * 8) !important; }
/* Filters: all / shinies / favourites, the type, the sort, find by name. */
:root.bw .ds .dsa-filt { left: calc(var(--k) * 158); top: calc(var(--k) * 130); width: calc(var(--k) * 96); height: calc(var(--k) * 12); display: grid; grid-template-columns: repeat(3, 1fr); gap: calc(var(--k) * 2); }
:root.bw .worldwin.game .ds.dsa :is(.dsa-filt button, .dsa-sel, .dsa-find, .dsa-tabs button, .dsa-bulk button, .dsa-qty button) { height: 100%; padding: 0 calc(var(--k) * 2) !important; background: #383850 !important; box-shadow: inset 0 0 0 var(--k) #18182a !important; color: #f8f8f8 !important; font-size: calc(var(--k) * 9 * var(--fz, 1)) !important; line-height: 1 !important; text-shadow: var(--k) var(--k) 0 #18182a !important; cursor: pointer; }
:root.bw .worldwin.game .ds.dsa :is(.dsa-filt button, .dsa-tabs button, .dsa-bulk button)[aria-pressed="true"] { background: #085888 !important; box-shadow: inset 0 0 0 var(--k) #58b8e0 !important; }
:root.bw .worldwin.game .ds.dsa :is(.dsa-filt button, .dsa-sel, .dsa-find, .dsa-tabs button, .dsa-bulk button, .dsa-qty button):is(:hover, :focus-visible) { box-shadow: inset 0 0 0 var(--k) #f8f8f8 !important; }
:root.bw .worldwin.game .ds.dsa select.dsa-sel { top: calc(var(--k) * 143); width: calc(var(--k) * 47); height: calc(var(--k) * 11) !important; appearance: none; -webkit-appearance: none; text-overflow: ellipsis; }
:root.bw .ds .dsa-sel.dsa-st { left: calc(var(--k) * 158); } :root.bw .ds .dsa-sel.dsa-ss { left: calc(var(--k) * 207); }
:root.bw .ds .dsa-find { left: calc(var(--k) * 158); top: calc(var(--k) * 155); width: calc(var(--k) * 96); height: calc(var(--k) * 11) !important; background: #f8f8f8 !important; color: #404048 !important; text-shadow: none !important; box-shadow: inset 0 0 0 var(--k) #606068 !important; cursor: text !important; }
:root.bw .ds .dsa-find::placeholder { color: #9090a0; }
:root.bw .ds.dsa select option { font-size: 14px; }
/* PARTY PKMN, and the Pokédex's RANKINGS, in the bar: Black's slanted pill. */
:root.bw .ds .dsa-party { left: calc(var(--k) * 2); top: calc(var(--k) * 170); width: calc(var(--k) * 80); height: calc(var(--k) * 20); padding: 0 calc(var(--k) * 4) 0 0 !important; background: var(--pill) 0 0 / 100% 100% no-repeat !important; image-rendering: pixelated; color: #f8f8f8 !important; font-size: calc(var(--k) * 11 * var(--fz, 1)) !important; line-height: calc(var(--k) * 20) !important; text-shadow: var(--k) var(--k) 0 #000 !important; cursor: pointer; white-space: nowrap; }
:root.bw .ds .dsa-party small { font-size: calc(var(--k) * 8 * var(--fz, 1)) !important; vertical-align: calc(var(--k) * -1); }
:root.bw .ds .dsa-party:is(:hover, :focus-visible) { filter: brightness(1.35); }

/* ---------- the Pokédex ---------- */
:root.bw .ds .dsa-title { left: calc(var(--k) * 12); top: calc(var(--k) * 1); height: calc(var(--k) * 12); width: calc(var(--k) * 166); color: #d8d8d8; font-size: calc(var(--k) * 12 * var(--fz, 1)) !important; line-height: calc(var(--k) * 12) !important; text-shadow: var(--k) var(--k) 0 #808080; white-space: nowrap; overflow: hidden; }
:root.bw .ds .dsa-counts { left: calc(var(--k) * 10); top: calc(var(--k) * 17); width: calc(var(--k) * 236); height: calc(var(--k) * 13); display: flex; align-items: center; justify-content: space-between; color: #383838; font-size: calc(var(--k) * 10 * var(--fz, 1)) !important; line-height: calc(var(--k) * 13) !important; text-shadow: var(--k) var(--k) 0 #a0a0a0; white-space: nowrap; }
:root.bw .ds .dsa-counts span { display: flex; align-items: center; gap: calc(var(--k) * 2); }
:root.bw .ds .dsa-counts b { margin-left: calc(var(--k) * 4); }
:root.bw .ds .dsa-counts small { color: #686868; font-size: calc(var(--k) * 8) !important; }
:root.bw .ds .dsa-dinfo { left: 0; top: calc(var(--k) * 40); width: calc(var(--k) * 96); height: calc(var(--k) * 102); pointer-events: none; }
:root.bw .ds .dsa-dstage { position: absolute; inset: 0; display: flex; align-items: flex-end; justify-content: center; padding-bottom: calc(var(--k) * 4); }
:root.bw .ds .dsa-shadow { display: flex; filter: brightness(0) opacity(.55); }
:root.bw .ds .dsa-ainfo { left: calc(var(--k) * 6); top: calc(var(--k) * 146); width: calc(var(--k) * 84); height: calc(var(--k) * 15); padding: 0 !important; background: linear-gradient(90deg, transparent calc(var(--k) * 2), #90e818 calc(var(--k) * 2), #90e818 calc(var(--k) * 10), transparent calc(var(--k) * 10), transparent calc(var(--k) * 74), #90e818 calc(var(--k) * 74), #90e818 calc(var(--k) * 82), transparent calc(var(--k) * 82)) 0 50% / 100% var(--k) no-repeat !important; color: #90e818 !important; font-size: calc(var(--k) * 11 * var(--fz, 1)) !important; line-height: calc(var(--k) * 15) !important; text-shadow: var(--k) var(--k) 0 #305810 !important; cursor: pointer; }
:root.bw .ds .dsa-ainfo i { display: inline-grid; place-items: center; width: calc(var(--k) * 11); height: calc(var(--k) * 11); border-radius: 50%; box-shadow: inset 0 0 0 var(--k) #90e818; font-size: calc(var(--k) * 8) !important; line-height: 1 !important; vertical-align: calc(var(--k) * -1); }
:root.bw .ds .dsa-ainfo:is(:hover, :focus-visible) { color: #f8f8f8 !important; }
:root.bw .ds .dsa-dlist { left: calc(var(--k) * 96); top: calc(var(--k) * 34); width: calc(var(--k) * 160); height: calc(var(--k) * 132); overflow-y: auto; overflow-x: hidden; display: grid; align-content: start; gap: calc(var(--k) * 2); padding: calc(var(--k) * 2) 0; scrollbar-width: thin; scrollbar-color: #90e818 #282828; }
:root.bw .ds .dsa-dlist::-webkit-scrollbar { width: calc(var(--k) * 4); }
:root.bw .ds .dsa-dlist::-webkit-scrollbar-track { background: #282828; }
:root.bw .ds .dsa-dlist::-webkit-scrollbar-thumb { background: #90e818; box-shadow: inset 0 0 0 var(--k) #387808; }
:root.bw .ds .dsa-drow { position: relative; flex: none; width: calc(var(--k) * 156); height: calc(var(--k) * 22); padding: 0 !important; background: var(--row) 0 0 / 100% 100% no-repeat !important; image-rendering: pixelated; color: #d8d8d8 !important; text-shadow: var(--k) var(--k) 0 #808080 !important; cursor: pointer; text-align: left; overflow: visible; }
:root.bw .ds .dsa-drow:is(.on, :hover, :focus-visible) { background-image: var(--rowon) !important; color: #d0f878 !important; text-shadow: var(--k) var(--k) 0 #68a838 !important; }
:root.bw .ds .dsa-drow > * { position: absolute; pointer-events: none; }
:root.bw .ds .dsa-dpic { left: calc(var(--k) * -3); top: calc(var(--k) * -6); width: 40px; height: 30px; transform-origin: 0 0; image-rendering: pixelated; }
:root.bw .ds .dsa-drow.dsa-no .dsa-dpic { filter: brightness(0) opacity(.45); }
:root.bw .ds .dsa-ball { left: calc(var(--k) * 39); top: calc(var(--k) * 6); width: calc(var(--k) * 9); height: calc(var(--k) * 9); background: var(--ball) 0 0 / 100% 100% no-repeat; image-rendering: pixelated; }
:root.bw .ds .dsa-ball.own { background-image: var(--ballon); }
:root.bw .ds .dsa-num { left: calc(var(--k) * 51); top: calc(var(--k) * 4); font-size: calc(var(--k) * 12 * var(--fz, 1)) !important; line-height: calc(var(--k) * 14) !important; }
:root.bw .ds .dsa-dn { left: calc(var(--k) * 77); top: calc(var(--k) * 4); width: calc(var(--k) * 72); font-size: calc(var(--k) * 12 * var(--fz, 1)) !important; line-height: calc(var(--k) * 14) !important; white-space: nowrap; overflow: hidden; }
:root.bw .ds .dsa-drow.dsa-no:not(.on, :hover, :focus-visible) .dsa-dn { color: #a0a0a0; }
:root.bw .ds.dsa-dex .dsa-pg { top: calc(var(--k) * 172); }
:root.bw .ds.dsa-dex .dsa-pg.dsa-prev { left: calc(var(--k) * 96); } :root.bw .ds.dsa-dex .dsa-pg.dsa-next { left: calc(var(--k) * 184); }
:root.bw .worldwin.game .ds.dsa select.dsa-region { left: calc(var(--k) * 112); top: calc(var(--k) * 172); width: calc(var(--k) * 72); height: calc(var(--k) * 16); padding: 0 !important; appearance: none; -webkit-appearance: none; background: none !important; color: #f8f8f8 !important; text-align: center; text-align-last: center; font-size: calc(var(--k) * 10 * var(--fz, 1)) !important; line-height: calc(var(--k) * 16) !important; text-shadow: var(--k) var(--k) 0 #000 !important; cursor: pointer; text-overflow: ellipsis; white-space: nowrap; }
:root.bw .worldwin.game .ds.dsa select.dsa-region:is(:hover, :focus-visible) { background: rgba(255, 255, 255, .12) !important; }
:root.bw .ds .dsa-region option { background: #26262c; color: #f8f8f8; text-shadow: none; }
/* The rankings page. */
:root.bw .ds .dsa-tabs { left: calc(var(--k) * 8); top: calc(var(--k) * 18); width: calc(var(--k) * 240); height: calc(var(--k) * 12); display: grid; grid-template-columns: repeat(4, 1fr); gap: calc(var(--k) * 3); }
:root.bw .worldwin.game .ds.dsa .dsa-tabs button[aria-pressed="true"] { background: #305810 !important; box-shadow: inset 0 0 0 var(--k) #90e818 !important; color: #d0f878 !important; }
:root.bw .ds .dsa-cols { left: calc(var(--k) * 4); top: calc(var(--k) * 38); width: calc(var(--k) * 248); height: calc(var(--k) * 126); display: grid; gap: calc(var(--k) * 4); }
:root.bw .ds .dsa-cols.n3 { grid-template-columns: repeat(3, 1fr); } :root.bw .ds .dsa-cols.n2 { grid-template-columns: repeat(2, 1fr); }
:root.bw .ds .dsa-col { min-width: 0; overflow-y: auto; scrollbar-width: none; display: grid; align-content: start; gap: var(--k); }
:root.bw .ds .dsa-col h4 { margin: 0; height: calc(var(--k) * 13); padding: 0 calc(var(--k) * 4); background: #181818; box-shadow: inset 0 calc(var(--k) * -1) 0 #90e818; color: #d0f878; font-size: calc(var(--k) * 9 * var(--fz, 1)) !important; line-height: calc(var(--k) * 13) !important; text-shadow: var(--k) var(--k) 0 #305810; white-space: nowrap; overflow: hidden; }
:root.bw .ds .dsa-lb { height: calc(var(--k) * 12); display: flex; align-items: center; gap: calc(var(--k) * 3); padding: 0 calc(var(--k) * 3); background: #181818; color: #d8d8d8; font-size: calc(var(--k) * 9 * var(--fz, 1)) !important; line-height: calc(var(--k) * 12) !important; text-shadow: var(--k) var(--k) 0 #606060; white-space: nowrap; }
:root.bw .ds .dsa-lb i { width: calc(var(--k) * 9); flex: none; color: #90e818; }
:root.bw .ds .dsa-lb span { flex: 1; min-width: 0; overflow: hidden; }
:root.bw .ds .dsa-lb.me { background: #305810; color: #d0f878; }
:root.bw .ds .dsa-lb.none { color: #909090; }
/* An entry, on its own screen over everything. */
.dsa-veil .dsa-veilwrap { position: relative; }
:root.bw .ds.dsa-entry { position: relative; font-family: var(--bwfont); color: #f8f8f8; box-shadow: 0 0 0 var(--k) #000, 0 0 0 calc(var(--k) * 2) #5a5a64, 0 0 0 calc(var(--k) * 3) #000; }
:root.bw .ds.dsa-entry .dsa-counts .dsa-type { font-size: calc(var(--k) * 8) !important; height: calc(var(--k) * 10); line-height: calc(var(--k) * 10) !important; padding: 0 calc(var(--k) * 3); margin-right: calc(var(--k) * 2); }
:root.bw .ds .dsa-etext { left: calc(var(--k) * 100); top: calc(var(--k) * 40); width: calc(var(--k) * 150); height: calc(var(--k) * 120); padding: calc(var(--k) * 4) calc(var(--k) * 6); box-sizing: border-box; overflow-y: auto; background: #f8f8f8; box-shadow: inset 0 0 0 var(--k) #606068, inset 0 0 0 calc(var(--k) * 2) #e0e0e8; color: #505050; font-size: calc(var(--k) * 10 * var(--fz, 1)) !important; line-height: calc(var(--k) * 13) !important; text-shadow: var(--k) 0 0 #c8c8d0, 0 var(--k) 0 #c8c8d0; scrollbar-width: thin; }
:root.bw .ds .dsa-etext p { margin: 0 0 calc(var(--k) * 6); font-size: inherit !important; line-height: inherit !important; }
:root.bw .ds .dsa-etext b { color: #2050b0; font-size: inherit !important; }

/* ---------- the Mart ---------- */
:root.bw .ds .dsa-mcard { left: 0; top: 0; width: 0; height: 0; overflow: visible; }
:root.bw .ds .dsa-mcard > * { position: absolute; }
:root.bw .ds .dsa-money { left: calc(var(--k) * 9); top: calc(var(--k) * 8); width: calc(var(--k) * 108); height: calc(var(--k) * 12); display: flex; justify-content: space-between; align-items: center; color: #505050; font-size: calc(var(--k) * 10 * var(--fz, 1)) !important; line-height: calc(var(--k) * 12) !important; text-shadow: var(--k) 0 0 #c8c8d0, 0 var(--k) 0 #c8c8d0; white-space: nowrap; }
:root.bw .ds .dsa-money b { font-size: inherit !important; }
:root.bw .ds .dsa-mn { left: calc(var(--k) * 8); top: calc(var(--k) * 24); width: calc(var(--k) * 110); height: calc(var(--k) * 12); text-align: center; font-size: calc(var(--k) * 12 * var(--fz, 1)) !important; line-height: calc(var(--k) * 12) !important; text-shadow: var(--k) var(--k) 0 #0c3c80; white-space: nowrap; overflow: hidden; }
:root.bw .ds .dsa-mic { left: calc(var(--k) * 9); top: calc(var(--k) * 36); width: calc(var(--k) * 24); height: calc(var(--k) * 20); display: grid; place-items: center; overflow: visible; }
:root.bw .ds .dsa-mic img { image-rendering: pixelated; }
:root.bw .ds .dsa-mic .dnaicon { width: calc(var(--k) * 14); height: calc(var(--k) * 14); }
:root.bw .ds .dsa-mp { left: calc(var(--k) * 38); top: calc(var(--k) * 38); width: calc(var(--k) * 80); font-size: calc(var(--k) * 11 * var(--fz, 1)) !important; line-height: calc(var(--k) * 8) !important; text-shadow: var(--k) var(--k) 0 #0c3c80; white-space: nowrap; }
:root.bw .ds .dsa-mh { left: calc(var(--k) * 38); top: calc(var(--k) * 47); width: calc(var(--k) * 80); color: #b8e0f8; font-size: calc(var(--k) * 9 * var(--fz, 1)) !important; line-height: calc(var(--k) * 8) !important; text-shadow: var(--k) var(--k) 0 #0c3c80; white-space: nowrap; }
:root.bw .ds .dsa-md { left: calc(var(--k) * 8); top: calc(var(--k) * 59); width: calc(var(--k) * 110); height: calc(var(--k) * 57); overflow-y: auto; scrollbar-width: none; font-size: calc(var(--k) * 9 * var(--fz, 1)) !important; line-height: calc(var(--k) * 11) !important; text-shadow: var(--k) var(--k) 0 #041c40; }
:root.bw .ds .dsa-md b { font-size: inherit !important; }
:root.bw .ds .dsa-left { color: #90f0a0; } :root.bw .ds .dsa-out { color: #ff8070; }
:root.bw .ds .dsa-restock { display: block; margin-top: calc(var(--k) * 2); color: #98c8f0; }
:root.bw .ds .dsa-bulk { left: calc(var(--k) * 9); top: calc(var(--k) * 122); width: calc(var(--k) * 50); height: calc(var(--k) * 12); display: grid; grid-template-columns: 1fr 1fr; gap: calc(var(--k) * 2); }
:root.bw .ds .dsa-qty { left: calc(var(--k) * 62); top: calc(var(--k) * 122); width: calc(var(--k) * 55); height: calc(var(--k) * 12); display: grid; grid-template-columns: calc(var(--k) * 13) 1fr calc(var(--k) * 13); align-items: center; gap: var(--k); }
:root.bw .worldwin.game .ds.dsa .dsa-qty button { font-size: calc(var(--k) * 11) !important; padding: 0 !important; }
:root.bw .ds .dsa-qty span { text-align: center; font-size: calc(var(--k) * 11 * var(--fz, 1)) !important; line-height: calc(var(--k) * 12) !important; text-shadow: var(--k) var(--k) 0 #041c40; }
:root.bw .ds .dsa-buy { left: calc(var(--k) * 9); top: calc(var(--k) * 138); width: calc(var(--k) * 108); height: calc(var(--k) * 19); padding: 0 !important; background: #383850 !important; box-shadow: inset 0 0 0 var(--k) #18182a, inset 0 calc(var(--k) * 2) 0 #50506c !important; color: #f8f8f8 !important; font-size: calc(var(--k) * 11 * var(--fz, 1)) !important; line-height: 1 !important; text-shadow: var(--k) var(--k) 0 #18182a !important; cursor: pointer; white-space: nowrap; }
:root.bw .ds .dsa-buy:is(:hover, :focus-visible) { background: #085888 !important; box-shadow: inset 0 0 0 var(--k) #58b8e0 !important; }
:root.bw .ds .dsa-buy:disabled { color: #8888a0 !important; cursor: default; }
:root.bw .ds .dsa-owned { left: calc(var(--k) * 9); top: calc(var(--k) * 138); width: calc(var(--k) * 108); height: calc(var(--k) * 19); display: grid; place-items: center; color: #90f0a0; font-size: calc(var(--k) * 11 * var(--fz, 1)) !important; text-shadow: var(--k) var(--k) 0 #041c40; }
:root.bw .ds.dsa-mart .dsa-mlist { left: calc(var(--k) * 126); top: calc(var(--k) * 4); }
:root.bw .ds .dsa-mrow span { overflow: hidden; white-space: nowrap; min-width: 0; font-size: inherit !important; }
:root.bw .ds .dsa-mrow small { flex: none; margin-left: calc(var(--k) * 3); }
:root.bw .ds .dsa-mrow.out small { color: #ff8070 !important; }
:root.bw .ds.dsa-mart .dsa-pg { top: calc(var(--k) * 171); }
:root.bw .ds.dsa-mart .dsa-pg.dsa-prev { left: calc(var(--k) * 6); } :root.bw .ds.dsa-mart .dsa-pg.dsa-next { left: calc(var(--k) * 166); }
:root.bw .worldwin.game .ds.dsa select.dsa-shelf { left: calc(var(--k) * 24); top: calc(var(--k) * 171); width: calc(var(--k) * 140); height: calc(var(--k) * 16); padding: 0 !important; appearance: none; -webkit-appearance: none; background: none !important; color: #f8f8f8 !important; text-align: center; text-align-last: center; font-size: calc(var(--k) * 10 * var(--fz, 1)) !important; line-height: calc(var(--k) * 16) !important; text-shadow: var(--k) var(--k) 0 #000 !important; cursor: pointer; text-overflow: ellipsis; }
:root.bw .worldwin.game .ds.dsa select.dsa-shelf:is(:hover, :focus-visible) { background: rgba(255, 255, 255, .12) !important; }
:root.bw .ds .dsa-shelf option { background: #26262c; color: #f8f8f8; text-shadow: none; }

/* The cells and rows bring their own cursor (the red hand, the lit row): no orange frame on them. */
:root.bw .worldwin.game .ds.dsa :is(.dsa-cell, .dsa-drow, .dsa-mrow):focus-visible { outline: 0 !important; animation: none; }
/* Small print in these screens keeps its DS size (bw.css sets every <small> in a window to one fixed size). */
:root.bw .worldwin.game .ds.dsa .dsa-mrow small { font-size: calc(var(--k) * 9 * var(--fz, 1)) !important; line-height: 1 !important; }
:root.bw .worldwin.game .ds.dsa .dsa-counts small { font-size: calc(var(--k) * 8 * var(--fz, 1)) !important; }
:root.bw .worldwin.game .ds.dsa .dsa-party small { font-size: calc(var(--k) * 8 * var(--fz, 1)) !important; }