/* "Code einlösen" (ui/codes.js, ESC menu) */
#codes .win-body { padding: 5px 6px; }
.cd-intro { font-size: 7px; line-height: 8px; margin-bottom: 5px; }
.cd-form { display: flex; flex-direction: column; gap: 4px; }
#ui input.cd-input { width: 100%; height: 14px; font-size: 9px; text-align: center; letter-spacing: 1px; text-transform: uppercase; }
#ui input.cd-input::placeholder { color: var(--dim); letter-spacing: 0; text-transform: none; }
.cd-btns { width: 100%; }
.cd-result { margin-top: 5px; padding: 3px 4px; font-size: 8px; line-height: 9px; background: #120e0b; box-shadow: inset 0 0 0 1px #33281d; }
.cd-result.ok { box-shadow: inset 0 0 0 1px var(--bronze); }
.cd-result.err { box-shadow: inset 0 0 0 1px rgba(226, 70, 58, .45); }
.cd-name { margin-bottom: 2px; overflow-wrap: anywhere; }
.cd-row { display: flex; align-items: center; gap: 4px; min-height: 18px; }
.cd-txt { flex: 1; min-width: 0; overflow-wrap: anywhere; }
/* 16 px icon box like the item slots; EXP and Ausdauer as small gauges in the colours of their HUD bars */
.cd-ic { position: relative; flex: none; width: 16px; height: 16px; background: #0f0c0a; box-shadow: inset 0 0 0 1px #3a2e22; overflow: hidden; }
.cd-ic img { display: block; width: 16px; height: 16px; object-fit: contain; image-rendering: pixelated; }
.cd-ic > i { position: absolute; left: 2px; right: 2px; bottom: 2px; height: 3px; }
.cd-exp > i { background: linear-gradient(#ffe8a0 0 1px, #f2c45a 1px, #b8862e); }
.cd-exp > b { position: absolute; left: 0; right: 0; top: 2px; font-weight: normal; font-size: 6px; line-height: 7px; text-align: center; color: #ffe8a0; }
/* Ausdauer: a small, two-thirds full gauge with a cap, in the yellow of the gauge under the AUTO button */
.cd-st > i { left: 4px; right: 4px; top: 4px; bottom: 2px; height: auto; box-shadow: 0 0 0 1px #6e5a2e;
  background: linear-gradient(#0d0907 0 3px, #f4dc78 3px 4px, #c89a2c 4px); }
.cd-st::before { content: ''; position: absolute; left: 6px; right: 6px; top: 2px; height: 1px; background: #6e5a2e; }
.cd-sec { margin: 7px 0 2px; }
.cd-hist { max-height: 64px; overflow-y: auto; overflow-x: hidden; }
.cd-none { font-size: 7px; line-height: 8px; padding: 2px 0; }
.cd-hrow { display: flex; align-items: center; gap: 4px; min-height: 12px; padding: 1px 0; font-size: 7px; line-height: 8px; border-top: 1px solid #241c15; }
.cd-hrow:first-child { border-top: 0; }
.cd-hname { flex: 1; min-width: 0; display: flex; flex-direction: column; overflow-wrap: anywhere; }
.cd-date { flex: none; }