/* Live tasks stay at the edges; their full rules are opened intentionally. */
.live-task-dock { display: contents; }
#trendBidBtn[hidden], #fanPostCallBtn[hidden] { display: none; }
.live-details > summary {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 3px 8px;
  min-height: 38px;
  padding: 6px 8px;
  color: #edf5ff;
  font-size: 12px;
  line-height: 1.35;
  list-style: none;
  cursor: pointer;
  touch-action: manipulation;
}
.live-details > summary::-webkit-details-marker { display: none; }
.live-details > summary:focus-visible { outline: 2px solid #ffe2a1; outline-offset: -2px; }
.live-details > summary strong { color: #ffe0a0; font-size: 12px; }
.live-expand-hint { margin-left: auto; color: #9cbed7; font-size: 9px; white-space: nowrap; }
.live-details[open] .live-expand-hint { color: #ffd27c; }
.live-details-body { padding: 8px; border-top: 1px solid #4b6a87; max-height: min(42dvh,320px); overflow-y: auto; color: #d5e5f2; font-size: 12px; line-height: 1.5; }
.live-details-body p { margin: 0 0 7px; }
.live-details-body .economy-context-btn { width: 100%; margin: 8px 0 0; }
.trend-surge {
  top: 172px;
  left: auto;
  right: 10px;
  transform: none;
  width: 240px;
  max-width: 24vw;
  padding: 0;
  border: 2px solid var(--surge-color,#648ca7);
  background: #10263de8;
  color: #e1eff8;
  pointer-events: auto;
}
.trend-surge-head { width: 100%; margin: 0; }
.trend-surge p { color: #d9e6f2; }
.trend-surge small { color: #bdd8e5; font-size: 10px; }
.trend-surge-progress { margin: 0 6px 5px; height: 5px; border-width: 1px; background: #173d54; }
#postProgress,.game-shell.surge-live #postProgress {
  top: auto;
  bottom: 156px;
  left: auto;
  right: 10px;
  transform: none;
  width: 240px;
  max-width: 24vw;
  padding: 0;
  border: 2px solid #7397b3;
  background: #10263ded;
  color: #dceafa;
  text-align: left;
  white-space: normal;
  pointer-events: auto;
  overflow: visible;
}
.post-progress.relay-active { border-color: #65bbc5; background: #102f3ded; color: #deeff6; }
#postCompact { color: #c0e4ed; font-size: 11px; }
.topic-hud,.topic-hud.choices {
  top: 108px;
  left: 108px;
  width: 215px;
  max-width: 24vw;
  max-height: none;
  padding: 0;
  border: 2px solid #7294ac;
  background: #10263de8;
  color: #dceafa;
  pointer-events: auto;
}
.topic-hud b,.topic-hud strong { color: #f8e1ae; }
.topic-guide { display: grid; gap: 7px; }
.topic-guide button { min-height: 60px; padding: 8px; touch-action: manipulation; }
#topicCompact { color: #badce8; font-size: 11px; }
.announcer,.announcer.show {
  top: 85px;
  max-width: min(480px,42vw);
  padding: 5px 10px;
  border-width: 2px;
  background: #10283def;
  color: #ffdf9d;
  font-size: 13px;
  line-height: 1.4;
  transform: translate(-50%,0);
}
.game-shell.surge-live .event-strip { display: none; }
.meme-feed { top: auto; bottom: 248px; width: 195px; max-width: 21vw; max-height: 110px; }
.meme-feed:not(:empty) { padding: 5px; }
.meme-feed:not(:empty)::before { display: none; }
.meme-feed span { padding: 6px 8px; font-size: 13px; line-height: 1.4; }
.meme-feed span:nth-of-type(n+2) { display: none; }
.game-shell:has(.post-progress:not([hidden])) .meme-feed { display: none; }
.live-details-body button,.economy-context-btn { min-height: 44px; }