#debug { box-sizing: border-box; inset: 70px 18px auto auto; width: min(560px, calc(100vw - 36px)); max-height: calc(100dvh - 95px); overflow-y: auto; z-index: 100; background: #111b20f7; padding: 18px; pointer-events: auto; scrollbar-color: #61746c #182321; }
#debug > .eyebrow { margin-top: 20px; }
#debug-tools header { display: flex; justify-content: space-between; align-items: center; gap: 12px; color: #eab859; }
#debug-tools fieldset { border: 1px solid #52615e; margin: 14px 0; padding: 12px; min-width: 0; }
#debug-tools legend { color: #b9cbb8; font-size: 12px; letter-spacing: .12em; }
#debug-tools label { display: flex; flex-direction: column; gap: 5px; color: #c2ccc8; font-size: 12px; min-width: 0; }
#debug-tools input, #debug-tools select { width: 100%; box-sizing: border-box; min-width: 0; padding: 8px; color: #edf2ea; background: #26312f; border: 1px solid #53645d; }
#debug-tools label:has(input[type=checkbox]) { flex-direction:row;align-items:center;margin:12px 0; }
#debug-tools input[type=checkbox] { width:16px;height:16px;margin:0;appearance:auto; }
.debug-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.debug-actions { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 12px; }
#debug-tools button { font-size: 11px; padding: 8px 10px; min-height: 34px; }
#debug-tools p, #debug-tools small { font-size: 12px; line-height: 1.5; color: #a8b6ae; }
#debug-content pre { white-space: pre-wrap; }
#stamina { position: absolute; left: 50%; bottom: 43px; transform: translateX(-50%) skewX(-7deg); width: 190px; color: #b2caa4; pointer-events: none; }
#stamina span { font-size: 9px; letter-spacing: .2em; }
#stamina > div { margin-top: 5px; height: 4px; background: #0d181ac9; }
#stamina i { display: block; height: 100%; background: #b2caa4; transform-origin: left; transition: transform .1s linear; }
#stamina.exhausted i { background: #e5a450; }
body.aiming #crosshair { opacity: 0; }

/* Zakładki menu debugu (debug-tools.js). */
.debug-tabs { display: grid; grid-template-columns: repeat(4, 1fr); gap: 4px; margin: 12px 0 4px; }
#debug-tools .debug-tabs button { min-height: 32px; padding: 6px 4px; font-size: 10px; letter-spacing: .08em; text-align: center; }
#debug-tools .debug-tabs button.active { border-color: #eab859; color: #fff1d0; background: #3a3020; box-shadow: none; }
.debug-tab[hidden] { display: none; }
.debug-tab fieldset legend { font-weight: 700; }
#debug-tools .debug-actions button { flex: 1 1 auto; }
#debug-tools fieldset:disabled { opacity: .55; }
.debug-tab[data-panel=diagnostics] h3 { margin-top: 14px; }
#debug > .eyebrow { display: none; }