/* Main-game mining console: odae/specs/mining-integration.md. */
.modal.mining-modal { width:min(1240px,96vw); max-width:none; padding:0; max-height:94vh; overflow:auto; background:#0b131c; border:1px solid #3d5261; }
#mining-console { color:#e0e9ed; font-family:'Segoe UI',sans-serif; }
#mining-console header { display:flex; justify-content:space-between; align-items:center; padding:18px 22px; border-bottom:1px solid #344651; }
#mining-console small { color:#a3b7c3; font-size:10px; letter-spacing:.8px; }
#mining-console h2 { margin:7px 0 0; font-size:23px; font-weight:550; }
#mining-console h3 { font-size:18px; font-weight:550; margin:0 0 14px; }
.mining-layout { display:grid; grid-template-columns:210px minmax(280px,1fr) 270px; }
.mining-layout>aside,.mining-field { padding:20px; min-width:0; }
.mining-layout>aside { background:#111e29; }
.mining-field { border-inline:1px solid #344651; }
#mining-sites { max-height:340px; overflow:auto; display:grid; gap:6px; margin-top:13px; }
#mining-console button { padding:9px 11px; border:1px solid #415767; border-radius:4px; background:#1a2d3b; color:#e0e9ed; cursor:pointer; font:inherit; font-size:12px; }
#mining-console button:hover:not(:disabled) { background:#2f4757; }
#mining-console button:disabled { opacity:.45; cursor:default; }
#mining-sites button { text-align:left; border-left:2px solid #deb879; }
#mining-sites button.selected { background:#35424a; border-color:#deb879; }
#mining-sites small { display:block; margin-top:5px; font-size:10px; }
#mining-console select { width:100%; margin:8px 0 2px; padding:9px; font:inherit; font-size:12px; background:#152735; color:#e0e9ed; border:1px solid #415767; }
#mining-console label { display:block; margin:15px 0 7px; font-size:12px; color:#bacbd4; }
#mining-console label b,#mining-intensity-label { float:right; }
#mining-console input[type=range] { width:100%; display:block; margin-top:10px; accent-color:#e3b16a; }
#mining-console .mining-check { display:flex; gap:9px; align-items:center; }
#mining-console input[type=checkbox] { accent-color:#e3b16a; }
#mining-console meter { display:block; width:100%; height:8px; margin-top:8px; }
#mining-console meter::-webkit-meter-bar { background:#283d4a; border:0; border-radius:0; }
#mining-console meter::-webkit-meter-optimum-value { background:#8dd1dc; }
#mining-console meter.hot::-webkit-meter-optimum-value { background:#ee8974; }
#mining-console .small { font-size:11px; line-height:1.65; }
#mining-console .dim { color:#9eb1c0; }
#mining-console hr { border:0; border-top:1px solid #344651; margin:20px 0; }
#mining-canvas { width:100%; display:block; background:#080f17; border:1px solid #304553; }
#mining-message { padding:13px; border-left:2px solid #deb879; background:#19242c; font-size:13px; line-height:1.6; min-height:65px; }
#mining-message.danger { border-color:#ee8974; color:#ffb39e; }
#mining-cargo { padding:12px 0; color:#e5bc7b; font-size:12px; line-height:1.6; }
.mining-buttons { display:flex; gap:8px; margin:17px 0; }
#mining-console #mining-start,#mining-console #mining-fly { background:#dfb16f; color:#13212b; border-color:#dfb16f; font-weight:600; }
#mining-console #mining-haul { width:100%; margin-top:10px; }
#mining-console :is(button,select,input):focus-visible { outline:2px solid #8dd1dc; outline-offset:3px; }
@media(max-width:1000px) { .mining-layout { grid-template-columns:170px minmax(240px,1fr) 240px; } .mining-layout>aside,.mining-field { padding:14px; } }
@media(max-width:780px) { .mining-layout { grid-template-columns:1fr; } #mining-sites { grid-template-columns:repeat(2,minmax(0,1fr)); max-height:150px; } .mining-layout>aside:first-child>p,.mining-layout>aside:first-child>hr,.mining-layout>aside:first-child>b { display:none; } .mining-field { border-inline:0; border-block:1px solid #344651; } #mining-console header { padding:14px; } .modal.mining-modal { max-height:96vh; } }