/* MAERCHENPFAD_FAIRYTALE_EXPANSION_V88_START */
#turnBanner{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(244,208,126,.38);
  background:
    radial-gradient(circle at 18% 18%, rgba(255,242,184,.16), transparent 18%),
    radial-gradient(circle at 82% 26%, rgba(130,200,255,.14), transparent 22%),
    linear-gradient(180deg, rgba(40,28,74,.94), rgba(12,19,42,.96));
  box-shadow:0 16px 34px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.08);
}
#turnBanner::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(115deg, transparent 0%, rgba(255,255,255,.08) 32%, transparent 58%);
  opacity:.75;
}
#turnBanner.your-turn{
  border-color:rgba(255,223,145,.68);
  box-shadow:0 0 0 1px rgba(255,238,194,.08), 0 18px 38px rgba(23,12,60,.34), 0 0 26px rgba(255,213,110,.18);
}
#turnText{
  text-shadow:0 2px 10px rgba(0,0,0,.35);
}
#turnHint,#gameActionHint{
  text-shadow:0 1px 8px rgba(0,0,0,.24);
}

#drawPile.mp-pile-glow-v88,
#discardPile.mp-pile-glow-v88{
  box-shadow:0 0 0 2px rgba(255,238,192,.32),0 0 34px rgba(255,214,110,.28), inset 0 0 18px rgba(255,255,255,.08);
  transform:translateY(-2px) scale(1.02);
}
#handCards.mp-draw-receive-v88,
#handCards [data-hand-card].mp-draw-receive-v88,
.table-player.mp-draw-receive-v88{
  animation:mpV88ReceivePulse .56s ease-out;
}
.mp-draw-source-label-v88{
  position:fixed;
  z-index:202;
  transform:translate(-50%,0);
  pointer-events:none;
  padding:8px 14px;
  border-radius:999px;
  border:1px solid rgba(255,230,170,.52);
  background:linear-gradient(180deg, rgba(45,32,83,.95), rgba(15,20,48,.96));
  color:#fff3d0;
  font:800 12px/1.1 system-ui, sans-serif;
  letter-spacing:.05em;
  box-shadow:0 10px 22px rgba(0,0,0,.24);
}
.mp-card-back-v88{
  display:block;
  width:100%;
  height:100%;
}
.mp-card-back-v88 .card-png{
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:14px;
}
.mp-phase-announce-v88,
.mp-joker-modal-v88{
  position:fixed;
  inset:0;
  z-index:240;
  display:grid;
  place-items:center;
  padding:20px;
  background:radial-gradient(circle at 50% 24%, rgba(62,57,120,.22), rgba(7,10,24,.74));
  backdrop-filter:blur(6px);
}
.mp-phase-announce-v88.is-leaving,
.mp-joker-modal-v88.is-leaving{opacity:0;transition:opacity .18s ease}
.mp-phase-announce-card-v88,
.mp-joker-panel-v88{
  position:relative;
  width:min(92vw, 560px);
  border-radius:26px;
  border:1px solid rgba(245,215,141,.52);
  background:
    radial-gradient(circle at top, rgba(255,255,255,.08), transparent 34%),
    linear-gradient(180deg, rgba(47,33,86,.98), rgba(14,20,48,.98));
  color:#fff7e3;
  box-shadow:0 30px 70px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.1);
}
.mp-phase-announce-card-v88{
  text-align:center;
  padding:26px 28px 24px;
  animation:mpV88PopIn .34s ease;
}
.mp-phase-announce-card-v88::before,
.mp-joker-panel-v88::before{
  content:"";
  position:absolute;
  inset:10px;
  border-radius:20px;
  border:1px solid rgba(255,242,208,.08);
  pointer-events:none;
}
.mp-phase-announce-eyebrow-v88{
  color:#f3d18c;
  font:800 12px/1.2 system-ui, sans-serif;
  letter-spacing:.18em;
  text-transform:uppercase;
  margin-bottom:12px;
}
.mp-phase-announce-number-v88{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:132px;
  padding:10px 18px;
  border-radius:999px;
  margin-bottom:12px;
  background:linear-gradient(180deg, rgba(255,221,144,.16), rgba(255,211,110,.06));
  border:1px solid rgba(255,220,140,.28);
  color:#fff1c6;
  font:900 22px/1 Georgia, serif;
}
.mp-phase-announce-card-v88 h3,
.mp-joker-header-v88 h3{
  margin:0;
  font:700 clamp(28px,4vw,38px)/1.06 Georgia, serif;
  color:#fff6e8;
  text-shadow:0 3px 16px rgba(0,0,0,.3);
}
.mp-phase-announce-card-v88 p,
.mp-joker-header-v88 p{
  margin:14px auto 0;
  max-width:44ch;
  color:#f7eedb;
  line-height:1.6;
}
.mp-phase-announce-card-v88 button{
  margin-top:18px;
  min-height:44px;
  padding:0 20px;
  border:1px solid rgba(245,215,141,.6);
  border-radius:16px;
  background:linear-gradient(180deg, #f5d47d, #d39b3c);
  color:#41280a;
  font:800 15px/1 Georgia, serif;
}
.mp-joker-panel-v88{
  padding:22px 22px 20px;
  animation:mpV88PopIn .34s ease;
}
.mp-joker-header-v88 small{
  display:block;
  margin-bottom:10px;
  color:#f3d18c;
  letter-spacing:.08em;
  text-transform:uppercase;
  font:800 11px/1.2 system-ui, sans-serif;
}
.mp-joker-score-v88{
  margin-top:16px;
  padding:14px 16px;
  border-radius:18px;
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
  border:1px solid rgba(255,242,208,.12);
  color:#f7ebc7;
}
.mp-joker-score-v88 b{font-size:28px;color:#fff5d9}
.mp-joker-bubbles-v88{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(110px,1fr));
  gap:14px;
  margin-top:18px;
}
.mp-joker-bubble-v88{
  appearance:none;
  border:1px solid rgba(244,214,138,.24);
  border-radius:22px;
  padding:14px 10px 10px;
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(16,20,45,.32));
  color:#fff3d1;
  display:grid;
  justify-items:center;
  gap:10px;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.mp-joker-bubble-v88 .fairy-card{width:76px;height:112px;pointer-events:none}
.mp-joker-bubble-v88 span{font:800 13px/1.1 system-ui,sans-serif}
.mp-joker-bubble-v88.is-selected,
.mp-joker-bubble-v88:hover{
  transform:translateY(-3px);
  border-color:rgba(255,228,164,.6);
  box-shadow:0 18px 26px rgba(0,0,0,.24), 0 0 18px rgba(255,214,121,.12);
}
.mp-joker-selection-v88{
  margin-top:16px;
  color:#fff0cb;
  font-weight:700;
}
.mp-joker-actions-v88{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:12px;
  margin-top:18px;
}

@keyframes mpV88PopIn{
  from{opacity:0;transform:translateY(12px) scale(.96)}
  to{opacity:1;transform:translateY(0) scale(1)}
}
@keyframes mpV88ReceivePulse{
  0%{transform:scale(1)}
  45%{transform:scale(1.03)}
  100%{transform:scale(1)}
}

#view-quests{
  background:transparent;
}
#view-quests::after{
  opacity:.72;
  filter:saturate(1.1) brightness(1.06);
}
#view-quests .arc-quest-map-frame::before{
  background:
    radial-gradient(circle at 78% 18%, rgba(255,245,212,.22), transparent 12%),
    radial-gradient(circle at 20% 74%, rgba(255,184,234,.2), transparent 16%),
    linear-gradient(180deg, rgba(18,27,56,.14), rgba(6,10,23,.4)),
    url('assets/quest-bg-v87.png') center center / cover no-repeat;
}
#view-quests .arc-quest-landscape{
  background:
    linear-gradient(180deg, rgba(15,23,53,.15), rgba(10,12,29,.42)),
    url('share/maerchenpfad-share-whatsapp.png') center center / cover no-repeat;
}
#view-quests .arc-quest-landscape::before{
  background:
    linear-gradient(180deg, rgba(4,8,24,.04), rgba(4,8,24,.24) 100%),
    radial-gradient(circle at 68% 18%, rgba(255,255,255,.28), transparent 15%),
    radial-gradient(circle at 26% 62%, rgba(255,215,152,.18), transparent 20%),
    linear-gradient(135deg, rgba(255,161,233,.14) 5%, rgba(131,170,255,.16) 32%, rgba(255,233,157,.2) 58%, rgba(173,255,247,.12) 78%, rgba(255,161,233,.08) 100%);
}
#view-quests .arc-quest-road-shadow path{
  stroke:rgba(56,23,8,.62);
  stroke-width:18;
  opacity:.54;
}
#view-quests .arc-quest-road-line path{
  stroke:rgba(255,247,217,.86);
  stroke-width:6;
  stroke-linecap:round;
  filter:drop-shadow(0 0 4px rgba(255,255,255,.42)) drop-shadow(0 0 10px rgba(255,211,113,.48));
}
#view-quests .arc-quest-road-line path.is-cleared{
  stroke:#fff7de;
  filter:drop-shadow(0 0 6px rgba(255,255,255,.62)) drop-shadow(0 0 12px rgba(255,201,94,.58));
}
#view-quests .arc-quest-road-line path:nth-child(3n+1){stroke:#ffe5b8}
#view-quests .arc-quest-road-line path:nth-child(3n+2){stroke:#ffd3ef}
#view-quests .arc-quest-road-line path:nth-child(3n+3){stroke:#d8f1ff}
#view-quests .arc-quest-node{
  box-shadow:0 0 0 2px rgba(255,244,221,.12), 0 16px 26px rgba(8,8,22,.32), 0 0 18px rgba(255,211,133,.24);
}
#view-quests .arc-quest-node.is-frontier{
  background:radial-gradient(circle at 35% 22%, #fff2b5, #da9e52 56%, #5e3b22);
  border-color:rgba(255,240,184,.88);
}
#view-quests .arc-quest-map-end{
  background:linear-gradient(180deg, rgba(26,18,56,.84), rgba(13,15,36,.88));
  border:1px solid rgba(245,215,141,.34);
  box-shadow:0 18px 30px rgba(0,0,0,.22);
}

