/* STOT Drills page CSS v5.96 */
.picker-btn{
  grid-column:1/-1;width:100%;height:39px;border-radius:10px;border:1px solid #3b445d;background:#0d1119;color:#fff;
  display:flex;align-items:center;justify-content:space-between;padding:0 11px;font-size:11.5px;font-weight:950;text-align:left
}
.picker-btn:after{content:"⌄";color:#8590a5;font-size:16px;margin-top:-3px}
.setup-pack{display:grid;grid-template-columns:1fr;gap:6px}
.compact-row{
  display:grid;
  grid-template-columns:minmax(88px,1fr) 92px;
  gap:6px;
  align-items:center;
  padding:7px;
  border:1px solid #30384c;
  border-radius:11px;
  background:#121722;
}
.compact-row.two-col{grid-template-columns:minmax(0,1fr) 92px}
.compact-label{min-width:0}
.compact-label strong{display:block;font-size:11px;line-height:1.05}
.compact-label small{display:block;margin-top:3px;color:var(--muted);font-size:7.8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.compact-input{height:32px;font-size:14px;padding:0 8px}
.compact-presets{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:4px;
}
.compact-time{grid-template-columns:repeat(5,minmax(0,1fr))}
.compact-presets .chip{min-height:25px;font-size:9.5px}
.dynamic{display:none}.dynamic.show{display:grid}
.picker-backdrop{position:fixed;inset:0;background:rgba(5,7,12,.84);backdrop-filter:blur(6px);z-index:50;display:flex;align-items:flex-end;justify-content:center;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,visibility .18s ease}
.picker-backdrop.show{opacity:1;visibility:visible;pointer-events:auto}
.picker{width:min(620px,100%);max-height:82vh;background:#111722;border:1px solid #3a435a;border-radius:22px 22px 0 0;box-shadow:0 -20px 70px rgba(0,0,0,.5);overflow:hidden;display:flex;flex-direction:column;transform:translateY(18px);transition:transform .2s cubic-bezier(.2,.8,.2,1)}
.picker-backdrop.show .picker{transform:translateY(0)}
.picker-top{padding:10px;border-bottom:1px solid #2c3445}
.grab{width:38px;height:4px;border-radius:10px;background:#3f485d;margin:0 auto 10px}
.picker-row{display:flex;align-items:center;gap:8px}.picker-row strong{font-size:13px}
.close{margin-left:auto;width:31px;height:31px;border:1px solid #3a4359;background:#171d2a;color:white;border-radius:10px;font-weight:900}
.picker-search{margin-top:9px;text-align:left;padding:0 11px;font-size:11px}
.picker-list{overflow:auto;padding:7px;overscroll-behavior:contain}
.pick-item{width:100%;border:1px solid transparent;background:transparent;color:white;border-radius:11px;padding:8px;display:flex;align-items:center;gap:8px;text-align:left}
.pick-item:hover,.pick-item.selected{background:#171e2c;border-color:#4b456a}
.pick-mark{width:31px;height:31px;border:1px solid #364158;background:#0e141e;border-radius:9px;display:grid;place-items:center;font-size:8px;font-weight:1000;color:#c8b6ff}
.pick-copy{min-width:0;flex:1}.pick-copy strong{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pick-copy small{display:block;font-size:8px;color:#8995a9;margin-top:3px}
.pick-rate{font-size:10px;color:var(--cyan);font-weight:950}

/* v5.96 — keep all drill/pet artwork; hide only the three redundant text-symbol boxes. */
#drillsView .field:has(#tierButtons)>.field-head>.icon,
#drillsView .field:has(#areaButtons)>.field-head>.icon,
#drillsView .setup-pack>.field-head>.icon{display:none!important}
#drillsView .field:has(#tierButtons)>.field-head,
#drillsView .field:has(#areaButtons)>.field-head,
#drillsView .setup-pack>.field-head{gap:0!important}
#drillsView .field:has(#tierButtons)>.field-head .labels,
#drillsView .field:has(#areaButtons)>.field-head .labels,
#drillsView .setup-pack>.field-head .labels{width:100%;min-width:0}
#drillsView .setup-pack>.field-head{padding:1px 0 2px!important}

@media(min-width:700px){.picker{border-radius:22px;max-height:75vh;margin:20px}.picker-backdrop{align-items:center}}