.production-activities { min-width: 0; }
.activity-status-line { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px; margin-top: 16px; color: var(--gold-light); }
.activity-tabs { display: flex; flex-wrap: wrap; gap: 9px; margin-block: 20px; }
.activity-tabs button { min-height: 44px; padding: 9px 15px; border: 1px solid var(--line); border-radius: 12px; background: var(--surface); color: var(--muted); font: inherit; font-size: 14px; }
.activity-tabs button.active { border-color: var(--gold-dark); background: #b58a3b25; color: var(--gold-light); }
.activity-lobby { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
.activity-lobby-item { display: grid; gap: 12px; justify-items: start; align-content: center; min-height: 180px; padding: 24px; border: 1px solid #8b704a66; border-radius: 20px; background: radial-gradient(circle at 80% 0,#8b704a22,transparent 60%),linear-gradient(135deg,#1b2c45,#0d192b); color: var(--text); text-align: start; font: inherit; }
.activity-lobby-item strong { font-size: 19px; }
.activity-lobby-item small { color: var(--muted); font-size: 13px; }
.activity-glyph { display: grid; place-items: center; width: 48px; height: 48px; border: 1px solid #b58a3b66; border-radius: 15px; background: #b58a3b18; color: var(--gold-light); font-size: 30px; }
.activity-game { text-align: center; }
.activity-game h2 { font-size: 24px; }
.activity-game > p { margin-top: 16px; }
.activity-game > .button { margin-top: 20px; }
.activity-chances { font-size: 18px; }
.activity-wheel { position: relative; display: grid; place-items: center; width: min(260px,75%); aspect-ratio: 1; margin: 28px auto; border: 9px solid #b58a3b; border-radius: 50%; background: repeating-conic-gradient(#d7ad5d 0 22.5deg,#172944 22.5deg 45deg); box-shadow: 0 0 0 5px #f8d78d33,0 18px 40px #0005; }
.activity-wheel::before { position: absolute; top: -19px; width: 0; height: 0; border-inline: 12px solid transparent; border-top: 22px solid #ffe1a0; content: ''; }
.activity-wheel span { display: grid; place-items: center; width: 85px; height: 85px; border: 4px solid #d9b25e; border-radius: 50%; background: #0e1c30; color: var(--gold-light); font: 700 19px/1 "Segoe UI",sans-serif; }
.activity-segments { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; margin-top: 24px; text-align: start; }
.activity-segments > div { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 6px; min-width: 0; padding: 12px; border: 1px solid var(--line); border-radius: 10px; font-size: 13px; }
.activity-segments .selected,.activity-rounds .selected { border-color: var(--gold-dark); background: #b58a3b20; color: var(--gold-light); }
.activity-card-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; width: min(600px,100%); margin: 24px auto; }
.activity-flip-card { display: flex; flex-direction: column; align-items: center; justify-content: space-between; gap: 12px; min-height: 160px; padding: 17px 10px; border: 1px solid #ad8a4d; border-radius: 18px; background: repeating-linear-gradient(135deg,#1b2c44 0 12px,#17263c 12px 24px); color: #ffe1a0; font: inherit; }
.activity-flip-card > bdi { font-size: 15px; align-self: flex-start; }
.activity-flip-card > span { margin: auto; font: 700 37px/1 "Segoe UI",sans-serif; }
.activity-flip-card.revealed { border-color: #ffe1a0; background: linear-gradient(145deg,#4f4024,#182b42); }
.activity-flip-card .numeric { font-size: 20px; }
.activity-flip-card:disabled { opacity: .7; }
.activity-scratch { display: grid; justify-items: center; gap: 12px; padding: 30px 18px; margin-top: 20px; border: 2px dashed #a48b5c; border-radius: 20px; background: repeating-linear-gradient(45deg,#3c4658 0 8px,#303e52 8px 16px); }
.activity-scratch > span { font-size: 58px; color: #cbd7e8; }
.activity-scratch.revealed { border-style: solid; background: #b58a3b18; color: var(--gold-light); }
.activity-scratch .numeric { font-size: 27px; }
.activity-treasure { display: grid; place-items: center; width: 110px; height: 90px; margin: 25px auto; border: 3px solid #dfb667; border-radius: 18px; background: linear-gradient(#786035,#322b21); color: #ffe1a0; font-size: 68px; line-height: 1; }
.activity-rounds { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; margin-top: 25px; text-align: start; }
.activity-rounds > div { display: grid; gap: 8px; padding: 15px; border: 1px solid var(--line); border-radius: 12px; }
.activity-rounds span,.activity-rounds small { color: var(--muted); font-size: 12px; }
.activity-result { display: grid; gap: 10px; padding: 18px; margin-block: 18px; border: 1px solid #bd985d66; border-radius: 14px; background: #b58a3b12; color: var(--gold-light); overflow-wrap: anywhere; }
.activity-result p { line-height: 1.8; }
.activity-uncertain { display: grid; gap: 12px; }
.activity-uncertain .button { width: fit-content; }
.production-activities form { display: grid; gap: 18px; margin-top: 20px; }
.production-activities .input { font-size: 16px; }
.activity-purchases { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; margin-top: 18px; }
.activity-purchases header { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 10px; }
.activity-main-actions { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.activity-records { display: grid; gap: 12px; margin-top: 20px; }
.activity-records article { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 10px 20px; padding: 16px; border: 1px solid var(--line); border-radius: 12px; background: var(--surface); }
.activity-records small { flex-basis: 100%; color: var(--muted); }
.activity-history > summary { min-height: 48px; padding: 12px 0; color: var(--gold-light); cursor: pointer; }
@media(max-width:1023px){
  .activity-tabs { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 7px; scrollbar-width: thin; scroll-padding-inline: 12px; }
  .activity-tabs button { flex: 0 0 auto; min-height: 46px; font-size: 15px; }
  .activity-status-line { align-items: stretch; flex-direction: column; font-size: 16px; }
  .activity-status-line > .button { min-height: 48px; }
  .activity-lobby { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
  .activity-lobby-item { min-height: 166px; padding: 18px; gap: 12px; }
  .activity-lobby-item strong { font-size: 17px; line-height: 1.65; }
  .activity-lobby-item small { font-size: 12px; }
  .activity-game { padding: 20px 17px; }
  .activity-game > .button,.production-activities form > .button,.activity-uncertain .button,.activity-purchases .button { width: 100%; min-height: 50px; font-size: 16px; }
  .activity-wheel { width: 210px; margin-block: 25px; }
  .activity-segments { grid-template-columns: minmax(0,1fr); }
  .activity-segments > div { padding: 14px; font-size: 15px; }
  .activity-card-grid { gap: 10px; }
  .activity-flip-card { min-height: 132px; padding: 13px 8px; border-radius: 14px; }
  .activity-flip-card > span { font-size: 30px; }
  .activity-flip-card .numeric { font-size: 15px; overflow-wrap: anywhere; }
  .activity-flip-card .numeric small { font-size: 9px; }
  .activity-rounds { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
  .activity-rounds > div { padding: 13px; }
  .activity-rounds small { font-size: 11px; line-height: 1.8; }
  .activity-purchases,.activity-main-actions { grid-template-columns: minmax(0,1fr); }
  .activity-result { padding: 16px; font-size: 16px; }
  .activity-records article { font-size: 16px; }
  .activity-purchase-confirm form { margin-top: 18px; }
}
@media(max-width:359px){
  .activity-lobby-item { padding: 14px; }
  .activity-lobby-item strong { font-size: 16px; }
  .activity-flip-card { min-height: 118px; }
  .activity-flip-card .numeric { font-size: 13px; }
}