/* Sweet Shift Saga v4.5.1.9 — Message of the Day border-control redesign */
#screen-map.active .map-news-button {
  background:linear-gradient(180deg,#e457a0,#9f3f98) !important;
}
#screen-map.active .map-news-badge {
  position:absolute !important;
  top:-7px !important;
  right:-7px !important;
  min-width:34px !important;
  padding:3px 6px !important;
  border-radius:999px !important;
  border:2px solid rgba(255,255,255,.92) !important;
  background:linear-gradient(180deg,#ffef84,#ffbf49) !important;
  color:#6c2f5a !important;
  font-size:.52rem !important;
  font-weight:1000 !important;
  line-height:1 !important;
  box-shadow:0 3px 0 rgba(133,89,27,.45) !important;
}
#screen-map.active .map-news-badge.hidden { display:none !important; }

.motd-news-modal {
  position:fixed;
  inset:0;
  z-index:3200;
  display:grid;
  place-items:center;
  padding:34px 28px 70px;
}
.motd-news-modal.hidden { display:none !important; }
.motd-news-backdrop {
  position:absolute;
  inset:0;
  background:rgba(30,14,53,.76);
  backdrop-filter:blur(7px) saturate(.92);
  -webkit-backdrop-filter:blur(7px) saturate(.92);
}

