/* menu QoL: spend readout, ammo warning, upgrade preview, league progress, tab keycaps, loading tiles, forms */
#spend{position:absolute;right:calc(18px + env(safe-area-inset-right,0px));top:calc(24px + env(safe-area-inset-top,0px));z-index:3;padding:1px 8px;font:12px var(--f-lcd);color:#ff5a3a;background:#0b170b;border:1px solid #2b3133;text-shadow:0 0 6px rgba(255,90,58,.6);pointer-events:none;animation:spend 1.6s ease-out forwards}
#spend.gain{color:#7dff5f;text-shadow:0 0 6px rgba(125,255,95,.6)}
@keyframes spend{0%{opacity:0;transform:translateY(-4px)}12%{opacity:1;transform:none}75%{opacity:1}100%{opacity:0}}
.ammoW{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.ammoW .lcdbox b{color:#ff5a3a;text-shadow:0 0 6px rgba(255,90,58,.6);font-size:14px}
.nxt{margin-top:2px;font-size:10px;color:#9fd79a}.nxt b{color:#6dff5a;font-weight:normal}
.mbtn.confirm{color:#fff;background:linear-gradient(180deg,#e2482d,#a8301c);text-shadow:0 1px 0 #000;animation:blink 1s steps(2) infinite}
.lgProg{position:relative;height:16px;margin:0 6px 12px;background:#0b170b;border:2px solid #2b3133;box-shadow:inset 0 0 8px #000}
.lgProg i{display:block;height:100%;background:repeating-linear-gradient(90deg,#3fc23a 0 10px,#2a8c24 10px 12px);box-shadow:0 0 6px rgba(63,194,58,.6)}
.lgProg span{position:absolute;inset:0;text-align:center;font:10px/12px var(--f-lcd);color:#e9ffe2;text-shadow:0 1px 1px #000}
.tab[data-key]::after{content:attr(data-key);display:inline-block;margin-left:6px;min-width:13px;padding:0 3px;border-radius:2px;background:rgba(0,0,0,.35);box-shadow:inset 0 1px 1px rgba(0,0,0,.5);color:inherit;opacity:.8;font:bold 9px Arial,sans-serif;text-shadow:none;vertical-align:1px}
.ldg{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:24px;font:10px var(--f-lcd);letter-spacing:2px;color:#5fae4c;background:#0b170b repeating-linear-gradient(0deg,rgba(134,242,106,.06) 0 1px,transparent 1px 3px);animation:blink 1.1s steps(2) infinite}
.pwRow{display:flex;gap:6px;align-items:stretch}.pwRow input{flex:1;min-width:0}
.pwBtn{font:700 11px 'Courier Prime','Courier New',monospace;letter-spacing:1px;padding:0 8px;border:1.5px solid #1c1d20;border-radius:0;cursor:pointer;color:#1c1d20;background:none}
.aTag{cursor:pointer}.aTag:hover{text-decoration:underline}
#tabs .tab[data-unread]:not([data-unread=""])::after{content:attr(data-unread);position:absolute;top:-4px;right:-4px;min-width:16px;height:16px;padding:0 4px;box-sizing:border-box;border-radius:8px;background:#e2482d;color:#fff;font:700 10px/16px var(--f-ui);text-align:center;box-shadow:0 0 6px rgba(226,72,45,.8)}
#tabs .tab{position:relative}
.r-leader{color:#ffd24a!important}.r-officer{color:#8fd0ff!important}.r-member{color:#e6ece6}.r-gone{color:#8a978a}
.mbtn.red{color:#fff;background:linear-gradient(180deg,#c8553f,#7e2a1d)}
td.ok{color:#6dff5a!important}td.bad{color:#ff7a5c!important}
/* upgrade level bars on the weapons page */
.lgProg.upProg{margin:6px 0 4px;height:14px}.lgProg.upProg span{font-size:9px;line-height:10px}