/* v1.6.17 HARUNA NEWS — right-side NIGHT LOGIN GACHA campaign overlay.
   The underlying approved poster remains untouched so the FD3S Challenge panel at left is exactly the existing asset. */
.harunaNewsPosterFrame .newsNightCampaignV1617{
  position:absolute;left:48.82%;top:14.55%;width:48.18%;height:68.92%;z-index:3;
  box-sizing:border-box;overflow:hidden;border-radius:1.1%;
  border:1px solid rgba(255,205,48,.82);
  background:
    radial-gradient(circle at 20% 14%,rgba(255,194,42,.28),transparent 25%),
    radial-gradient(circle at 86% 88%,rgba(255,61,35,.23),transparent 30%),
    linear-gradient(145deg,rgba(9,8,5,.985),rgba(21,14,3,.985) 48%,rgba(5,7,10,.99));
  box-shadow:inset 0 0 34px rgba(255,191,36,.09),0 0 22px rgba(255,184,25,.08);
  color:#fff;font-family:"Yu Gothic UI","Noto Sans JP",sans-serif;
  pointer-events:none;
}
.newsNightCampaignV1617:before{
  content:'';position:absolute;inset:0;opacity:.34;
  background:
    repeating-linear-gradient(118deg,transparent 0 46px,rgba(255,255,255,.025) 47px 48px),
    linear-gradient(90deg,transparent 0 62%,rgba(255,202,49,.05) 62% 63%,transparent 63%);
}
.newsNightCampaignV1617:after{
  content:'';position:absolute;width:41%;aspect-ratio:1;right:-8%;bottom:-18%;border-radius:50%;
  border:clamp(3px,.42vw,8px) solid rgba(255,202,49,.10);box-shadow:0 0 0 clamp(9px,1.1vw,20px) rgba(255,202,49,.035),0 0 58px rgba(255,89,23,.12);
}
.newsNightCampaignV1617 .nightInner{position:absolute;inset:5.2% 5.2% 5%;display:flex;flex-direction:column;z-index:2}
.newsNightCampaignV1617 .nightKicker{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#ffd24d;font:1000 clamp(7px,.72vw,13px)/1 ui-monospace,Consolas,monospace;letter-spacing:.16em}
.newsNightCampaignV1617 .nightKicker b{padding:.45em .72em;border:1px solid rgba(255,215,82,.48);background:rgba(255,198,43,.09);font:inherit;color:#ffe17b}
.newsNightCampaignV1617 .nightTitle{margin-top:4.3%;font:1000 clamp(15px,2.45vw,45px)/1.02 "Arial Black","Yu Gothic UI","Noto Sans JP",sans-serif;letter-spacing:-.045em;text-shadow:0 5px 17px #000}
.newsNightCampaignV1617 .nightTitle em{display:block;margin-bottom:.08em;color:#fff;font-style:normal;font-size:.69em;letter-spacing:.02em}
.newsNightCampaignV1617 .nightTitle strong{color:#ffd13b;font-weight:1000}
.newsNightCampaignV1617 .nightPeriod{margin-top:3.4%;display:flex;align-items:center;gap:2.2%;font:1000 clamp(7px,.92vw,17px)/1 ui-monospace,Consolas,monospace;letter-spacing:.04em;color:#dbe7ea}
.newsNightCampaignV1617 .nightPeriod b{color:#fff;font-size:1.12em}.newsNightCampaignV1617 .nightPeriod i{height:1px;flex:1;background:linear-gradient(90deg,#ffcc38,rgba(255,204,56,.05))}
.newsNightCampaignV1617 .nightTime{margin-top:3.4%;padding:2.3% 3%;border-left:clamp(3px,.35vw,6px) solid #ffcf35;background:linear-gradient(90deg,rgba(255,194,35,.13),rgba(255,194,35,.015));font:1000 clamp(18px,3.3vw,61px)/.94 "Arial Black",ui-monospace,Consolas,sans-serif;letter-spacing:-.055em;color:#fff;text-shadow:0 4px 14px #000}
.newsNightCampaignV1617 .nightTime small{display:block;margin-bottom:.4em;color:#ffdb66;font:1000 clamp(6px,.66vw,12px)/1 ui-monospace,Consolas,monospace;letter-spacing:.16em}
.newsNightCampaignV1617 .nightReward{margin-top:3.5%;font:900 clamp(8px,1.02vw,19px)/1.42 "Yu Gothic UI","Noto Sans JP",sans-serif;color:#f2f5f4}
.newsNightCampaignV1617 .nightReward strong{color:#ffd23f;font-size:1.28em}.newsNightCampaignV1617 .nightReward b{display:inline-block;margin-left:.25em;color:#fff;font-size:1.34em}
.newsNightCampaignV1617 .nightRuleRow{display:flex;gap:2.2%;margin-top:auto}
.newsNightCampaignV1617 .nightRule{flex:1;padding:2.1% 2.3%;border:1px solid rgba(255,255,255,.15);border-radius:7px;background:rgba(255,255,255,.045);font:1000 clamp(6px,.75vw,14px)/1.1 ui-monospace,Consolas,monospace;color:#b8c6ca;letter-spacing:.04em;text-align:center}
.newsNightCampaignV1617 .nightRule b{display:block;margin-top:.35em;color:#fff;font-size:1.45em}.newsNightCampaignV1617 .nightRule.gold b{color:#ffd23f}
.newsNightCampaignV1617 .nightFoot{margin-top:2%;color:#77868b;font:800 clamp(5px,.54vw,10px)/1.2 ui-monospace,Consolas,monospace;letter-spacing:.045em;text-align:right}
@media(max-width:700px){
 .newsNightCampaignV1617 .nightInner{inset:4.4% 4.7% 4.2%}
 .newsNightCampaignV1617 .nightTitle{font-size:clamp(12px,3.25vw,24px)}
 .newsNightCampaignV1617 .nightTime{font-size:clamp(15px,4.2vw,32px)}
 .newsNightCampaignV1617 .nightReward{font-size:clamp(6.5px,1.55vw,12px)}
 .newsNightCampaignV1617 .nightRule{font-size:clamp(5px,1.18vw,9px)}
 .newsNightCampaignV1617 .nightKicker{font-size:clamp(5px,1.05vw,8px)}
}