@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,600;12..96,800&family=Space+Mono:wght@400;700&display=swap');
.mine-intro{max-width:1400px;margin:auto;padding:45px 5% 30px;display:flex;justify-content:space-between;align-items:flex-end;gap:40px;color:var(--ink,#352338)}.mine-intro .eyebrow{display:flex;align-items:center;gap:10px;font:11px 'Space Mono',monospace;letter-spacing:1px;margin:0 0 23px}.mine-intro h1{font-family:'Bricolage Grotesque',Arial,sans-serif;font-size:clamp(48px,5.8vw,86px);font-weight:800;line-height:.97;letter-spacing:-3px;margin:0}.mine-intro h1 span{color:#ee8939}.mine-intro-copy{max-width:365px;font-family:'Bricolage Grotesque',Arial,sans-serif;padding-bottom:4px}.mine-intro-copy p{font-size:17px;line-height:1.5;margin:0 0 12px}.mine-intro-copy a{font-size:12px;text-underline-offset:4px;text-decoration:underline;font-weight:600}.mine-section{max-width:1400px;padding:0 5% 60px;margin:auto}.chonky-mine{--beat:2.65s;--cart-time:16s;font-family:'Bricolage Grotesque',Arial,sans-serif;color:#352338;isolation:isolate;position:relative;border:2px solid #352338;border-radius:20px;overflow:hidden;background:#ffefce;box-shadow:7px 9px 0 #35233822}.mine-status-bar{display:flex;justify-content:space-between;align-items:center;gap:15px;background:#352338;color:#fff0d3;font:10px 'Space Mono',monospace;letter-spacing:1px;padding:15px 23px}.mine-status{display:flex;gap:9px;align-items:center}.mine-status i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#ffb743;box-shadow:0 0 0 4px #ffb74320}.mine-effort b{color:#ffc964;margin-left:7px}.mine-viewport{position:relative;overflow:hidden;background:#ffedc7;line-height:0}.mine-scene{width:100%;display:block;height:auto}.mine-bubble{position:absolute;top:17%;left:53%;max-width:210px;padding:15px 17px;background:#fffbed;border:2px solid #352338;border-radius:14px 14px 14px 2px;box-shadow:3px 4px 0 #35233820;font-size:14px;font-weight:700;line-height:1.4;transform:translateY(9px) rotate(3deg);opacity:0;transition:opacity .2s,transform .2s;pointer-events:none}.show-bubble .mine-bubble{opacity:1;transform:translateY(0) rotate(3deg)}.mine-controls{padding:23px;display:flex;gap:22px;align-items:center;justify-content:space-between;border-top:2px solid #352338;background:#fff5df}.mine-controls>div:first-child{min-width:0}.mine-controls strong{display:block;font-size:23px;font-weight:800;letter-spacing:-.6px;line-height:1.15}.mine-controls span{display:block;font-size:13px;opacity:.75;margin-top:6px;line-height:1.4}.mine-buttons{display:flex;align-items:center;gap:14px;flex-shrink:0}.mine-buttons button{font-family:inherit;cursor:pointer;font-size:13px;line-height:1.25}.mine-boost{background:#ff963f;border:2px solid #352338;border-radius:9px;padding:13px 16px;box-shadow:3px 4px 0 #352338;font-weight:800;color:#352338;transition:transform .15s,box-shadow .15s}.mine-boost:hover{transform:translateY(-2px)}.mine-boost:active{transform:translate(3px,4px);box-shadow:none}.mine-boost:disabled{opacity:.45;cursor:default;transform:none}.mine-pause{border:1px solid #35233850;border-radius:8px;background:transparent;padding:12px;color:#352338;min-width:118px}.mine-fiction{margin:0!important;padding:0 23px 19px;background:#fff5df;line-height:1.55!important;font-size:10px!important;color:#735d64!important;max-width:none!important}.mine-buttons button:focus-visible{outline:3px solid #8f5bbc;outline-offset:5px}/* Every part of a station shares the same clock: tool contact at 60%. */
.pickaxe{transform-origin:14px 24px;animation:dig var(--beat) linear infinite;animation-delay:var(--delay,0s)}
.miner-body{transform-origin:0px 54px;animation:miner-weight var(--beat) ease-in-out infinite;animation-delay:var(--delay,0s)}
.miner-head{transform-origin:0px 13px;animation:miner-look var(--beat) ease-in-out infinite;animation-delay:var(--delay,0s)}
.miner-tail{transform-origin:-21px 38px;animation:tail-swish var(--beat) ease-in-out infinite;animation-delay:var(--delay,0s)}
.miner-eyes{transform-origin:5px -9px;animation:miner-blink 6s linear infinite;animation-delay:var(--delay,0s)}
.ore-rock{transform-origin:105px 62px;animation:rock-hit var(--beat) linear infinite;animation-delay:var(--delay,0s)}
.impact-flash{transform-origin:91px 5px;animation:impact-flash var(--beat) linear infinite;animation-delay:var(--delay,0s);opacity:0}
.ore-chip{animation:chip-flight var(--beat) linear infinite;animation-delay:var(--delay,0s);opacity:0}.chip-one{--chip-x:-25px;--chip-y:-32px}.chip-two{--chip-x:-37px;--chip-y:-15px}.chip-three{--chip-x:20px;--chip-y:-26px}
.impact-dust{transform-origin:93px 11px;animation:dust-puff var(--beat) ease-out infinite;animation-delay:var(--delay,0s)}
.ore-glint{animation:ore-glow var(--beat) linear infinite;animation-delay:var(--delay,0s);opacity:0}
.sleeping-boss{animation:boss-breathe 4.7s ease-in-out infinite;transform-origin:560px 355px}.zzz{opacity:0;animation:snore 4s ease-in-out infinite}.z2{animation-delay:1.1s}.z3{animation-delay:2.2s}
.mine-cart{animation:cart-roll var(--cart-time) linear infinite}.mine-cart>g{animation:cart-rattle .72s ease-in-out infinite}.cart-two{animation-delay:-8s}.cart-wheel{animation:wheel-roll 1.4s linear infinite;transform-origin:0 0}.overtime{--beat:1.25s;--cart-time:8s}.overtime .cart-two{animation-delay:-4s}.overtime .cart-wheel{animation-duration:.7s}.machine-led{animation:machine-led 3s ease-in-out infinite}
@keyframes dig{0%,12%{transform:rotate(-12deg)}30%{transform:rotate(-44deg)}46%,49%{transform:rotate(-75deg)}60%,62%{transform:rotate(0deg)}66%{transform:rotate(-11deg)}73%{transform:rotate(-3deg)}86%,100%{transform:rotate(-12deg)}}
@keyframes miner-weight{0%,100%{transform:rotate(-1deg)}42%,49%{transform:rotate(-7deg) translateY(-1px)}60%,62%{transform:none}66%{transform:rotate(2deg) translateY(1px)}78%{transform:rotate(0)}}
@keyframes miner-look{0%,100%{transform:rotate(1deg)}43%,49%{transform:rotate(-7deg)}60%{transform:rotate(3deg)}73%{transform:rotate(0)}}
@keyframes tail-swish{0%,100%{transform:rotate(0)}45%{transform:rotate(17deg)}62%{transform:rotate(-8deg)}80%{transform:rotate(2deg)}}
@keyframes miner-blink{0%,44%,47%,100%{transform:scaleY(1)}45%,46%{transform:scaleY(.15)}}
@keyframes rock-hit{0%,59%,72%,100%{transform:none}61%{transform:translate(1.5px,1px) rotate(1deg)}64%{transform:translate(-1px,0) rotate(-.5deg)}68%{transform:rotate(.3deg)}}
@keyframes impact-flash{0%,59%,67%,100%{opacity:0}60%{opacity:1}64%{opacity:.5}}
@keyframes chip-flight{0%,59%,85%,100%{opacity:0;transform:translate(0,0) rotate(0)}60%{opacity:1;transform:none}70%{opacity:1;transform:translate(var(--chip-x),var(--chip-y)) rotate(90deg)}83%{opacity:0;transform:translate(calc(var(--chip-x)*1.4),15px) rotate(180deg)}}
@keyframes dust-puff{0%,59%,89%,100%{opacity:0;transform:scale(.3)}62%{opacity:.5;transform:scale(.6)}80%{opacity:0;transform:translateY(-9px) scale(1.4)}}
@keyframes ore-glow{0%,58%,75%,100%{opacity:0}61%,64%{opacity:.85}}
@keyframes boss-breathe{50%{transform:translateY(-3px) scale(1.012,1.008)}}@keyframes snore{0%{opacity:0;transform:translateY(10px)}35%,65%{opacity:.8}100%{opacity:0;transform:translateY(-18px)}}@keyframes cart-roll{from{transform:translateX(-135px)}to{transform:translateX(1220px)}}@keyframes cart-rattle{0%,100%{transform:translateY(568px)}25%{transform:translateY(567px)}70%{transform:translateY(569px)}}@keyframes wheel-roll{to{transform:rotate(360deg)}}@keyframes machine-led{50%{opacity:.4}}
.chonky-mine[data-paused="true"] *,.chonky-mine.offscreen *,.chonky-mine.tab-hidden *{animation-play-state:paused!important}.chonky-mine[data-paused="true"] .mine-status i{background:#bda7c2;box-shadow:none}[data-theme="dark"] .mine-intro h1 span{color:#ffb767}[data-theme="dark"] .chonky-mine{border-color:#9c799f;box-shadow:7px 9px 0 #0004}[data-theme="dark"] .mine-controls,[data-theme="dark"] .mine-fiction{background:#35283e;color:#ffe6c0}[data-theme="dark"] .mine-fiction{color:#d1bccc!important}[data-theme="dark"] .mine-pause{color:#ffe6c0;border-color:#ffe6c044}
@media(min-width:1500px){.mine-section{max-width:1400px}.mine-intro{max-width:1400px}}
@media(max-width:740px){.mine-intro{display:block;padding-top:30px;padding-bottom:24px}.mine-intro .eyebrow{font-size:9px;margin-bottom:18px}.mine-intro h1{font-size:clamp(42px,11.4vw,60px);letter-spacing:-2px}.mine-intro-copy{max-width:none;margin-top:20px}.mine-intro-copy p{font-size:15px;margin-bottom:9px;max-width:360px}.mine-section{padding-left:0;padding-right:0;padding-bottom:35px}.chonky-mine{border-radius:0;border-left:0;border-right:0;box-shadow:none}.mine-status-bar{padding:12px 5%;font-size:9px;letter-spacing:.4px}.mine-scene{width:min(600px,140%);max-width:none;position:relative;left:50%;margin-left:0;transform:translateX(-50%)}.mine-controls{display:block;padding:20px 5%;}.mine-controls strong{font-size:22px}.mine-controls span{font-size:13px}.mine-buttons{margin-top:17px;gap:12px;justify-content:space-between}.mine-buttons button{font-size:13px}.mine-boost{flex:1}.mine-fiction{padding:0 5% 17px;font-size:10px!important}.mine-bubble{top:19%;left:47%;max-width:168px;font-size:12px;padding:10px}.header-actions{gap:8px!important}}
@media(prefers-reduced-motion:reduce){.chonky-mine *{animation:none!important;transition:none!important}.mine-cart{transform:translateX(225px)}.cart-two{transform:translateX(820px)}.zzz{opacity:.65}.impact-flash,.ore-chip,.impact-dust,.ore-glint{opacity:0}.mine-boost{display:none}}
.mine-flow{display:flex;align-items:center;justify-content:center;gap:25px;padding:18px 22px;background:#ffce82;border-block:2px solid #352338;font-family:'Space Mono',monospace}.mine-flow>span{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:700}.mine-flow b{font-size:26px;line-height:1}.mine-flow i{font-style:normal;font-size:20px;opacity:.55}.crew-preview{background:#49374f;color:#fff1d2;padding:25px 23px;border-bottom:2px solid #352338}.crew-preview-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.crew-eyebrow{display:block;font:9px 'Space Mono',monospace;letter-spacing:.7px;color:#d6bce0;margin-bottom:9px}.crew-preview-heading strong{font-size:26px;letter-spacing:-.6px;line-height:1.1;display:block}.crew-preview-heading p{font-size:13px;line-height:1.5;margin:8px 0 0;color:#dfcddf;max-width:480px}.crew-spawn{font-family:inherit;border:2px solid #2e2035;border-radius:9px;background:#ffbc63;color:#352338;padding:13px 16px;font-size:13px;font-weight:800;box-shadow:3px 4px 0 #261d2c;white-space:nowrap;cursor:pointer}.crew-spawn:active{transform:translate(2px,2px);box-shadow:1px 2px 0 #261d2c}.crew-spawn:focus-visible{outline:3px solid #fff1d2;outline-offset:4px}.crew-slots{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:19px;min-height:48px}.crew-empty{font:11px 'Space Mono',monospace;border:1px dashed #c4a3cd70;padding:16px;width:100%;border-radius:8px;color:#cbb1d1}.crew-member{margin:0;width:calc(25% - 8px);max-width:200px;background:#ffe4b8;border:2px solid #2e2035;border-radius:10px;overflow:hidden;animation:miner-arrive .7s cubic-bezier(.2,.7,.3,1) both;box-shadow:3px 4px 0 #251b2d60}.crew-member svg{display:block;width:100%;height:110px}.crew-member figcaption{font:9px 'Space Mono',monospace;padding:8px 7px;text-align:center;background:#39283e;color:#ffeccc;border-top:1px solid #352338}.crew-count{font-size:10px!important;color:#d1b9d7;line-height:1.5!important;margin:13px 0 0!important}.crew-arrival{position:absolute;left:50%;top:80%;width:260px;transform:translate(-50%,-50%) scale(.8);border:3px solid #352338;border-radius:15px;background:#ffda91;color:#352338;box-shadow:6px 8px 0 #35233860;opacity:0;pointer-events:none;z-index:5;line-height:1.2;padding:15px 12px 10px;text-align:center}.crew-arrival>span{display:block;font:9px 'Space Mono',monospace;font-weight:700;letter-spacing:.5px}.crew-arrival svg{display:block;width:100%;height:135px}.crew-arrival>strong{font:700 14px 'Space Mono',monospace;background:#352338;color:#ffda91;display:inline-block;padding:6px 12px;border-radius:5px}.holder-joining .crew-arrival{animation:arrival-toast 3.6s ease both}.chonky-mine[data-paused="true"] .crew-member{animation:none}.chonky-mine[data-paused="true"].holder-joining .crew-arrival{animation:none;opacity:1;transform:translate(-50%,-50%)}
@keyframes miner-arrive{0%{opacity:0;transform:translateY(-35px) scale(.7)}60%{opacity:1;transform:translateY(4px) scale(1.04,.94)}82%{transform:translateY(-4px) scale(.99,1.02)}100%{opacity:1;transform:none}}@keyframes arrival-toast{0%{opacity:0;transform:translate(-50%,-90%) scale(.65) rotate(-7deg)}12%{opacity:1;transform:translate(-50%,-48%) scale(1.05) rotate(2deg)}20%,80%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0)}100%{opacity:0;transform:translate(-50%,-35%) scale(.85)}}
@media(max-width:740px){.mine-flow{gap:9px;padding:17px 4%}.mine-flow>span{gap:5px;font-size:9px;line-height:1.35;max-width:100px}.mine-flow b{font-size:22px}.mine-flow i{font-size:14px}.crew-preview{padding:22px 5%}.crew-preview-heading{display:block}.crew-preview-heading strong{font-size:25px}.crew-spawn{margin-top:16px;width:100%;font-size:12px}.crew-member{width:calc(50% - 5px);max-width:none}.crew-member svg{height:90px}.crew-arrival{width:210px;top:70%}.crew-arrival svg{height:100px}}
@media(prefers-reduced-motion:reduce){.crew-member{animation:none!important}.holder-joining .crew-arrival{animation:none!important;opacity:1;transform:translate(-50%,-50%)}.ore-chip,.impact-dust,.impact-flash{display:none}}
