/* duel-end.css: the Duel Arena's result, the words and their timing (26 Oct 2026; owner: the result). Loaded after duel-hud.css, whose
   result rules it adjusts, so the HUD's own file stays the HUD's. */

/* (26 Oct 2026, swarm: 2 of 3 captures 2 sec after the kill showed only Victory, the stats and buttons still to come) the card lands 1.8
   sec after the kill (duel_scene.js, the death fall); its lines now follow in 0.45 sec, not 1.15 */
.dl-end-h span{animation-delay:.05s}
.dl-end-say{animation-delay:.12s;animation-duration:.3s}
.dl-end-why{animation-delay:.16s;animation-duration:.3s}
.dl-end-vs{animation-delay:.2s;animation-duration:.3s}
.dl-end-st{animation-delay:.24s;animation-duration:.3s}
.dl-end-acts{animation-delay:.28s;animation-duration:.3s}
.dl-end-fig.dl-end-dim img{animation-delay:.05s,.4s}

/* a healer's Healed beside Time, Dealt and Taken */
.dl-end-st.dl-end-st4{grid-template-columns:repeat(4,1fr)}

/* the keys, for a keyboard player: quiet, under the buttons */
.dl-end-keys{margin:2px 0 0;font-size:12px;line-height:1.5;color:#9a907e}
.dl-end-keys kbd{display:inline-block;min-width:18px;padding:1px 5px;font:600 11px/1.4 'Open Sans',sans-serif;color:#e9e3d6;border-radius:3px;box-shadow:0 0 0 1px rgba(201,162,74,.55)}
/* a saved picture says where it went */
.dl-end-shared{margin:0;font-size:13px;line-height:1.45;color:#cfc6b4}

/* (26 Oct 2026, swarm and QA round 10: on 360 x 740 and 375 x 667 the buttons sat under the fold) a short phone upright gives the
   stills less height, so the whole card fits */
@media (max-width:700px) and (orientation:portrait) and (max-height:760px){
  .dl-end-figs{height:clamp(150px,27svh,220px)}
  .dl-end-in{margin-top:-18px;padding-bottom:calc(10px + env(safe-area-inset-bottom,0px))}
  .dl-end-h{font-size:40px}.dl-end-say{margin:6px 0 8px}.dl-end-why{margin:-4px 0 8px}.dl-end-vs{margin-bottom:8px}
  .dl-end-st{padding:7px 0;margin-bottom:8px}.dl-end-st dd{font-size:19px;margin-top:5px}
  .dl-end-rate{margin-bottom:8px}.dl-end-note{font-size:13px}
  .dl-ui .dl-end-main{min-height:48px;font-size:17px}.dl-end-acts{gap:6px}
}
@media (max-width:700px) and (orientation:portrait) and (max-height:680px){
  .dl-end-figs{height:clamp(130px,23svh,180px)}.dl-end-h{font-size:34px}.dl-end-p small{font-size:11px}
}
/* (26 Oct 2026, swarm: on its side the card dropped each side's spec and how much health it had left) both come back, small, under the name */
@media (orientation:landscape) and (max-height:400px){
  .dl-end-vs small{display:block}.dl-end-p em{display:block;font-size:11px;margin-top:1px}
}

/* (28 Oct 2026, impact round, the phone playtest: on a phone on its side the foe's staff crossed Change fighter, and a winner's loser stood
   cut by the right edge, rog_041) each still stays inside its own column, beside the card, never over its buttons or past the screen */
@media (orientation:landscape) and (max-height:500px){
  .dl-end-fig img{left:0;width:100%}
  .dl-end-fig::after{left:18%;right:18%}
}

/* the dummy's end: its note clear of the button under it */
.dl-end-dummy .dl-end-note{margin:0 auto 14px}

/* (duel_help.js) the phone menu's Controls row, as Leave beside it */
.dl-ui .dl-menu-pop .dl-ctl{min-height:44px;padding:0 14px;font-size:12px}

@media (prefers-reduced-motion:reduce){.dl-end-keys,.dl-end-shared{animation:none}}