/* The Daily Five — merge.css (Merge Battle styles; loads after games.css) */

/* Barracks grid */
.mb-barracks{
  display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:12px 0 4px;
}
.mb-tile{
  position:relative;aspect-ratio:1/1;border-radius:14px;padding:2px;
  border:2px dashed #D7DEEA;background:#F6F8FC;color:#B9C4D8;
  font:inherit;font-size:1.05rem;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;
  touch-action:none;
}
.mb-tile.filled{
  border:2px solid #B9C4D8;background:#EAF6F6;color:var(--ink);cursor:grab;
}
.mb-tile.filled:active{cursor:grabbing}
.mb-tile .t-emoji{font-size:1.65rem;line-height:1.05;pointer-events:none}
.mb-tile .t-level{font-weight:900;font-size:.78rem;color:var(--teal-dark);line-height:1.1;pointer-events:none}
.mb-tile .t-stats{font-size:.56rem;font-weight:800;color:var(--muted);line-height:1.15;text-align:center;pointer-events:none}
.mb-tile.selected{border-color:var(--sun);box-shadow:0 0 0 3px rgba(255,197,61,.55)}
.mb-tile.drop-ok{border-color:var(--good);background:#E4F7EE}
.mb-tile.drop-bad{border-color:var(--bad);background:#FDECEA}

/* Drag ghost that follows the pointer */
.mb-drag-ghost{
  position:fixed;z-index:60;width:62px;height:62px;margin:-31px 0 0 -31px;
  border-radius:14px;background:#EAF6F6;border:2px solid var(--teal);
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  pointer-events:none;box-shadow:0 10px 24px rgba(34,48,74,.25);opacity:.95;
  font-size:1.5rem;line-height:1.05;
}
.mb-drag-ghost .t-level{font-weight:900;font-size:.72rem;color:var(--teal-dark)}

/* Recruit / Battle buttons */
.mb-actions{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0 2px}
.mb-actions .btn{flex:1 1 170px}
.mb-actions .btn.battle-btn{background:var(--violet)}
.mb-actions .btn.battle-btn:hover:not(:disabled){background:#574BDB}

/* Battle canvas */
canvas.mb-canvas{background:#DFF1F7}

/* Victory bonus cards */
.mb-bonus{display:none;gap:10px;flex-wrap:wrap;margin-top:12px}
.mb-bonus.show{display:flex}
.mb-bonus .bonus-card{
  flex:1 1 150px;font:inherit;font-weight:800;cursor:pointer;color:var(--ink);
  border:2px solid var(--sun);background:#FFF3D6;border-radius:14px;padding:14px 12px;
  transition:background .12s ease,transform .06s ease;
}
.mb-bonus .bonus-card:hover{background:#FFE9B0}
.mb-bonus .bonus-card:active{transform:scale(.98)}
.mb-bonus .bonus-card .b-emoji{font-size:1.5rem;display:block;margin-bottom:4px}
.mb-bonus .bonus-card .b-sub{display:block;font-size:.8rem;font-weight:700;color:var(--muted);margin-top:2px}
.mb-bonus-title{width:100%;font-weight:900;margin-top:12px}
.mb-bonus-title + .mb-bonus{margin-top:8px}