#dev { position: absolute; inset: 0; z-index: 36; display: flex; align-items: flex-end; justify-content: center; padding: 20px 12px 12px; }
#dev .bg { position: absolute; inset: 0; background: rgba(3,2,12,.78); }
#dev .box { position: relative; width: 100%; max-height: 82vh; overflow-y: auto; scrollbar-width: none; padding: 12px 14px 14px; animation: secIn 140ms steps(3) both; }
#dev .box::-webkit-scrollbar { display: none; }
#dev h3 { font-size: 24px; line-height: 1.2; color: var(--gold); }
#dev .lbl { color: var(--muted); margin: 10px 0 4px; }
#dev .row { margin-top: 4px; }
#dev .row.foot { margin-top: 14px; }
#dev .chips .dim { padding: 6px 0 6px 4px; }
#dev .board { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; margin: 4px 0 8px; }
#dev .board .sel { text-align: center; }
#dev input[type=number] { -moz-appearance: textfield; }
#dev input[type=number]::-webkit-inner-spin-button, #dev input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; }