.mining-menu-button{background:linear-gradient(135deg,#29231d,#68451d)!important;border:1px solid #8b642f!important}.buttons-grid .app-button.hidden{display:none!important}
.mining-screen{--gold:#e8b45d;box-sizing:border-box;min-height:100vh;width:100%;max-width:760px;margin:auto;padding:calc(12px + env(safe-area-inset-top,0px)) 12px calc(34px + env(safe-area-inset-bottom,0px));overflow-x:hidden;color:#eee7da;background:radial-gradient(circle at 50% -10%,#362919 0,transparent 28%),linear-gradient(#151512,#060706)}.mining-screen:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.14;background:repeating-linear-gradient(117deg,transparent 0 18px,#ffffff08 19px,transparent 21px)}.mining-screen>*{position:relative}.mining-header{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:11px;align-items:center;margin:0 2px 12px}.mining-kicker,.mining-section-heading>span,.mining-eyebrow{display:block;color:#8f806c;font-size:8px;font-weight:850;letter-spacing:.16em}.mining-title h1{margin:2px 0 0;color:#faf5eb;font-size:25px;line-height:1}.mining-back{width:42px;height:42px;padding:0;border:1px solid #3a342b;border-radius:11px;background:linear-gradient(145deg,#24231f,#10110f);color:#eac27d;font-size:22px}.mining-status-badge{padding:7px 10px;border:1px solid #365b42;border-radius:999px;background:#15221a;color:#79d99a;font-size:10px;white-space:nowrap}.mining-status-badge:before{content:"";display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:currentColor;box-shadow:0 0 7px}.mining-status-badge[data-state=active],.mining-status-badge[data-state=readyClaim]{color:#efbb63;background:#261d11;border-color:#684a25}
.mining-hero{position:relative;display:flex;justify-content:space-between;align-items:flex-end;min-height:94px;margin-bottom:10px;padding:17px 16px;overflow:hidden;border:1px solid #58452c;border-radius:15px;background:linear-gradient(105deg,#29251e,#0d0e0d);box-shadow:0 12px 24px #0006}.mining-hero:before{content:"";position:absolute;left:9%;right:9%;bottom:-32px;height:67px;border-radius:50%;background:#b56b1b;opacity:.22;filter:blur(18px)}.mining-hero-depth,.mining-points-pill{position:relative;z-index:2}.mining-hero-depth>span{display:block;margin-bottom:5px;color:#9d8e77;font-size:9px;font-weight:800;letter-spacing:.13em}.mining-hero-depth strong{font-size:22px}.mining-hero-depth strong span{font-weight:500;color:#b9aa93}.mining-hero-depth i{font-style:normal;color:#645846}.mining-hero-depth b:last-child{color:var(--gold)}.mining-points-pill{display:grid;grid-template-columns:auto auto;gap:0 6px;align-items:center;padding:8px 10px;border:1px solid #4b3b26;border-radius:10px;background:#050605aa}.mining-points-pill>span{grid-row:1/3;color:#d99a41;font-size:10px;font-weight:950}.mining-points-pill>b{font-size:15px}.mining-points-pill small{color:#897c69;font-size:7px}.mining-dust{position:absolute;width:2px;height:2px;border-radius:50%;background:#e9c27d;animation:mining-float 4s ease-in-out infinite}.dust-one{left:43%;top:24%}.dust-two{left:62%;top:65%;animation-delay:1.2s}.dust-three{left:78%;top:31%;animation-delay:2.1s}
.mining-tabs{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4px;margin-bottom:10px;padding:4px;border:1px solid #24241f;border-radius:11px;background:#090a09}.mining-tabs button{min-width:0;padding:9px 6px;border:0;border-radius:8px;background:transparent;color:#7f786d;font-size:12px;font-weight:800}.mining-tabs button.active{background:#252019;color:#f2cf8d;box-shadow:inset 0 0 0 1px #6b4c27}.mining-panel{min-width:0}
.mining-action{margin-bottom:10px;overflow:hidden;border:1px solid #58452d;border-radius:16px;background:#121311;box-shadow:0 13px 28px #0007}.mining-scene{position:relative;height:222px;overflow:hidden;background:radial-gradient(ellipse at 50% 32%,#8c642833,transparent 37%),linear-gradient(#211e18,#0a0b0a 78%)}.mining-tunnel{position:absolute;inset:0;background:linear-gradient(112deg,#000a 0 16%,transparent 17% 80%,#0009 81%),repeating-linear-gradient(102deg,transparent 0 29px,#ffffff07 30px 31px),radial-gradient(ellipse at 50% 112%,#54422d 0 11%,#211b15 38%,#080908 72%)}.mining-tunnel:before,.mining-tunnel:after{content:"";position:absolute;top:0;bottom:0;width:9px;background:linear-gradient(90deg,#171510,#5a472f,#171510)}.mining-tunnel:before{left:18%;transform:skewX(-5deg)}.mining-tunnel:after{right:18%;transform:skewX(5deg)}.mining-lamp{position:absolute;z-index:4;top:18px;left:50%;width:31px;height:6px;transform:translateX(-50%);border:2px solid #564226;border-radius:50%;background:#ffd07b;box-shadow:0 0 18px 6px #e2a24147}.mining-cage{position:absolute;z-index:2;left:50%;bottom:33px;width:91px;height:112px;transform:translateX(-50%);border:4px solid #514839;border-top-width:9px;background:#28241eb3;box-shadow:0 10px 16px #000}.mining-cage:before,.mining-cage:after{content:"";position:absolute;top:-8px;bottom:0;width:3px;background:#6a5c47}.mining-cage:before{left:25px}.mining-cage:after{right:25px}.mining-cage i{position:absolute;top:-30px;left:40px;width:4px;height:24px;background:#655843}.mining-cage span{position:absolute;left:-10px;right:-10px;bottom:4px;height:9px;background:#75644e}.mining-cage b{position:absolute;left:6px;right:6px;top:9px;height:3px;background:#625642;box-shadow:0 31px #625642,0 62px #625642}.mining-cart{position:absolute;z-index:3;right:15%;bottom:30px;width:64px;height:37px;border:3px solid #595043;border-top:0;transform:skew(-8deg);background:#332f28}.mining-cart:before{content:"";position:absolute;left:-4px;right:-4px;top:-7px;height:7px;background:#75644e}.mining-cart b{position:absolute;bottom:-13px;width:13px;height:13px;border:3px solid #675944;border-radius:50%;background:#111}.mining-cart b:first-of-type{left:6px}.mining-cart b:last-of-type{right:6px}
.mining-drill{position:absolute;z-index:4;right:14%;bottom:34px;width:34px;height:88px;transform-origin:50% 90%;animation:mining-drill-work .7s ease-in-out infinite}.mining-drill span{position:absolute;left:7px;top:0;width:25px;height:48px;border:2px solid #77674f;border-radius:6px;background:linear-gradient(90deg,#292720,#827056,#292720)}.mining-drill i{position:absolute;left:17px;top:48px;width:7px;height:37px;background:repeating-linear-gradient(#9c825f 0 5px,#332e27 6px 9px)}.mining-drill b{position:absolute;left:8px;bottom:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:16px solid #796849}.mining-spark{position:absolute;z-index:5;right:17%;bottom:23px;width:4px;height:4px;border-radius:50%;background:#ffd47e;opacity:0;animation:mining-spark 1.1s ease-out infinite}.mining-spark.s2{right:21%;animation-delay:.15s}.mining-spark.s3{right:13%;animation-delay:.3s}.mining-ready-rays{position:absolute;left:50%;bottom:-35px;width:180px;height:180px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,#fabb4a59,#d6851c14 42%,transparent 66%);animation:mining-ready-pulse 1.6s ease-in-out infinite}.mining-crate{position:absolute;z-index:4;left:50%;bottom:40px;width:76px;height:66px;transform:translateX(-50%);border:4px solid #8c6d3e;background:#5b3d21;box-shadow:0 0 24px #efac3d4d}.mining-crate:before,.mining-crate:after{content:"";position:absolute;background:#b18b50}.mining-crate:before{left:8px;right:8px;top:28px;height:5px}.mining-crate:after{top:5px;bottom:5px;left:33px;width:5px}
.mining-action-copy{padding:14px 15px 15px}.mining-action-copy h2{margin:3px 0 4px;font-size:19px}.mining-action-copy p{margin:0;color:#968c7d;font-size:11px}.mining-primary{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:48px;margin-top:13px;padding:0 17px;border:1px solid #f0c171;border-radius:11px;background:linear-gradient(#f0bf68,#bd782b);color:#201306;font-size:14px;font-weight:950}.mining-primary i{font-style:normal;font-size:22px}.mining-primary:disabled{opacity:.56}.mining-running{justify-content:center;border-color:#57472e;background:#2b261e;color:#ad9d84}.mining-timer{display:flex;justify-content:space-between;align-items:center;color:#938878;font-size:11px}.mining-timer strong{color:#efc36f;font-size:25px;font-variant-numeric:tabular-nums}.mining-progress{height:7px;margin:12px 0 7px;overflow:hidden;border-radius:6px;background:#080908}.mining-progress i{display:block;height:100%;background:linear-gradient(90deg,#95571e,#e9b45c);transition:width .5s linear}.mining-secondary{min-height:42px;border:1px solid #4a4236;border-radius:10px;background:#181916;color:#c7bca9;font-weight:800}.mining-ad-action{display:flex;width:100%;margin:-1px 0 10px;align-items:center;justify-content:center;gap:8px}.mining-ad-action.hidden{display:none}.mining-ad-action small{color:#e6b35e}.mining-ad-mark{padding:3px 5px;border:1px solid #736041;border-radius:4px;font-size:8px}
.mining-depth-selector{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:10px;padding:13px 14px;text-align:left;border:1px solid #39352e;border-radius:12px;background:#151613;color:#eee5d6}.mining-depth-selector>span{display:grid;gap:2px;min-width:0}.mining-depth-selector small{color:#897e6c;font-size:8px;letter-spacing:.12em}.mining-depth-selector strong{font-size:14px}.mining-depth-selector em{max-width:210px;overflow:hidden;color:#9b907f;font-size:9px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.mining-depth-selector>b{flex:none;color:#d8a758;font-size:10px}.mining-depth-selector i{font-size:17px;font-style:normal}.mining-depth-sheet{position:fixed;inset:0;z-index:100;display:flex;align-items:flex-end;background:#000c;backdrop-filter:blur(3px)}.mining-depth-sheet.hidden{display:none}.mining-depth-sheet-card{box-sizing:border-box;width:100%;max-height:86vh;padding:8px 13px calc(18px + env(safe-area-inset-bottom,0px));overflow:auto;border:1px solid #443a2d;border-bottom:0;border-radius:18px 18px 0 0;background:linear-gradient(#181815,#0b0c0b)}.mining-sheet-handle{width:42px;height:4px;margin:0 auto 12px;border-radius:3px;background:#5f574b}.mining-depth-sheet-card header{display:flex;justify-content:space-between}.mining-depth-sheet-card h2{margin:2px 0;font-size:20px}.mining-depth-close{width:37px;height:37px;border:1px solid #403a31;border-radius:50%;background:#22211d;color:#d9cbb5;font-size:23px}.mining-depth-map{position:relative;display:grid;gap:7px}.mining-depth-map:before{content:"";position:absolute;top:22px;bottom:22px;left:20px;width:3px;background:#755733}.mining-floor{position:relative;display:grid;grid-template-columns:41px minmax(0,1fr) auto;gap:10px;align-items:center;width:100%;min-height:66px;padding:8px 10px 8px 0;text-align:left;border:1px solid #2d2d28;border-radius:10px;background:#111210;color:#e8dfd1}.mining-floor:disabled{opacity:1}.mining-floor-node{position:relative;z-index:2;display:grid;width:39px;height:39px;place-items:center}.mining-floor-node i{position:absolute;inset:5px;border:2px solid #67543b;border-radius:50%;background:#171713}.mining-floor-node b{position:relative;color:#c9a66d;font-size:11px}.mining-floor-copy{display:grid;gap:2px;min-width:0}.mining-floor-copy small,.mining-floor-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mining-floor-copy small,.mining-floor-copy em{color:#81786c;font-size:8px}.mining-floor-copy strong{font-size:11px}.mining-floor-copy em{font-style:normal}.mining-floor-state{padding:4px 6px;border-radius:5px;background:#22221e;color:#8e877c;font-size:7px}.mining-floor.available{border-color:#51422f;background:#181712}.mining-floor.current{border-color:#bd8337;background:#251d13;box-shadow:inset 3px 0 #d99d4a}.mining-floor.current .mining-floor-state{background:#5c3d18;color:#ffd88e}.mining-floor.locked{filter:saturate(.6)}
.mining-section-heading{margin-bottom:10px}.mining-section-heading h2{margin:2px 0;font-size:15px}.mining-equipment,.mining-preview{margin-bottom:10px;padding:13px;border:1px solid #302f29;border-radius:13px;background:#121310}.mining-pickaxe-card{display:grid;grid-template-columns:76px minmax(0,1fr);gap:12px;align-items:center;padding:11px;border:1px solid #373329;border-radius:11px;background:#0b0c0b}.mining-pickaxe-visual{position:relative;display:grid;width:68px;height:76px;place-items:center;border:1px solid #3f382d;border-radius:9px;background:#1b1a16}.mining-pickaxe-visual span{position:relative;width:9px;height:53px;transform:rotate(35deg);border-radius:4px;background:linear-gradient(90deg,#49321d,#bb7a37,#49321d)}.mining-pickaxe-visual span:before{content:"";position:absolute;left:-21px;top:-4px;width:49px;height:10px;border-radius:50%;background:linear-gradient(#a99d89,#4e4c47)}.mining-pickaxe-visual b{position:absolute;right:4px;bottom:4px;color:#e8b968;font-size:7px}.mining-pickaxe-info{min-width:0}.mining-pickaxe-info>small{color:#877b69;font-size:7px}.mining-pickaxe-info>strong{display:block;margin:2px 0 8px;font-size:14px}.mining-pickaxe-stats{display:grid;grid-template-columns:1fr 1fr;gap:6px}.mining-pickaxe-stats span{padding:5px;background:#171813}.mining-pickaxe-stats small{display:block;color:#71695e;font-size:6px}.mining-pickaxe-stats b{color:#dcb064;font-size:10px}.mining-durability-label{display:flex;justify-content:space-between;color:#948979;font-size:8px}.mining-durability{height:5px;margin-top:4px;overflow:hidden;background:#25231e}.mining-durability i{display:block;height:100%;background:#bc8d43}.mining-pickaxe-card.low i,.mining-pickaxe-card.critical i{background:#c46b34}.mining-pickaxe-card.broken{border-color:#6f382c}.mining-equipment-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.mining-equipment-actions .mining-primary,.mining-equipment-actions .mining-secondary{margin-top:9px;justify-content:center}
.mining-resource-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.mining-resource-chip{position:relative;display:grid;min-width:0;min-height:82px;padding:8px 4px;text-align:center;border:1px solid #302e29;border-radius:9px;background:#0c0d0c}.mining-resource-chip>span{font-size:23px}.mining-resource-chip small{overflow:hidden;color:#938a7d;font-size:7px;text-overflow:ellipsis}.mining-resource-chip b{color:#e9c47e;font-size:11px}.mining-text-action{display:flex;justify-content:space-between;width:100%;margin-top:8px;padding:8px 2px 0;border:0;background:none;color:#cda45f;font-size:11px;font-weight:800}.mining-preview-empty{grid-column:1/-1;padding:14px;color:#817a70;font-size:10px;text-align:center}.mining-inventory{display:grid;gap:8px}.mining-inventory-card{display:grid;grid-template-columns:45px minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px;border:1px solid #302f2a;border-radius:11px;background:#111210}.mining-resource-icon{font-size:25px;text-align:center}.mining-inventory-card h3{margin:2px 0;font-size:13px}.mining-inventory-card p{margin:0;color:#82796c;font-size:8px}.mining-inventory-card>strong{color:#e8ba69}
.mining-reveal{position:relative;display:grid;place-items:center;min-height:315px;padding:20px;text-align:center;background:radial-gradient(circle,#ebaf4b33,transparent 36%),#0d0e0c;animation:mining-reveal-in .38s ease-out}.mining-reveal>button{position:absolute;right:12px;top:10px;border:0;background:none;color:#827b70;font-size:21px}.mining-reveal-kicker{color:#bfa36f;font-size:8px;letter-spacing:.2em}.mining-reveal-icon{position:relative;display:grid;width:93px;height:93px;place-items:center}.mining-reveal-icon i{position:absolute;inset:0;border:1px solid #e8b45d55;transform:rotate(45deg)}.mining-reveal-icon span{font-size:52px}.mining-reveal>b{color:#efbd65;font-size:24px}.mining-rarity{padding:3px 7px;border:1px solid #3d382e;color:#a99b86;font-size:7px}.mining-reveal-points{color:#e6af51!important;font-size:15px!important}.mining-loading,.mining-empty,.mining-error{display:grid;min-height:170px;padding:24px;place-items:center;text-align:center;border:1px solid #302e28;border-radius:14px;background:#111210;color:#a79b89}.mining-loading i{width:28px;height:28px;border:2px solid #453b2c;border-top-color:#d49a47;border-radius:50%;animation:mining-spin .8s linear infinite}.mining-error .mining-primary{justify-content:center}.mining-shaft{display:none}
@keyframes mining-spin{to{transform:rotate(360deg)}}@keyframes mining-float{50%{transform:translateY(-17px);opacity:.55}}@keyframes mining-drill-work{50%{transform:translate(1px,2px) rotate(-7deg)}}@keyframes mining-spark{55%{opacity:1}100%{opacity:0;transform:translate(15px,-18px)}}@keyframes mining-ready-pulse{50%{opacity:1;transform:translateX(-50%) scale(1.04)}}@keyframes mining-reveal-in{from{opacity:0;transform:scale(.92)}}
@media(max-width:390px){.mining-screen{padding-inline:9px}.mining-title h1{font-size:23px}.mining-kicker{font-size:7px}.mining-status-badge{max-width:92px;padding:6px 8px;overflow:hidden;font-size:9px}.mining-hero{min-height:88px;padding:14px 12px}.mining-hero-depth strong{font-size:19px}.mining-scene{height:211px}.mining-depth-selector em{max-width:180px}.mining-pickaxe-card{grid-template-columns:68px minmax(0,1fr);padding:9px}}
.mining-screen.mining-paused .mining-dust,.mining-screen.mining-paused .mining-drill,.mining-screen.mining-paused .mining-spark,.mining-screen.mining-paused .mining-ready-rays{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.mining-dust,.mining-drill,.mining-spark,.mining-ready-rays,.mining-reveal,.mining-loading i{animation:none!important}.mining-progress i{transition:none}}