/* Small additions that keep the clone self-contained and usable offline. */
.store-game[hidden],
.store-empty[hidden] {
  display: none !important;
}

.store-empty {
  padding: 38px 22px;
  color: #8b8b8b;
  text-align: center;
  background: #fff;
  border: 1px solid #eee;
  border-radius: 14px;
  font-size: 14px;
}

.store-empty strong {
  display: block;
  margin-bottom: 6px;
  color: #282828;
  font-size: 17px;
}

.claim-toast {
  position: fixed;
}

.site-note {
  position: fixed;
  z-index: 120;
  bottom: 76px;
  left: 18px;
  padding: 7px 11px;
  color: #ffffffd9;
  background: #24302fb8;
  border: 1px solid #ffffff26;
  border-radius: 999px;
  font-size: 11px;
  backdrop-filter: blur(8px);
  pointer-events: none;
}

.feedback-mask.show {
  display: grid;
}

body.chat-open {
  overflow: hidden;
}

/* Activity and claim pages */
.activity-page .task-page {
  width: min(100%, 480px);
  margin-inline: auto;
}

.activity-page .back {
  width: min(100%, 480px);
  margin-left: max(0px, calc((100% - 480px) / 2));
  margin-right: max(0px, calc((100% - 480px) / 2));
}

.activity-page .upload-page {
  width: min(100%, 480px);
  margin-inline: auto;
}

.activity-page .feedback-entry {
  display: grid;
}

.platform-panel {
  margin: 10px 0 14px;
  padding: 12px 10px 10px;
  text-align: center;
  background: #fff;
  border: 1px solid #eee9e3;
  border-radius: 10px;
}

.platform-title {
  margin: 0 0 9px;
  color: #262626;
  font-size: 15px;
  font-weight: 800;
}

.platform-icons {
  justify-content: center;
  align-items: center;
  gap: 22px;
  display: flex;
}

.platform-button {
  flex-direction: column;
  align-items: center;
  gap: 4px;
  padding: 0;
  color: #444;
  cursor: pointer;
  background: none;
  border: 0;
  font: inherit;
  font-size: 11px;
  display: flex;
}

.platform-button img {
  width: 42px;
  height: 42px;
  border-radius: 10px;
  box-shadow: 0 7px 14px #00000042;
}

.activity-page .notice strong {
  font-size: 20px;
  line-height: 1.45;
}

.activity-page .step h2 {
  margin-bottom: 14px;
}

.activity-page .search-instruction {
  margin-top: 0;
  text-align: center;
  font-size: 12px;
}

.activity-page .comment-example {
  max-height: 500px;
  overflow: hidden;
  border-radius: 8px;
}

.activity-page .comment-example img {
  width: 100%;
  display: block;
}

.activity-page .comment-hint {
  margin-bottom: 14px;
  font-size: 14px;
}

.activity-page .task-foot {
  padding-top: 18px;
}

.activity-page .upload-zone {
  cursor: pointer;
}

.success-page {
  background: #fff;
}

.success-page .result {
  display: block;
}

.success-page .claim-resource-action {
  margin-top: auto;
}

.success-page .claim-resource-card {
  min-height: 108px;
}

.success-page .claim-compact {
  min-height: 105px;
}

.success-page .claim-more-list {
  gap: 9px;
}

.activity-page .platform-button:active,
.activity-page .comment-copy:active {
  transform: scale(0.97);
}

.activity-page .comment-copy {
  white-space: nowrap;
}

@media (max-width: 520px) {
  .site-note {
    display: none;
  }

  .activity-page .back,
  .activity-page .task-page,
  .activity-page .upload-page {
    width: 100%;
  }
}