#mine-screen {
    justify-content: flex-start;
    gap: 14px;
    padding: 14px;
    padding-bottom: calc(24px + env(safe-area-inset-bottom, 0px));
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}
#mine-screen h1 { margin-bottom: 0; font-size: clamp(22px, 6vw, 30px); }
#mine-screen h2 { margin: 0 0 12px; font-size: 18px; }
#mine-screen .mine-subtitle { margin: 0; opacity: .8; text-align: center; line-height: 1.5; }
#mine-content { width: 100%; max-width: 600px; display: grid; gap: 14px; min-width: 0; }
#mine-screen .mine-options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
#mine-screen .mine-card,
#mine-screen .mine-option {
    min-width: 0;
    padding: 16px;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 16px;
    background: rgba(8, 13, 28, .82);
    color: #fff;
    overflow-wrap: anywhere;
    line-height: 1.5;
}
#mine-screen .mine-option { display: grid; align-content: start; gap: 4px; padding: 10px; box-sizing: border-box; text-align: left; font: inherit; cursor: pointer; width: 100%; }
#mine-screen .mine-option[data-type="24h"] { grid-column: 1 / -1; }
#mine-screen .mine-option strong { color: #00ffc8; font-size: 18px; }
#mine-screen .mine-option span { font-size: 12px; line-height: 1.35; }
#mine-screen .mine-option .mine-option-rewards { display: grid; gap: 2px; }
#mine-screen .mine-option .mine-option-lock { margin-top: 2px; }
#mine-screen .mine-option[aria-pressed="true"] { border-color: #00ffc8; box-shadow: inset 4px 0 #00ffc8; }
#mine-screen .mine-action { width: 100%; min-height: 48px; padding: 12px; border: 1px solid #00ffc8; border-radius: 12px; background: rgba(0, 255, 200, .12); color: #fff; font: inherit; font-weight: 700; cursor: pointer; }
#mine-screen button:disabled { opacity: .55; cursor: default; }
#mine-screen button:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
#mine-screen .mine-countdown { font-size: clamp(28px, 9vw, 42px); font-variant-numeric: tabular-nums; color: #00ffc8; margin: 14px 0; }
#mine-screen .mine-rewards { line-height: 1.8; }
#mine-screen .mine-progression p { margin: 8px 0; font-size: 14px; }
#mine-screen .mine-bonuses { color: #80efd0; }
#mine-screen .mine-upgrade-cost { overflow-wrap: anywhere; }
#mine-screen .mine-base-label { margin: -12px 0 0; font-size: 13px; opacity: .8; }
#mine-notice { max-width: 600px; color: #80efd0; line-height: 1.6; overflow-wrap: anywhere; }