.mine-intro{--p:0;position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#03050a;color:#f3f1ec;overflow:hidden;font-family:'DM Sans',sans-serif;transition:opacity .8s ease;isolation:isolate}.mine-intro::backdrop{background:transparent}.mine-intro *{box-sizing:border-box}.mine-intro button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.mine-intro button:focus-visible,.mine-intro .mine-scroll:focus-visible{outline:2px solid #99b6ff;outline-offset:4px}.mine-intro button:disabled{cursor:default}.mine-intro .mine-scroll{height:100%;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;touch-action:pan-y}.mine-intro .mine-scroll::-webkit-scrollbar{display:none}.mine-intro .mine-track{height:210svh}.mine-intro .mine-stage{position:sticky;top:0;height:100svh;overflow:hidden}.mine-intro .mine-world{position:absolute;inset:-2%;pointer-events:none;transition:opacity .6s}.mine-intro .mine-world picture{position:absolute;inset:0;transform:scale(calc(1 + var(--p)*.13));will-change:transform}.mine-intro .mine-world picture img{width:100%;height:100%;object-fit:cover}.mine-intro .shade{position:absolute;inset:0;background:linear-gradient(#03050aaa,#03050a22 45%,#03050acc),radial-gradient(ellipse,transparent,#03050a99)}.mine-intro .beam{position:absolute;inset:0;background:radial-gradient(ellipse at 51% 60%,#ffd49535,transparent 53%);opacity:var(--p)}.mine-intro .frame-left,.mine-intro .frame-right,.mine-intro .frame-top{position:absolute;filter:brightness(.48);pointer-events:none}.mine-intro .frame-left{left:-7%;top:0;width:22%;height:100%;transform:translateX(calc(var(--p)*-24%))}.mine-intro .frame-right{right:-7%;top:0;width:22%;height:100%;transform:translateX(calc(var(--p)*24%))}.mine-intro .frame-top{left:0;top:-4%;width:100%;height:15%;transform:translateY(calc(var(--p)*-40%))}.mine-intro .mine-top{position:absolute;inset:0 0 auto;display:flex;justify-content:space-between;align-items:center;padding:20px 4vw;z-index:10;font-size:14px;background:linear-gradient(#03050a99,transparent)}.mine-intro .mine-top>span{font-weight:650}.mine-intro .mine-top i{font-weight:400;font-style:normal;color:#b9b7b1;font-size:12px;margin-left:12px}.mine-intro .mine-skip{background:transparent;border:0;border-bottom:1px solid #f3f1ec60;min-height:44px;padding:8px 0}.mine-intro .mine-copy{position:absolute;top:17%;left:10%;width:80%;text-align:center;z-index:3;pointer-events:none;transition:opacity .4s}.mine-intro .mine-eyebrow{font-size:11px;letter-spacing:.12em;color:#cec5b8;margin:0 0 18px}.mine-intro .mine-copy h2{font-weight:500;font-size:clamp(48px,6.6vw,96px);line-height:.94;letter-spacing:-.055em;margin:0}.mine-intro .mine-copy em,.mine-intro .welcome em{font-family:'Instrument Serif',serif;font-weight:400;letter-spacing:-.035em;color:#c4d2f2}.mine-intro .mine-line{font-size:13px;color:#d8d2c8;margin:22px 0 0}.mine-intro .equipment{position:absolute;inset:0;pointer-events:none;transition:opacity .6s}.mine-intro .helmet{position:absolute;width:min(43vw,460px);left:50%;top:47%;transform:translate(calc(-50% - var(--p)*18%),calc(var(--p)*-115%)) rotate(calc(var(--p)*-12deg)) scale(calc(1 - var(--p)*.38));opacity:calc(1 - var(--p)*1.6);filter:drop-shadow(0 25px 22px #0009);will-change:transform,opacity}.mine-intro .hammer{position:absolute;right:15%;top:57%;width:min(28vw,310px);transform:translate(calc(var(--p)*32%),calc(var(--p)*-9%)) rotate(calc(-22deg + var(--p)*38deg));transform-origin:80% 80%;filter:drop-shadow(0 12px 14px #0008);z-index:6}.mine-intro .lamp{position:absolute;left:17%;top:60%;width:min(18vw,210px);transform:translate(calc(var(--p)*-55%),calc(var(--p)*30%));filter:drop-shadow(0 10px 15px #0008)}.mine-intro .lamp img{width:100%;display:block}.mine-intro .lamp-on{position:absolute;inset:0;opacity:var(--p)}.mine-intro .mine-rock{position:absolute;top:47%;left:50%;width:min(52vw,640px);aspect-ratio:1.5;border:0;background:none;padding:0;transform:translate(-50%,calc(50px - var(--p)*50px)) scale(calc(.83 + var(--p)*.17));opacity:clamp(0,calc((var(--p) - .4)*2.8),1);pointer-events:none;z-index:4}.mine-intro[data-phase="2"] .mine-rock{pointer-events:auto}.mine-intro .mine-rock>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transition:opacity .28s,transform .7s}.mine-intro .rock{filter:drop-shadow(0 20px 30px #0009)}.mine-intro .rock-cracked{opacity:0;mask-image:url('/assets/mine-intro/rock.webp');mask-size:100% 100%}.mine-intro .rock-open{opacity:0}.mine-intro .mine-rock>.specimen{width:49%;height:56%;inset:20% auto auto 25.5%;opacity:0;transform:scale(.75);filter:drop-shadow(0 0 28px #a5bfff55)}.mine-intro .mine-rock>span{position:absolute;bottom:9%;left:0;right:0;font-size:13px;text-align:center;text-shadow:0 2px 8px #000}.mine-intro .mine-rock:not(:disabled):hover .rock{transform:scale(1.035)}.mine-intro .mine-bottom{position:absolute;bottom:0;left:0;right:0;padding:20px 4vw max(24px,env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(transparent,#03050aee);z-index:9}.mine-intro .mine-step{font-size:11px;color:#c6c2b9}.mine-intro .mine-next{border:1px solid #f3f1ec4d;border-radius:2px 20px 2px 20px;background:#0c111ccc;min-height:48px;padding:12px 24px;transition:background .2s}.mine-intro .mine-next:hover{background:#23304a}.mine-intro .progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:#ffffff15}.mine-intro .progress span{display:block;height:100%;background:#99b6ff;transform:scaleX(var(--p));transform-origin:left}.mine-intro .impact{position:absolute;inset:0;pointer-events:none;z-index:7}.mine-intro .dust{position:absolute;width:85%;left:7.5%;top:35%;opacity:0}.mine-intro .fragment{position:absolute;top:-15%;width:clamp(40px,7vw,110px);opacity:0}.mine-intro .welcome{position:absolute;inset:18% 5% auto;text-align:center;opacity:0;transform:translateY(18px);transition:opacity .7s,transform .7s;pointer-events:none;z-index:8}.mine-intro .welcome p{font-size:clamp(24px,3.5vw,44px);margin:0}.mine-intro .welcome em{font-size:clamp(70px,10vw,140px);line-height:1}.mine-intro.striking .hammer{animation:mine-swing .5s cubic-bezier(.4,0,.7,1) both}.mine-intro.striking .mine-bottom,.mine-intro.striking .mine-rock>span{opacity:0;pointer-events:none}.mine-intro.cracked .rock{opacity:0}.mine-intro.cracked .rock-cracked{opacity:1}.mine-intro.cracked .dust{animation:mine-dust 1.7s ease-out both}.mine-intro.cracked .fragment{animation:mine-fall 1.5s cubic-bezier(.45,0,.85,.6) var(--delay) both}.mine-intro.discovered .rock-cracked{opacity:0}.mine-intro.discovered .rock-open,.mine-intro.discovered .specimen{opacity:1}.mine-intro.discovered .specimen{transform:scale(1)}.mine-intro.discovered .mine-copy,.mine-intro.discovered .equipment{opacity:0}.mine-intro.discovered .welcome{opacity:1;transform:none}.mine-intro.leaving{opacity:0;pointer-events:none}.mine-replay{background:none;border:0;border-bottom:1px solid currentColor;color:inherit;font:inherit;font-size:12px;cursor:pointer;min-height:44px}.mine-intro:not(.loaded) .equipment,.mine-intro:not(.loaded) .mine-world{opacity:0}.mine-intro.reduced .mine-track{height:160svh}.mine-intro.reduced .fragment,.mine-intro.reduced .dust{display:none}.mine-intro.reduced *{animation:none!important;transition:none!important}.mine-intro.reduced .mine-world picture,.mine-intro.reduced .frame-left,.mine-intro.reduced .frame-right,.mine-intro.reduced .frame-top,.mine-intro.reduced .hammer,.mine-intro.reduced .lamp{transform:none}
@keyframes mine-swing{0%{transform:translate(32%,-9%) rotate(16deg)}45%{transform:translate(10%,-30%) rotate(45deg)}72%{transform:translate(-55%,0) rotate(-40deg)}100%{transform:translate(-40%,12%) rotate(-20deg)}}@keyframes mine-fall{0%{opacity:0;transform:translateY(-10vh) rotate(0)}8%{opacity:1}90%{opacity:1}100%{opacity:0;transform:translateY(125vh) rotate(var(--r))}}@keyframes mine-dust{0%{opacity:0;transform:scale(.35)}20%{opacity:.65}100%{opacity:0;transform:scale(1.5) translateY(-12%)}}
@media(max-width:650px){.mine-intro .mine-top{padding:14px 6vw}.mine-intro .mine-top i{display:none}.mine-intro .mine-copy{top:19%;left:5%;width:90%}.mine-intro .mine-copy h2{font-size:clamp(43px,12vw,66px)}.mine-intro .mine-line{font-size:12px;margin-top:18px}.mine-intro .mine-eyebrow{font-size:10px}.mine-intro .helmet{width:78vw;top:45%}.mine-intro .hammer{width:45vw;right:3%;top:64%}.mine-intro .lamp{width:29vw;left:7%;top:66%}.mine-intro .mine-rock{width:94vw;top:48%}.mine-intro .frame-left,.mine-intro .frame-right{width:28%}.mine-intro .mine-bottom{padding-left:6vw;padding-right:6vw}.mine-intro .mine-next{font-size:13px;padding:12px 18px}.mine-intro .mine-step{font-size:10px}.mine-intro .welcome{top:24%}.mine-intro .dust{width:140%;left:-20%;top:44%}}
@media(max-height:540px) and (orientation:landscape){.mine-intro .mine-copy{top:18%;text-align:left;left:9%;width:40%}.mine-intro .mine-copy h2{font-size:48px}.mine-intro .mine-eyebrow{display:none}.mine-intro .helmet{width:35vw;left:65%;top:22%}.mine-intro .mine-rock{left:65%;top:24%;width:42vw}.mine-intro .hammer{top:42%;right:3%;width:24vw}.mine-intro .lamp{top:53%;left:43%;width:15vw}.mine-intro .welcome{inset:25% auto auto 7%;text-align:left}.mine-intro .welcome em{font-size:70px}}

.mine-intro{border-radius:0;box-shadow:none}.mine-intro::backdrop{backdrop-filter:none}.mine-intro.reduced .helmet{transform:translateX(-50%)}.mine-intro.reduced .mine-rock{transform:translateX(-50%)}

.mine-intro .mine-world picture,.mine-intro .helmet,.mine-intro .lamp,.mine-intro .hammer,.mine-intro .mine-rock{will-change:transform,opacity}
.mine-intro .mine-eyebrow{letter-spacing:.035em}
.mine-intro .mine-copy h2{font-size:clamp(44px,6vw,86px)}
.mine-intro .mine-rock>span{bottom:5%;font-size:12px}
.mine-intro .fragment{width:clamp(65px,10vw,155px);filter:drop-shadow(0 12px 12px #0008)}
.mine-intro.cracked .fragment{animation-duration:2.2s}
.mine-intro.cracked .dust{animation-duration:2.6s}
.mine-intro.discovered .rock-open{transform:scale(1.12);transition:transform 1.5s ease,opacity .6s}
.mine-intro.discovered .specimen{transform:scale(1.12);transition:transform 1.8s cubic-bezier(.2,.7,.2,1),opacity .8s}
.mine-intro.discovered .welcome{transition-delay:.2s}
.mine-intro .mine-next:disabled{opacity:.5}
.mine-intro.reduced .helmet{transform:translateX(-50%)}
@media(max-width:650px){.mine-intro .mine-copy h2{font-size:clamp(40px,11vw,62px)}.mine-intro .mine-line{max-width:290px;margin:18px auto 0}.mine-intro .mine-step{max-width:130px;line-height:1.6}.mine-intro .mine-eyebrow{font-size:10px}.mine-intro .mine-rock{top:50%}}

/* Edge-to-edge viewport, including expanded mobile browser space. */
dialog.mine-intro{inset:0;inline-size:100vw;block-size:100dvh;min-inline-size:100vw;min-block-size:100dvh;max-inline-size:none;max-block-size:none;margin:0;padding:0;border:0;border-radius:0;transition:opacity 1.4s cubic-bezier(.22,1,.36,1)}
.mine-intro .mine-stage{height:100dvh}
.mine-intro .mine-track{height:210dvh}
.mine-intro .mine-top{justify-content:flex-end;background:none;padding-top:max(16px,env(safe-area-inset-top))}
.mine-intro .mine-world,.mine-intro .equipment{transition:opacity 1.1s cubic-bezier(.22,1,.36,1)}
.mine-intro .mine-rock>img{transition:opacity .85s cubic-bezier(.22,1,.36,1),transform 2.4s cubic-bezier(.16,1,.3,1);backface-visibility:hidden}
.mine-intro .mine-rock>.specimen{opacity:0;transform:translate3d(0,16px,0) scale(.94);will-change:transform,opacity;transition:opacity 1.5s cubic-bezier(.22,1,.36,1) .35s,transform 2.6s cubic-bezier(.16,1,.3,1) .25s}
.mine-intro.discovered .mine-rock>.specimen{opacity:1;transform:translate3d(0,0,0) scale(1.04)}
.mine-intro.discovered .rock-open{transform:scale(1.04);transition:opacity 1s ease,transform 2.4s cubic-bezier(.16,1,.3,1)}
.mine-intro .welcome{transition:opacity 1.3s cubic-bezier(.22,1,.36,1),transform 1.8s cubic-bezier(.22,1,.36,1)}
.mine-intro.discovered .welcome{transition-delay:.6s}
.mine-intro.discovered .mine-copy,.mine-intro.discovered .equipment{transition:opacity .85s ease}
.mine-intro .fragment{filter:none;will-change:transform,opacity}
.mine-intro.reduced{transition:none}
.mine-intro.reduced .mine-track{height:160dvh}
.mine-intro.reduced .mine-rock>.specimen{transition:none;transform:none}