.gold-mine-theme { background: radial-gradient(circle at 72% 25%, #d6a33a2c, transparent 28%), linear-gradient(135deg, #17140f, #292116 66%, #101318); }
.gold-mine-theme .navigation-panel { padding-top: 3px; }
.gold-mine-overview { grid-column: 1 / -1; display: grid; gap: 9px; width: 100%; }
.gold-mine-construction-card { grid-column: 1 / -1; display: grid; justify-items: center; gap: 8px; width: min(100%, 430px); margin: 0 auto; padding: 18px; border: 1px solid #c99a4d66; border-radius: 14px; color: #d9d2c5; background: radial-gradient(circle at 50% 0, #d09b3128, transparent 52%), linear-gradient(150deg, #211c15, #10141a 65%); box-shadow: 0 14px 34px #0008; text-align: center; }
.gold-mine-construction-image { width: 96px; height: 96px; object-fit: contain; filter: grayscale(.45) drop-shadow(0 8px 12px #000b); }
.gold-mine-construction-card > span { color: #cf9f50; font-size: 8px; font-weight: 900; letter-spacing: .13em; }
.gold-mine-construction-card h2 { margin: 0; color: #f0e4ce; font: 700 19px Georgia, serif; }
.gold-mine-construction-card p { max-width: 330px; margin: 0; color: #9299a3; font-size: 10px; line-height: 1.45; }
.gold-mine-construction-timer { display: grid; gap: 3px; min-width: 180px; padding: 10px; border: 1px solid #c99a4d40; border-radius: 9px; background: #0d1117; }
.gold-mine-construction-timer small { color: #9299a3; font-size: 9px; }
.gold-mine-construction-timer strong { color: #e8bd6d; font-size: 15px; }
.gold-mine-material-cost { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; width: 100%; }
.gold-mine-material-cost span { display: flex; align-items: center; justify-content: center; gap: 5px; padding: 7px; border: 1px solid #c99a4d32; border-radius: 8px; color: #d9d2c5; background: #0d1117; font-size: 10px; }
.gold-mine-material-icon { width: 24px; height: 24px; object-fit: contain; }
.gold-mine-primary, .gold-mine-upgrade-card button { width: 100%; min-height: 38px; border: 1px solid #d2a04f80; border-radius: 8px; color: #f2d59f; background: linear-gradient(145deg, #382616, #221810); font-size: 10px; font-weight: 900; }
.gold-mine-primary:disabled, .gold-mine-upgrade-card button:disabled { opacity: .4; }
.gold-mine-storage-card { display: grid; grid-template-columns: 50px 1fr; align-items: center; gap: 4px 10px; padding: 11px; border: 1px solid #c99a4d55; border-radius: 11px; background: linear-gradient(145deg, #201a12, #11151a); }
.gold-mine-storage-image { grid-row: 1 / 3; width: 50px; height: 50px; object-fit: contain; filter: drop-shadow(0 5px 8px #0009); }
.gold-mine-storage-card > div:nth-child(2) { display: grid; gap: 3px; }
.gold-mine-storage-card small { color: #a17f49; font-size: 8px; font-weight: 800; letter-spacing: .09em; }
.gold-mine-storage-card strong { color: #edd39f; font-size: 14px; }
.gold-mine-storage-track { grid-column: 2; height: 5px; overflow: hidden; border-radius: 9px; background: #070a0e; }
.gold-mine-storage-track i { display: block; height: 100%; background: linear-gradient(90deg, #aa6e22, #f0c765); box-shadow: 0 0 8px #eab84b66; }
.gold-mine-worker-card { display: grid; gap: 9px; padding: 11px; border: 1px solid #c99a4d3c; border-radius: 11px; background: linear-gradient(145deg, #181713, #0e1218); }
.gold-mine-worker-card header { display: flex; align-items: center; gap: 9px; }
.gold-mine-worker-image { width: 44px; height: 44px; object-fit: contain; filter: drop-shadow(0 5px 7px #0009); }
.gold-mine-worker-card h3 { margin: 0 0 3px; color: #e8dfd0; font: 700 14px Georgia, serif; }
.gold-mine-worker-card header small { color: #8f96a0; font-size: 9px; }
.gold-mine-rate, .gold-mine-mint-offer { display: flex; align-items: center; justify-content: center; gap: 5px; min-height: 36px; padding: 7px; border: 1px solid #c99a4d2c; border-radius: 8px; color: #9da3ab; background: #0d1117; font-size: 9px; }
.gold-mine-rate b, .gold-mine-mint-offer b { color: #ecc77e; font-size: 11px; }
.gold-mine-flow-icon, .gold-mine-inline-icon { width: 18px; height: 18px; object-fit: contain; }
.gold-mine-mint-offer span { display: inline-flex; align-items: center; gap: 3px; }
.gold-mine-mint-offer em { color: #c59143; font-style: normal; }
.gold-mine-active-job, .gold-mine-ready-result { display: grid; justify-items: center; gap: 4px; padding: 9px; border: 1px solid #c99a4d30; border-radius: 8px; color: #9299a3; background: #0d1117; font-size: 9px; }
.gold-mine-active-job strong, .gold-mine-ready-result strong { display: flex; align-items: center; gap: 4px; color: #edc574; font-size: 13px; }
.gold-mine-upgrade-card { display: grid; justify-items: center; gap: 5px; padding: 10px; border: 1px solid #ffffff0f; border-radius: 10px; background: #10141a; text-align: center; }
.gold-mine-upgrade-card > span { color: #d0ae6c; font-size: 10px; font-weight: 800; }
.gold-mine-upgrade-card > strong { color: #ecc677; font-size: 13px; }
.gold-mine-upgrade-card > small { color: #858c96; font-size: 8px; }
.gold-mine-confirmation { position: fixed; z-index: 120; inset: 0; display: grid; place-items: center; padding: 16px; }
.gold-mine-confirmation[hidden] { display: none; }
.gold-mine-confirmation-backdrop { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; background: #05080dce; backdrop-filter: blur(4px); }
.gold-mine-confirmation-dialog { position: relative; z-index: 1; display: grid; gap: 11px; width: min(390px, 100%); padding: 15px; border: 1px solid #d19d4e80; border-radius: 14px; color: #dcd6cc; background: linear-gradient(155deg, #211c15, #10141a 62%); box-shadow: 0 18px 50px #000c; }
.gold-mine-confirmation-dialog header { display: flex; align-items: center; gap: 9px; }
.gold-mine-dialog-image { width: 52px; height: 52px; object-fit: contain; }
.gold-mine-confirmation-dialog header small { color: #d4a453; font-size: 8px; font-weight: 800; letter-spacing: .12em; }
.gold-mine-confirmation-dialog h3 { margin: 3px 0 0; color: #efe4d3; font: 700 18px Georgia, serif; }
.gold-mine-upgrade-effects { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
.gold-mine-upgrade-effects span { display: grid; gap: 4px; padding: 8px; border: 1px solid #c99a4d2f; border-radius: 8px; color: #8f96a0; background: #0d1117; font-size: 8px; }
.gold-mine-upgrade-effects b { color: #e7c375; font-size: 10px; }
.gold-mine-confirmation-dialog p { margin: 0; color: #9299a3; font-size: 9px; line-height: 1.45; }
.gold-mine-confirmation-dialog p b { color: #dfbd78; }
.gold-mine-dialog-actions { display: grid; grid-template-columns: .7fr 1.3fr; gap: 7px; }
.gold-mine-dialog-actions button { min-height: 38px; border: 1px solid #c78d465c; border-radius: 8px; color: #efd49f; background: #251b14; font-size: 9px; font-weight: 800; }
.gold-mine-dialog-actions button:first-child { color: #a9afb8; border-color: #ffffff17; background: #141820; }
.gold-mine-dialog-actions button:disabled { opacity: .42; }
@media (min-width: 700px) { .gold-mine-overview { grid-template-columns: repeat(2, minmax(0, 1fr)); } .gold-mine-storage-card, .gold-mine-upgrade-card { grid-column: 1 / -1; } }