.motd-news-shell {
  position:relative;
  width:min(1040px, calc(100vw - 56px));
  height:min(790px, calc(100vh - 124px));
  min-height:560px;
  border-radius:34px;
  border:5px solid rgba(255,255,255,.94);
  background:linear-gradient(180deg,#f7d8f3,#dcbdf2);
  box-shadow:
    0 30px 72px rgba(20,8,43,.46),
    0 0 0 7px rgba(172,77,174,.30),
    inset 0 2px 0 rgba(255,255,255,.72);
  overflow:visible;
}
.motd-news-shell::after {
  content:'';
  position:absolute;
  inset:8px;
  border-radius:25px;
  border:1px solid rgba(255,255,255,.28);
  pointer-events:none;
  z-index:3;
}

/* Proper game close/back asset, mounted to the frame rather than floating inside it. */
.motd-close-btn {
  position:absolute;
  top:-25px;
  right:-25px;
  width:66px;
  height:66px;
  padding:0;
  border:0;
  border-radius:50%;
  background:transparent;
  cursor:pointer;
  z-index:8;
  filter:drop-shadow(0 8px 8px rgba(76,24,83,.34));
  transition:transform .12s ease, filter .12s ease;
}
.motd-close-btn img {
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  pointer-events:none;
}
.motd-close-btn:hover { transform:translateY(-2px) scale(1.035); filter:drop-shadow(0 10px 9px rgba(76,24,83,.38)) brightness(1.04); }
.motd-close-btn:active { transform:translateY(1px) scale(.97); }

.motd-news-hero {
  position:absolute;
  inset:0;
  border-radius:28px;
  overflow:hidden;
  background-position:center;
  background-size:cover;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:24px;
  padding:24px 26px 76px;
  isolation:isolate;
}
.motd-news-hero::before {
  content:'';
  position:absolute;
  inset:0;
  z-index:-2;
  background:
    linear-gradient(180deg,rgba(31,10,66,.30) 0%,rgba(31,10,66,.05) 35%,rgba(31,10,66,.18) 62%,rgba(28,12,58,.52) 100%);
  pointer-events:none;
}
.motd-news-hero::after {
  content:'';
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:50%;
  z-index:-1;
  background:linear-gradient(180deg,rgba(36,13,67,0),rgba(36,13,67,.20) 28%,rgba(27,10,53,.40));
  pointer-events:none;
}

.motd-news-topline {
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  gap:9px;
  min-height:44px;
  padding-right:54px;
}
.motd-pill,
.motd-page-label {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:7px 13px;
  border-radius:999px;
  border:2px solid rgba(255,255,255,.84);
  box-shadow:0 3px 0 rgba(86,37,104,.24),0 8px 20px rgba(34,13,60,.12);
  font-weight:1000;
  line-height:1;
  letter-spacing:.05em;
  text-shadow:none;
}
.motd-pill {
  background:linear-gradient(180deg,#ffdf75,#ffb43d);
  color:#712f53;
  font-size:.78rem;
}
.motd-pill.soft {
  background:linear-gradient(180deg,rgba(255,249,255,.96),rgba(242,218,255,.94));
  color:#74407d;
}
.motd-page-label {
  margin-left:auto;
  border-color:rgba(255,255,255,.65);
  background:rgba(65,30,100,.70);
  color:#fff9c2;
  font-size:.71rem;
  backdrop-filter:blur(7px);
  -webkit-backdrop-filter:blur(7px);
}

.motd-news-copy-card {
  position:relative;
  z-index:2;
  width:min(675px, 76%);
  padding:21px 23px 22px;
  margin:0;
  border-radius:25px;
  border:3px solid rgba(255,255,255,.78);
  background:linear-gradient(180deg,rgba(91,37,127,.92),rgba(65,32,111,.92));
  color:#fff;
  box-shadow:0 16px 36px rgba(31,12,60,.30),inset 0 1px 0 rgba(255,255,255,.22);
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
}
.motd-news-copy-card small {
  display:block;
  margin:0 0 7px;
  color:#ffd98f;
  font-size:.78rem;
  font-weight:950;
  letter-spacing:.075em;
  text-transform:uppercase;
}
.motd-news-copy-card h2 {
  margin:0 0 11px;
  color:#fff7af;
  font-size:clamp(1.85rem,3.4vw,3.15rem);
  line-height:.98;
  letter-spacing:.01em;
  text-shadow:0 3px 0 rgba(78,34,17,.34);
}
.motd-body {
  display:grid;
  gap:8px;
  max-height:218px;
  overflow:auto;
  padding-right:5px;
  font-size:.96rem;
  line-height:1.42;
  scrollbar-width:thin;
}
.motd-body p { margin:0; color:rgba(255,255,255,.98); text-wrap:pretty; }
.motd-body p strong { color:#fff7af; }

/* Every navigation/action control lives on one centered dock mounted over the lower frame. */
.motd-border-controls {
  position:absolute;
  left:50%;
  bottom:-43px;
  z-index:9;
  transform:translateX(-50%);
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  width:max-content;
  max-width:calc(100% - 46px);
  padding:8px 10px;
  border-radius:999px;
  border:4px solid rgba(255,255,255,.94);
  background:linear-gradient(180deg,#e97ac1,#b756ac);
  box-shadow:0 9px 0 rgba(94,45,117,.48),0 18px 28px rgba(39,13,63,.30),inset 0 2px 0 rgba(255,255,255,.55);
}
.motd-nav-button,
.motd-primary-button {
  border:0;
  cursor:pointer;
  transition:transform .11s ease,filter .11s ease,box-shadow .11s ease;
}
.motd-nav-button {
  display:grid;
  place-items:center;
  flex:0 0 auto;
  width:58px;
  height:58px;
  padding:0 0 5px;
  border-radius:50%;
  border:3px solid rgba(255,255,255,.92);
  background:linear-gradient(180deg,#ff7dc5,#ef3d99);
  color:#fff9f2;
  box-shadow:0 5px 0 #a52970,inset 0 2px 0 rgba(255,255,255,.42);
  font:1000 3.2rem/.65 Arial,sans-serif;
  text-shadow:0 3px 0 rgba(116,28,83,.42);
}
.motd-primary-button {
  position:relative;
  display:grid;
  place-items:center;
  min-width:236px;
  min-height:62px;
  padding:0 26px;
  border-radius:999px;
  border:3px solid rgba(255,255,255,.92);
  background:linear-gradient(180deg,#ff88c9,#f13a96 62%,#d62f88);
  color:#fff9df;
  box-shadow:0 5px 0 #a52970,inset 0 2px 0 rgba(255,255,255,.44);
  font:1000 1rem/1.05 inherit;
  letter-spacing:.045em;
  text-shadow:0 2px 0 rgba(117,25,75,.42);
  white-space:nowrap;
}
.motd-primary-button img {
  display:block;
  width:184px;
  max-width:38vw;
  height:auto;
  margin:-13px -18px;
  pointer-events:none;
  filter:drop-shadow(0 4px 5px rgba(83,23,73,.20));
}
.motd-nav-button:hover,
.motd-primary-button:hover { transform:translateY(-2px); filter:brightness(1.045); }
.motd-nav-button:active,
.motd-primary-button:active { transform:translateY(2px); box-shadow:0 2px 0 #a52970,inset 0 2px 0 rgba(255,255,255,.36); }
.hidden { display:none !important; }

.daily-track-motd-pulse { animation:dailyTrackMotdPulse 1.85s ease-in-out 2; }
@keyframes dailyTrackMotdPulse {
  0% { transform:scale(1); box-shadow:0 10px 24px rgba(69,58,120,.14); }
  35% { transform:scale(1.03); box-shadow:0 0 0 5px rgba(255,255,255,.55),0 0 0 12px rgba(255,102,173,.28),0 16px 34px rgba(69,58,120,.25); }
  100% { transform:scale(1); box-shadow:0 10px 24px rgba(69,58,120,.14); }
}

@media (max-width:900px) {
  .motd-news-modal { padding:24px 18px 66px; }
  .motd-news-shell { width:min(920px,calc(100vw - 36px)); height:min(760px,calc(100vh - 106px)); min-height:520px; }
  .motd-news-hero { padding:20px 20px 72px; }
  .motd-news-copy-card { width:min(690px,88%); padding:18px 19px 19px; }
}
@media (max-width:640px) {
  .motd-news-modal { padding:20px 10px 64px; }
  .motd-news-shell { width:calc(100vw - 20px); height:min(780px,calc(100vh - 88px)); min-height:500px; border-radius:26px; border-width:4px; }
  .motd-news-hero { border-radius:21px; padding:15px 14px 68px; gap:14px; background-position:center; }
  .motd-close-btn { width:52px; height:52px; top:-18px; right:-12px; }
  .motd-news-topline { gap:6px; min-height:35px; padding-right:35px; }
  .motd-pill { min-height:29px; padding:6px 9px; font-size:.64rem; }
  .motd-pill.soft { display:none; }
  .motd-page-label { min-height:29px; padding:6px 9px; font-size:.61rem; }
  .motd-news-copy-card { width:100%; padding:15px 15px 16px; border-radius:20px; }
  .motd-news-copy-card h2 { margin-bottom:9px; font-size:clamp(1.6rem,8vw,2.15rem); }
  .motd-news-copy-card small { font-size:.68rem; }
  .motd-body { max-height:min(242px,34vh); gap:7px; font-size:.86rem; line-height:1.35; }
  .motd-border-controls { bottom:-36px; gap:8px; max-width:calc(100% - 22px); padding:6px 8px; border-width:3px; }
  .motd-nav-button { width:48px; height:48px; border-width:2px; font-size:2.7rem; }
  .motd-primary-button { min-width:178px; min-height:52px; padding:0 17px; border-width:2px; font-size:.78rem; }
  .motd-primary-button img { width:154px; max-width:42vw; margin:-12px -14px; }
}
@media (max-width:420px) {
  .motd-news-copy-card { padding:13px 13px 14px; }
  .motd-body { font-size:.81rem; max-height:225px; }
  .motd-nav-button { width:44px; height:44px; }
  .motd-primary-button { min-width:148px; min-height:48px; padding:0 13px; font-size:.70rem; }
  .motd-primary-button img { width:137px; }
}


/* v4.5.1.12 — compact number-only MOTD page counter */
.motd-page-label{
  min-width:58px;
  padding-left:10px;
  padding-right:10px;
  font-variant-numeric:tabular-nums;
}
@media(max-width:620px){
  .motd-page-label{min-width:48px;padding-left:8px;padding-right:8px;}
}