/* v173: the four actual reward cards, and original full illustrations. */
#v127-home-bulletin .v127-bulletin-copy { width:51%; }
#v127-home-bulletin .v127-bulletin-art { left:45%; }
.v173-bulletin-art.has-four-cards .v171-bulletin-card {
  aspect-ratio: .718; height:83%; top:7%; border-radius:7px;
  box-shadow:0 10px 20px #0009,0 0 18px rgba(var(--v127-slide-accent-rgb),.17);
}
.v173-bulletin-art.has-four-cards .v171-bulletin-card:nth-child(1) { left:16%; top:9%; z-index:1; transform:rotate(-11deg); }
.v173-bulletin-art.has-four-cards .v171-bulletin-card:nth-child(2) { left:34%; top:5%; z-index:2; transform:rotate(-4deg); }
.v173-bulletin-art.has-four-cards .v171-bulletin-card:nth-child(3) { left:52%; top:5%; z-index:3; transform:rotate(4deg); }
.v173-bulletin-art.has-four-cards .v171-bulletin-card:nth-child(4) { left:70%; top:9%; z-index:4; transform:rotate(11deg); }
.v173-bulletin-art.has-four-cards .v171-bulletin-art-label { left:14%; right:8%; bottom:3%; font-size:8px; padding:4px 8px; }
.v173-bulletin-art.has-character-portrait { overflow:hidden; }
.v173-bulletin-art.has-character-portrait::before {
  inset:0; border-radius:0; opacity:.18; filter:blur(2px) saturate(.8);
  background-image:linear-gradient(90deg,#111018aa,transparent 60%),var(--v173-portrait-source);
  background-size:cover; background-position:50% 30%;
  mask-image:linear-gradient(90deg,transparent 0%,#000 30% 90%,transparent 100%);
}
.v173-bulletin-art.has-character-portrait::after {
  inset:0; z-index:3;
  background:linear-gradient(90deg,#090b0ff0,transparent 45% 90%,#05080c66),linear-gradient(0deg,#090b0f99,transparent 30%);
}
.v173-bulletin-portrait {
  position:absolute; z-index:2; top:-26%; right:8%; height:255%; aspect-ratio:3/5;
  display:block; overflow:hidden;
  mask-image:linear-gradient(90deg,transparent 0%,#000 16% 90%,transparent 100%);
}
.v173-bulletin-portrait img { width:100%; height:100%; display:block; object-fit:contain; }
.v173-bulletin-art.has-character-portrait .v171-bulletin-art-label { left:auto; right:8%; bottom:4%; width:auto; max-width:65%; padding:5px 10px; font-size:9px; letter-spacing:.12em; background:#0b1016dd; }
.v127-bulletin-slide[data-v127-notice="imperial-ranked-battles"]::before {
  background:repeating-linear-gradient(130deg,transparent 0 48px,#e6be6210 49px 50px),radial-gradient(circle at 72% 45%,transparent 0 52px,#e6be6226 53px 54px,transparent 55px 75px,#e6be6218 76px 77px,transparent 78px);
}
.v127-bulletin-slide[data-v127-notice="shocker-beta"]::before { background:radial-gradient(ellipse at 76% 45%,#d0ebd318,transparent 50%),repeating-linear-gradient(120deg,transparent 0 60px,#76c9c311 61px 62px); }
.v171-bulletin-modal-art.v173-bulletin-art { height:178px; }
.v171-bulletin-modal-art.v173-bulletin-art.has-four-cards .v171-bulletin-card { height:86%; width:auto; top:7%; }
.v171-bulletin-modal-art.v173-bulletin-art.has-four-cards .v171-bulletin-card:nth-child(1) { left:calc(50% - 205px); transform:rotate(-8deg); }
.v171-bulletin-modal-art.v173-bulletin-art.has-four-cards .v171-bulletin-card:nth-child(2) { left:calc(50% - 104px); transform:rotate(-3deg); }
.v171-bulletin-modal-art.v173-bulletin-art.has-four-cards .v171-bulletin-card:nth-child(3) { left:calc(50% - 3px); transform:rotate(3deg); }
.v171-bulletin-modal-art.v173-bulletin-art.has-four-cards .v171-bulletin-card:nth-child(4) { left:calc(50% + 98px); transform:rotate(8deg); }
.v171-bulletin-modal-art.v173-bulletin-art.has-character-portrait .v173-bulletin-portrait { height:250%; right:calc(50% - 148px); top:-24%; }
@media(max-width:700px) {
  #v127-home-bulletin .v127-bulletin-copy { width:52%; padding-left:34px; padding-right:3px; }
  #v127-home-bulletin .v127-bulletin-art { left:50%; }
  #v127-home-bulletin .v127-bulletin-title { font-size:clamp(16px,4.2vw,23px); }
  #v127-home-bulletin .v127-bulletin-summary { font-size:8px; -webkit-line-clamp:2; }
  .v173-bulletin-art.has-four-cards .v171-bulletin-card { height:44%; top:4%; border-radius:4px; box-shadow:0 4px 10px #000a; }
  .v173-bulletin-art.has-four-cards .v171-bulletin-card:nth-child(1) { left:19%; top:4%; transform:rotate(-5deg); }
  .v173-bulletin-art.has-four-cards .v171-bulletin-card:nth-child(2) { left:55%; top:4%; transform:rotate(5deg); }
  .v173-bulletin-art.has-four-cards .v171-bulletin-card:nth-child(3) { left:19%; top:51%; transform:rotate(-5deg); }
  .v173-bulletin-art.has-four-cards .v171-bulletin-card:nth-child(4) { left:55%; top:51%; transform:rotate(5deg); }
  .v173-bulletin-portrait { height:205%; top:-13%; right:5%; }
  .v173-bulletin-art.has-character-portrait::before { opacity:.13; }
  .v171-bulletin-modal-art.v173-bulletin-art { height:150px; }
  .v171-bulletin-modal-art.v173-bulletin-art.has-four-cards .v171-bulletin-card { height:83%; top:8%; }
  .v171-bulletin-modal-art.v173-bulletin-art.has-four-cards .v171-bulletin-card:nth-child(1) { left:calc(50% - 146px); transform:rotate(-8deg); }
  .v171-bulletin-modal-art.v173-bulletin-art.has-four-cards .v171-bulletin-card:nth-child(2) { left:calc(50% - 73px); transform:rotate(-3deg); }
  .v171-bulletin-modal-art.v173-bulletin-art.has-four-cards .v171-bulletin-card:nth-child(3) { left:calc(50%); transform:rotate(3deg); }
  .v171-bulletin-modal-art.v173-bulletin-art.has-four-cards .v171-bulletin-card:nth-child(4) { left:calc(50% + 73px); transform:rotate(8deg); }
}
@media(max-height:560px) and (min-width:560px) {
  #v127-home-bulletin .v127-bulletin-copy { width:51%; }
  #v127-home-bulletin .v127-bulletin-art { left:45%; }
  .v173-bulletin-art.has-four-cards .v171-bulletin-card { height:82%; top:7%; }
  .v173-bulletin-art.has-four-cards .v171-bulletin-card:nth-child(1) { left:21%; top:10%; transform:rotate(-10deg); }
  .v173-bulletin-art.has-four-cards .v171-bulletin-card:nth-child(2) { left:39%; top:5%; transform:rotate(-3deg); }
  .v173-bulletin-art.has-four-cards .v171-bulletin-card:nth-child(3) { left:57%; top:5%; transform:rotate(3deg); }
  .v173-bulletin-art.has-four-cards .v171-bulletin-card:nth-child(4) { left:75%; top:10%; transform:rotate(10deg); }
}