@media (max-width: 860px){
  .mp-phase-announce-card-v88,
  .mp-joker-panel-v88{width:min(94vw, 540px)}
  .mp-joker-bubbles-v88{grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* MAERCHENPFAD_FAIRYTALE_EXPANSION_V88_END */

/* MAERCHENPFAD_PHASE_GLITTER_INTRO_V89_START */
.mp-phase-announce-v88 {
  overflow:hidden;
  background:
    radial-gradient(ellipse at 50% 35%, rgba(117,87,185,.40), transparent 52%),
    radial-gradient(ellipse at 54% 90%, rgba(247,195,112,.18), transparent 58%),
    rgba(7,9,30,.77);
}
.mp-phase-announce-card-v88 {
  isolation:isolate;
  border:2px solid rgba(255,230,157,.7);
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255,222,135,.14), transparent 52%),
    radial-gradient(ellipse at 90% 100%, rgba(152,103,248,.23), transparent 55%),
    linear-gradient(155deg,#33225c 0%,#131d44 58%,#10152b 100%);
  box-shadow: 0 0 0 6px rgba(255,214,125,.07), 0 0 65px rgba(232,166,255,.32), 0 35px 85px rgba(2,4,18,.53),inset 0 1px 0 rgba(255,251,225,.28);
}
.mp-phase-announce-card-v88::after {
  content:'✧  ✦  ✧';
  display:block;
  font-size:24px;
  letter-spacing:.6em;
  margin-top:13px;
  color:#ffe7a6;
  text-shadow:0 0 14px rgba(255,213,125,.8);
  pointer-events:none;
}
.mp-phase-announce-card-v88 h3 { color:#fff5d9; text-shadow:0 2px 15px rgba(255,213,147,.4) }
.mp-phase-announce-number-v88 { box-shadow:0 0 24px rgba(255,227,141,.19) }
.mp-phase-glitter-field-v89 { position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0; }
.mp-phase-spark-v89 {
  position:absolute;
  left:var(--px);
  top:var(--py);
  width:var(--size);
  height:var(--size);
  display:block;
  background:#ffe4a5;
  border-radius:50%;
  box-shadow:0 0 9px 2px rgba(255,224,156,.7);
  opacity:0;
  animation:mpV89Sparkle var(--duration) ease-in-out var(--delay) 2 forwards;
}
.mp-phase-spark-v89:nth-child(3n){background:#ffd5f2;box-shadow:0 0 10px rgba(255,175,231,.9)}
.mp-phase-spark-v89:nth-child(5n){background:#c8f4ff;box-shadow:0 0 10px rgba(152,240,255,.9)}
.mp-phase-spark-v89.is-star {border-radius:2px;transform:rotate(45deg)}
@keyframes mpV89Sparkle {
  0% {opacity:0;translate:0 10px;scale:.3}
  35%{opacity:.98;translate:0 -2px;scale:1.15}
  100%{opacity:0;translate:0 -24px;scale:.35}
}
@media(prefers-reduced-motion:reduce){
  .mp-phase-spark-v89{animation:none;opacity:.52}
  .mp-phase-announce-card-v88 {animation:none}
}
/* MAERCHENPFAD_PHASE_GLITTER_INTRO_V89_END */

/* MAERCHENPFAD_BOT_PHASEN_LOTTERIE_V89 — only in quick-bot duels. */
.mp-phase-lottery-v89{
  z-index:260 !important;
  background: radial-gradient(ellipse at 50% 15%,rgba(102,64,148,.22),transparent 48%),rgba(5,9,31,.86);
  backdrop-filter:blur(10px);
  overflow-y:auto;
  overscroll-behavior:contain;
}
.mp-phase-lottery-v89 .mp-phase-glitter-field-v89{z-index:1}
.mp-phase-lottery-card-v89{
  isolation:isolate;
  position:relative;
  z-index:2;
  width:min(1040px,96vw);
  max-height:min(94dvh,900px);
  overflow-y:auto;
  scrollbar-width:thin;
  scrollbar-color:#aa8b65 #272642;
  padding:clamp(16px,2.2vw,30px);
  border:2px solid rgba(255,221,155,.75);
  border-radius:32px;
  background:
    linear-gradient(135deg,rgba(23,21,64,.94),rgba(29,20,58,.90) 55%,rgba(11,28,60,.95)),
    url('quest-bg-v87.png') center center / cover no-repeat;
  box-shadow:0 0 0 8px rgba(242,193,104,.06), 0 0 90px rgba(173,114,228,.24), 0 35px 85px rgba(0,0,0,.68), inset 0 1px 0 rgba(255,255,255,.25);
  color:#fff5dd;
  text-align:center;
  animation:mpV89LotteryAppear .45s cubic-bezier(.18,.86,.25,1) both;
}
.mp-phase-lottery-card-v89::before{
  content:"";
  position:absolute;
  inset:9px;
  border:1px solid rgba(255,231,166,.21);
  border-radius:25px;
  pointer-events:none;
}
.mp-phase-lottery-card-v89::after{
  content:"✦";
  display:grid;
  place-items:center;
  position:absolute;
  left:50%;top:3px;
  translate:-50% -50%;
  width:48px;height:48px;
  border:1px solid rgba(255,223,155,.83);
  border-radius:50%;
  background:radial-gradient(circle,#fce8b3,#a86e42 74%,#573354);
  color:#593212;
  text-shadow:0 1px rgba(255,255,255,.48);
  font-size:28px;
  box-shadow:0 0 25px rgba(255,220,144,.48);
}
.mp-phase-lottery-head-v89>span{
  color:#ffdda0;
  font:900 11px/1.2 system-ui,sans-serif;
  letter-spacing:.29em;
  text-shadow:0 0 10px rgba(255,213,150,.34)
}
.mp-phase-lottery-head-v89 h2{
  margin:12px 0 8px;
  font:700 clamp(28px,4vw,48px)/1.06 Georgia,serif;
  color:#fff0c2;
  text-shadow:0 3px 17px rgba(0,0,0,.44)
}
.mp-phase-lottery-head-v89 p{
  color:#e8e2fc;
  font:400 clamp(12px,1.1vw,15px)/1.5 system-ui,sans-serif;
  margin:0 0 20px;
}
.mp-phase-lottery-progress-v89{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:9px 15px;
  margin:0 1% 10px;
  background:linear-gradient(90deg,rgba(239,193,107,.14),transparent 38%,rgba(239,193,107,.14));
  border-block:1px solid rgba(255,229,173,.28);
  color:#fae0ae;
  font:800 11px/1.2 system-ui,sans-serif;
  letter-spacing:.16em;
}
.mp-phase-lottery-track-v89{
  display:grid;
  grid-template-columns:repeat(10,minmax(0,1fr));
  gap:8px;
  padding:14px 0 16px;
}
.mp-phase-lottery-tile-v89{
  position:relative;
  min-width:0;
  min-height:113px;
  padding:12px 5px 8px;
  border:1px solid rgba(253,228,165,.34);
  border-radius:15px;
  background:linear-gradient(160deg,rgba(67,53,98,.91),rgba(24,35,71,.95));
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:space-between;
  gap:6px;
  box-shadow:0 9px 16px rgba(0,0,0,.14), inset 0 1px 0 rgba(255,255,255,.06);
}
.mp-phase-lottery-tile-v89::before{
  content:"✦";
  position:absolute;
  top:6px;right:8px;
  color:#d4a96d;
  opacity:.67;
  font-size:9px;
}
.mp-phase-lottery-tile-v89 b{
  display:grid;place-items:center;
  width:clamp(32px,3.5vw,46px);
  height:clamp(32px,3.5vw,46px);
  border-radius:50%;
  background:radial-gradient(circle at 40% 24%,#e1bc75,#7e5034 78%);
  border:1px solid rgba(255,221,145,.66);
  color:#fff1d2;
  font:700 clamp(16px,1.8vw,22px)/1 Georgia,serif;
  box-shadow:0 5px 10px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.22)
}
.mp-phase-lottery-tile-v89 small{
  font:700 clamp(9px,.8vw,11px)/1.2 system-ui,sans-serif;
  color:#e6def8;
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;
  overflow:hidden;
  min-height:24px;
}
.mp-phase-lottery-tile-v89.is-sealed{filter:saturate(.45);opacity:.58}
.mp-phase-lottery-tile-v89.is-past{opacity:.74}
.mp-phase-lottery-tile-v89.is-current{
  border-color:#ffe5a8;
  background:linear-gradient(160deg,rgba(126,81,101,.96),rgba(67,46,87,.98));
  box-shadow:0 0 0 2px rgba(255,221,145,.12),0 0 30px rgba(255,218,128,.28);
  transform:translateY(-5px);
}
.mp-phase-lottery-tile-v89.is-current b{
  background:radial-gradient(circle at 38% 20%,#fff9db,#f2ca73 48%,#b57939);
  color:#47260f;
}
.mp-phase-lottery-tile-v89.is-current.is-revealed{
  animation:mpV89CurrentReveal .66s ease-out 1;
}
.mp-phase-lottery-reel-v89{
  position:relative;
  margin:2px auto 10px;
  border:1px solid rgba(255,218,143,.46);
  border-radius:22px;
  padding:16px 12px;
  background:radial-gradient(ellipse at 50% 0,rgba(255,219,134,.14),transparent 50%),linear-gradient(180deg,rgba(12,16,47,.84),rgba(31,24,61,.82));
  box-shadow:inset 0 0 35px rgba(223,174,109,.08),0 12px 24px rgba(0,0,0,.22);
}
.mp-phase-lottery-reel-caption-v89{
  display:block;
  color:#f8d9a1;
  font:900 10px/1.2 system-ui,sans-serif;
  letter-spacing:.17em;
}
.mp-phase-lottery-graphic-v89{
  display:flex;
  gap:12px;
  justify-content:center;
  align-items:center;
  min-height:70px;
}
.mp-phase-lottery-graphic-v89 i{
  font-style:normal;
  font-size:28px;
  color:#ffda92;
  text-shadow:0 0 17px rgba(255,217,138,.55)
}
.mp-phase-lottery-graphic-v89 strong{
  display:block;
  max-width:90%;
  color:#fff7e1;
  font:700 clamp(23px,3.5vw,44px)/1.15 Georgia,serif;
  text-shadow:0 4px 15px rgba(0,0,0,.44),0 0 16px rgba(255,209,125,.24);
}
.mp-phase-lottery-v89.is-ticking .mp-phase-lottery-graphic-v89 strong{opacity:.66;transform:scale(.98)}
.mp-phase-lottery-reel-v89 p{
  color:#e7e0f8;
  font:400 clamp(12px,1.1vw,14px)/1.5 system-ui,sans-serif;
  min-height:24px;
  margin:0;
}
.mp-phase-lottery-v89.is-revealed .mp-phase-lottery-reel-v89{
  border-color:#ffe5a8;
  box-shadow:0 0 36px rgba(255,208,125,.17),inset 0 0 35px rgba(255,222,142,.09);
}
.mp-phase-lottery-v89.is-revealed .mp-phase-lottery-graphic-v89 strong{
  animation:mpV89WinnerGlow .75s ease-out;
}
.mp-phase-lottery-foot-v89{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  margin-top:13px;
}
.mp-phase-lottery-foot-v89 span{
  color:#efd8ad;
  font:800 11px/1.3 system-ui,sans-serif;
  letter-spacing:.12em;
  text-align:left;
}
.mp-phase-lottery-foot-v89 button{
  flex:none;
  border:1px solid #ffe4a0;
  border-radius:15px;
  padding:11px 20px;
  background:linear-gradient(180deg,#ffe3a1,#d4a24a);
  color:#432507;
  box-shadow:0 8px 18px rgba(0,0,0,.27),inset 0 1px rgba(255,255,255,.6);
  font:800 14px/1 Georgia,serif;
  cursor:pointer;
}
.mp-phase-lottery-foot-v89 button:hover{filter:brightness(1.08)}
.mp-phase-lottery-foot-v89 button:focus-visible{outline:2px solid #fff;outline-offset:3px}
@keyframes mpV89LotteryAppear{
  0%{opacity:0;transform:translateY(24px) scale(.96)}
  100%{opacity:1;transform:translateY(0) scale(1)}
}
@keyframes mpV89CurrentReveal{
  0%{filter:brightness(1);transform:translateY(-5px) scale(1)}
  40%{filter:brightness(1.4);transform:translateY(-11px) scale(1.05)}
  100%{filter:brightness(1);transform:translateY(-5px) scale(1)}
}
@keyframes mpV89WinnerGlow{
  0%{opacity:.4;transform:scale(.82)}
  55%{opacity:1;transform:scale(1.06)}
  100%{opacity:1;transform:scale(1)}
}
@media(max-width:860px){
  .mp-phase-lottery-track-v89{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
  .mp-phase-lottery-tile-v89{min-height:81px}
  .mp-phase-lottery-tile-v89 small{font-size:9px;min-height:18px}
  .mp-phase-lottery-card-v89{padding:16px 16px 13px;border-radius:20px}
  .mp-phase-lottery-head-v89 p{margin-bottom:9px}
  .mp-phase-lottery-head-v89 h2{font-size:clamp(22px,4.5vw,32px)}
  .mp-phase-lottery-progress-v89{margin-top:5px;margin-bottom:4px}
  .mp-phase-lottery-track-v89{padding:9px 0}
  .mp-phase-lottery-reel-v89{padding:12px}
  .mp-phase-lottery-graphic-v89{min-height:52px}
}
@media(max-height:500px){
  .mp-phase-lottery-head-v89 p{display:none}
  .mp-phase-lottery-tile-v89{min-height:58px;padding:6px 3px}
  .mp-phase-lottery-tile-v89 b{width:28px;height:28px;font-size:15px}
  .mp-phase-lottery-tile-v89 small{display:none}
  .mp-phase-lottery-graphic-v89{min-height:46px}
  .mp-phase-lottery-progress-v89{padding:5px 9px}
  .mp-phase-lottery-foot-v89{margin-top:5px}
}
@media(prefers-reduced-motion:reduce){
  .mp-phase-lottery-card-v89,
  .mp-phase-lottery-tile-v89.is-current.is-revealed,
  .mp-phase-lottery-v89.is-revealed .mp-phase-lottery-graphic-v89 strong{animation:none}
}

/* V89 asset URL correction: CSS is served from /assets/, so paths are relative to /assets/. */
#view-quests::after { background-image:url('quest-bg-v87.png'); }
#view-quests .arc-quest-map-frame::before {
  background:
    radial-gradient(circle at 78% 18%, rgba(255,245,212,.22), transparent 12%),
    radial-gradient(circle at 20% 74%, rgba(255,184,234,.2), transparent 16%),
    linear-gradient(180deg, rgba(18,27,56,.14), rgba(6,10,23,.4)),
    url('quest-bg-v87.png') center center / cover no-repeat;
}
#view-quests .arc-quest-map-frame::after { background-image:url('quest-fairy-v87.png'); }