/* PIANO ARMY · admin mode's panel (web/army-admin.css). Lionel, 10-18: "for testing in admin mode, i should be able to
   adjust the computrs army comp during the game. their cards can remain autopicked with smart scoring", then "admin
   should just be a toggle button in the setup page": the menu's Admin mode (off by default, remembered), and in the
   round a panel at the field's top right, on the Horde's side: the Horde pianist's ten slots in its race's units, the
   next one ringed, a click the next kind (army-core.js setHordeSlot); against the waves, a word that they have no
   squad. */
.hadmin { position: absolute; top: 10px; right: 12px; z-index: 4; display: grid; grid-template-columns: repeat(5, auto); gap: 3px; align-items: center; padding: 6px 8px 7px; border-radius: 12px; background: rgba(28, 12, 14, .88); border: 1px dashed #e0483b; }
.hadmin[hidden] { display: none; }
.hadmin .head { grid-column: 1 / -1; display: flex; align-items: center; gap: 6px; font: 700 12px/1 "Barlow Condensed", Barlow, sans-serif; letter-spacing: .5px; text-transform: uppercase; color: #f0b4ac; margin-bottom: 2px; }
.hadmin .head em { font-style: normal; padding: 2px 6px; border-radius: 999px; background: #e0483b; color: #fff; font-size: 10px; }
.hadmin i { display: block; width: 32px; height: 34px; border-radius: 7px; background: rgba(255, 255, 255, .06); cursor: pointer; opacity: .8; }
.hadmin i img { width: 100%; height: 100%; object-fit: contain; }
.hadmin i:hover { outline: 1px solid #f0b4ac; opacity: 1; }
.hadmin i.now { opacity: 1; background: rgba(224, 72, 59, .25); box-shadow: 0 0 0 2px #e0483b; }
.hadmin .none { grid-column: 1 / -1; font-size: 12px; color: var(--dim); max-width: 170px; }
/* portrait: the Horde's side is the top; two columns of five in the ground right of the lane, clear of its towers
   and their labels */
#stage[data-orient="portrait"] .hadmin { top: 6px; right: 4px; padding: 4px; gap: 2px; grid-template-columns: repeat(2, auto); }
#stage[data-orient="portrait"] .hadmin i { width: 26px; height: 28px; }
#stage[data-orient="portrait"] .hadmin .head { flex-direction: column; gap: 2px; font-size: 10px; }
#stage[data-orient="portrait"] .hadmin .none { max-width: 54px; font-size: 10px; }
/* the menu: the eco choice under Admin mode, while it is on */
.opts .admin-row[hidden] { display: none; }
/* the panel's Smart cards switch, under the slots */
.hadmin .smart { grid-column: 1 / -1; display: flex; align-items: center; gap: 4px; margin-top: 3px; font: 600 11px/1 "Barlow Condensed", Barlow, sans-serif; letter-spacing: .3px; color: #f0b4ac; cursor: pointer; }
.hadmin .smart input { margin: 0; }
#stage[data-orient="portrait"] .hadmin .smart { font-size: 10px; }
