.out-end-card{
  display:none;
  grid-template-columns:78px minmax(0,1fr);
  gap:13px;
  align-items:center;
  margin:10px 0 8px;
  padding:10px 12px;
  border:1px solid rgba(105,221,255,.22);
  border:1px solid color-mix(in srgb,var(--end-color,#69ddff) 42%,rgba(255,255,255,.10));
  border-radius:16px;
  background:linear-gradient(135deg,rgba(8,19,35,.82),rgba(15,10,29,.86));
  box-shadow:inset 0 1px rgba(255,255,255,.07),0 0 28px rgba(105,221,255,.08);
  box-shadow:inset 0 1px rgba(255,255,255,.07),0 0 28px color-mix(in srgb,var(--end-color,#69ddff) 10%,transparent);
  text-align:left;
}
body.out-result-v8 .out-end-card:not([hidden]){display:grid}
.out-end-card[hidden]{display:none!important}
.out-end-character{
  width:78px;height:78px;object-fit:cover;border-radius:14px;
  border:2px solid rgba(105,221,255,.52);
  border:2px solid color-mix(in srgb,var(--end-color,#69ddff) 68%,white 10%);
  box-shadow:0 0 22px rgba(105,221,255,.16);
  box-shadow:0 0 22px color-mix(in srgb,var(--end-color,#69ddff) 22%,transparent);
}
.out-end-copy{min-width:0}
.out-end-name{display:block;font-size:7px;letter-spacing:.18em;font-weight:900;color:#8fdfff;margin-bottom:4px}
.out-end-copy blockquote{margin:0;color:#fff;font-size:clamp(14px,1.55vw,21px);font-weight:900;line-height:1.3;letter-spacing:.01em}
.out-end-copy cite{display:block;margin-top:4px;color:#91a8c4;font-style:normal;font-size:8px;font-weight:750}
.out-end-copy p{margin:6px 0 0!important;color:#8ff4c7!important;font-size:9px!important;font-weight:900!important;letter-spacing:.08em}

@media(max-width:760px){
  body.out-result-v8 .out-end-card{grid-template-columns:58px minmax(0,1fr);gap:9px;margin:7px 0 6px;padding:8px 9px;border-radius:13px}
  body.out-result-v8 .out-end-character{width:58px;height:58px;border-radius:11px}
  body.out-result-v8 .out-end-name{font-size:6px;margin-bottom:3px}
  body.out-result-v8 .out-end-copy blockquote{font-size:12px;line-height:1.26}
  body.out-result-v8 .out-end-copy cite{font-size:6.5px;margin-top:3px}
  body.out-result-v8 .out-end-copy p{font-size:7.5px!important;margin-top:4px!important}
}

@media(max-height:700px) and (max-width:760px){
  body.out-result-v8 .out-end-card{grid-template-columns:48px minmax(0,1fr);padding:6px 8px;margin:5px 0}
  body.out-result-v8 .out-end-character{width:48px;height:48px}
  body.out-result-v8 .out-end-copy blockquote{font-size:10.5px}
  body.out-result-v8 .out-end-copy p{display:none}
}