@font-face{font-family:Lilita;src:url('assets/lilita-one.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Nunito;src:url('assets/nunito.woff2') format('woff2');font-style:normal;font-weight:400 900;font-display:swap}
@font-face{font-family:Lilita;src:url('assets/lilita-one-ext.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap;unicode-range:U+0100-02FF,U+1E00-1EFF}
@font-face{font-family:Nunito;src:url('assets/nunito-ext.woff2') format('woff2');font-style:normal;font-weight:400 900;font-display:swap;unicode-range:U+0100-02FF,U+1E00-1EFF}
@font-face{font-family:Nunito;src:url('assets/nunito-cyrillic.woff2') format('woff2');font-style:normal;font-weight:400 900;font-display:swap;unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Kalam;src:url('assets/kalam.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:Kalam;src:url('assets/kalam-ext.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap;unicode-range:U+0100-02FF,U+1E00-1EFF}
@font-face{font-family:Fredoka;src:url('assets/fredoka.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:Fredoka;src:url('assets/fredoka-ext.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap;unicode-range:U+0100-02FF,U+1E00-1EFF}
:root{color-scheme:dark;--ink:#101127;--yellow:#ffd639;--purple:#874cff;--cyan:#21c4f4;--muted:#b6c7ea;--panel:#292740;--font:Nunito,ui-rounded,system-ui,sans-serif}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html{background:#26243f;min-height:100%;scrollbar-width:thin;scrollbar-color:#7b68a3 #26243f}
body{margin:0;min-height:100svh;font-family:var(--font);color:#fff;display:flex;justify-content:center;isolation:isolate}
body::before{content:'';position:fixed;inset:-40px;z-index:-2;background:linear-gradient(#201e386b,#24203bbf),url('assets/mine-background.webp') center 48%/cover;filter:blur(25px);transform:scale(1.06)}
body::after{content:'';position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse at center,transparent 10%,#16132a85 100%)}
button,input,select{font:inherit}
button{border:0;cursor:pointer;color:inherit;touch-action:manipulation}
button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #fff4a7;outline-offset:4px}
button:disabled{cursor:default}
.game-shell{position:relative;width:min(100%,calc(var(--app-height) * 853 / 1844));height:var(--app-height);min-height:0;aspect-ratio:auto;flex:none;container-type:inline-size;overflow:hidden;box-shadow:0 0 100px #0f0d2b75;background:#292643;align-self:flex-start;user-select:none}
.mine-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none}
.original-art{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;clip-path:polygon(0 24%,100% 24%,100% 57%,0 57%);mask-image:linear-gradient(to bottom,transparent 24%,#000 26%,#000 56%,transparent 57%);pointer-events:none}
html:not([lang="en"]) .original-art{display:none}
html[lang="en"] .wood-sign,html[lang="en"] .rock-note{visibility:hidden}
.game-header{position:absolute;inset:0;pointer-events:none}
.game-header button{pointer-events:auto}
.sync-pill,.wallet-pill{position:absolute;top:4.86%;height:4.23%;display:flex;align-items:center;justify-content:center;gap:1.5cqw;font-size:3.08cqw;font-weight:900;white-space:nowrap;transition:filter .15s,transform .15s;line-height:1}
.sync-pill{left:2.9%;width:21.8%;background:linear-gradient(135deg,#37406c,#242544);border:.27cqw solid #a5b9f887;border-radius:5cqw;box-shadow:inset 0 .2cqw .4cqw #bbc4ff45;color:#fff8f8}
.sync-dot{width:3.15cqw;height:3.15cqw;border-radius:50%;border:.45cqw solid #13262d;background:radial-gradient(circle at 35% 30%,#9bff82,#70ee58 55%,#40b84c);box-shadow:0 0 .6cqw #141227}
.wallet-pill{right:3.2%;width:23.7%;color:#11122a;border:.45cqw solid #17152d;border-radius:5cqw;background:linear-gradient(#fff5d6,#ffe7a5);box-shadow:inset 0 .25cqw .1cqw #fff,0 .4cqw 0 #1a11287a}
.wallet-pill .sprite{width:5.6cqw;height:5.6cqw}
.sync-pill::after,.wallet-pill::after{content:'';position:absolute;inset:-6px 0;background:transparent}
.brand-logo{position:absolute;left:28.5%;top:4.6%;width:42%;height:6.35%;object-fit:contain}
.brand-tagline{position:absolute;top:10.81%;left:26%;width:48%;margin:0;text-align:center;font-size:1.98cqw;font-weight:900;color:#b4b8df;letter-spacing:.25cqw;line-height:1.2}
.balance-display{position:absolute;top:13.45%;left:10%;width:80%;text-align:center;display:flex;flex-direction:column;align-items:center;pointer-events:none}
.balance-number{font-family:Lilita,Arial,sans-serif;font-size:17.6cqw;line-height:.99;letter-spacing:-.15cqw;color:#fff5e7;-webkit-text-stroke:2.25cqw var(--ink);paint-order:stroke fill;filter:drop-shadow(0 .85cqw 0 #0b0c22);font-variant-numeric:tabular-nums;white-space:nowrap;transform:rotate(-1deg)}
.balance-currency{font-family:Fredoka,Arial,sans-serif;font-weight:700;font-size:7.05cqw;line-height:1.05;letter-spacing:.2cqw;color:#ffcf24;-webkit-text-stroke:1.65cqw var(--ink);paint-order:stroke fill;filter:drop-shadow(0 .4cqw 0 #0a0b1d);margin-top:.9cqw;transform:rotate(-2deg)}
.wood-sign{position:absolute;top:35.25%;left:78.5%;width:22%;color:#683924;font-family:Kalam,var(--font);font-weight:700;font-size:4.3cqw;line-height:1.08;transform:rotate(-5deg);text-align:center;text-shadow:0 .12cqw #f6b28270;pointer-events:none}
.wood-sign>span:first-child{display:block;transform:scaleX(.78)}
.sign-smile{display:block;line-height:.85;font-family:var(--font);font-size:6.2cqw;font-weight:900;transform:rotate(3deg);margin-top:.4cqw}
.rock-note{position:absolute;left:2.3%;top:50.4%;font-family:Kalam,var(--font);font-weight:700;color:#bc84df;font-size:3.7cqw;line-height:1.1;transform:rotate(-12deg);pointer-events:none;opacity:.75}
.rock-doodle{position:absolute;left:100%;top:10%;font-size:3cqw}
.mining-pill{position:absolute;left:21.75%;top:57.17%;width:56.55%;height:4.73%;border-radius:6cqw;background:linear-gradient(120deg,#333049d9,#1b1939e8);border:.4cqw solid #66647e8a;box-shadow:inset 0 .25cqw .35cqw #aab0d23b,0 .5cqw 0 #1c193655;display:flex;align-items:center;justify-content:center;gap:.7cqw;font-size:3.25cqw;font-weight:900;white-space:nowrap;color:#cdd7ee}
.mining-pill .sprite{width:7.4cqw;height:8cqw;margin-right:.4cqw}
.mining-pill strong{color:#ffdb35;font-size:4.12cqw;letter-spacing:-.07cqw;text-shadow:0 .22cqw .1cqw #161627}
.mining-pill b{color:#f8f5ff;font-size:3.34cqw}
.glossy-button{border:.92cqw solid #0d0f27;box-shadow:0 .9cqw 0 #100d29a6,0 1.8cqw 2.5cqw #1b113040;transition:transform .13s,filter .13s;isolation:isolate;overflow:hidden}
.glossy-button::before{content:'';position:absolute;inset:.9cqw .9cqw 2cqw;border-radius:inherit;border-top:1.3cqw solid #ffffff45;pointer-events:none;z-index:-1}
.claim-button{position:absolute;left:11.43%;top:62.52%;width:77.14%;height:10.84%;border-radius:13cqw;background:linear-gradient(105deg,#ffda43,#ffdb3b 58%,#ffcf28);box-shadow:inset 0 1.35cqw 0 #fff498,inset 0 -1.65cqw 0 #f08b0c,inset 0 -3cqw 0 #ffae17,0 1.1cqw 0 #15112bce,0 2.1cqw 2.2cqw #24102f50;color:#0a0c23;font-family:Fredoka,var(--font);font-weight:700;font-size:10.15cqw;line-height:1;text-shadow:0 .3cqw .1cqw #fff8a1;letter-spacing:.1cqw;display:flex;align-items:center;justify-content:center;padding:0 0 1cqw}
.claim-button::before{inset:1.05cqw 1.4cqw 3cqw;border-top:1.15cqw solid #fffca561;background:linear-gradient(165deg,#fff29742,transparent 45%)}
.button-glint{position:absolute;left:4.8cqw;top:1.8cqw;width:5.9cqw;height:2.7cqw;border-radius:80% 50%;background:#fff9b888;transform:rotate(-33deg);pointer-events:none}
.button-glint::before,.button-glint::after{content:'';position:absolute;width:1.5cqw;height:1.5cqw;background:inherit;border-radius:50%;left:-2.8cqw;top:1.7cqw}
.button-glint::after{left:7.2cqw;top:2.8cqw;width:1.3cqw;height:1.3cqw}
.claim-button.claimed{animation:claim-pop .4s ease}
.adventure-buttons{position:absolute;left:3.93%;right:3.7%;top:74.51%;height:9.6%;display:grid;grid-template-columns:1fr 1fr;gap:1.45cqw}
.adventure-button{position:relative;border-radius:7cqw;display:flex;align-items:center;justify-content:center;gap:1.15cqw;font-size:4.55cqw;font-weight:900;white-space:nowrap;text-shadow:0 .3cqw .15cqw #48237465;padding:0 1.4cqw 1cqw}
.adventure-button .sprite{width:14.6cqw;height:14.6cqw;flex:none;margin-left:-.1cqw}
.miners-button{background:linear-gradient(145deg,#b48afb 0%,#a268f5 25%,#7d44f3 80%);box-shadow:inset 0 1.15cqw 0 #dbafff,inset 0 -1.6cqw 0 #5424c8,0 .9cqw 0 #100d29c7,0 1.8cqw 2.5cqw #1b113040}
.explore-button{background:linear-gradient(135deg,#57e2f8 0%,#26c9f0 30%,#1ea6ed 85%);box-shadow:inset 0 1.15cqw 0 #b0faff,inset 0 -1.6cqw 0 #0875d0,0 .9cqw 0 #100d29c7,0 1.8cqw 2.5cqw #1b113040}
.adventure-button .button-glint{left:2.5cqw;top:1.6cqw;width:4.3cqw;height:2cqw;background:#fff9ff65}
.chevron{display:block;width:3cqw;height:3cqw;border-top:.8cqw solid #fff;border-right:.8cqw solid #fff;transform:rotate(45deg);border-radius:.45cqw;filter:drop-shadow(.2cqw .3cqw 0 #40377665);margin-left:1.2cqw;margin-right:1cqw;flex:none}
.bottom-nav{position:absolute;z-index:5;left:max(3.3%,var(--app-safe-left));right:max(3.3%,var(--app-safe-right));top:auto;bottom:max(4.5cqw,var(--app-safe-bottom),env(safe-area-inset-bottom));height:max(17.5cqw,60px);border:.46cqw solid #6f749899;border-radius:7.1cqw;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:.9cqw 1.5cqw;background:linear-gradient(125deg,#1c1e36ef,#111329fa);box-shadow:inset 0 .25cqw .5cqw #b9b9d326}
.nav-item{background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6cqw;border:.2cqw solid transparent;border-radius:5.5cqw;min-width:0;min-height:0;color:#b9c9ed;font-size:2.75cqw;font-weight:900;line-height:1.2;text-shadow:0 .3cqw .1cqw #131627;transition:background .2s,color .2s;padding:0}
.bottom-nav .nav-item>.sprite,.bottom-nav .nav-item>.vector-icon{width:10.5cqw;height:10.5cqw;margin:0;flex:none;pointer-events:none}
.nav-item.active{background:linear-gradient(120deg,#4a4c6cba,#3d3e60a8);color:#ffd941}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
a{text-decoration:none;color:inherit;touch-action:manipulation}
a:focus-visible{outline:3px solid #fff4a7;outline-offset:3px}
.game-header a,.game-header .language-control{pointer-events:auto}
.language-control{position:absolute;top:.65%;right:4%;z-index:4;display:block}
.locale-select{font:800 2.6cqw var(--font);height:6.4cqw;min-height:24px;width:12cqw;min-width:44px;border:1px solid #b0acd747;border-radius:2cqw;padding:0 1.2cqw;background:#22203b99;color:#e8e6ff;cursor:pointer;outline-offset:2px}
.locale-select option{background:#292643;color:#fff}
.map-shell{background:#171532}
body[data-page="map"]::before{background-image:linear-gradient(#16163272,#141326b8),url('assets/map-background.webp')}
.map-viewport{position:absolute;inset:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;overscroll-behavior:contain;touch-action:pan-y;outline-offset:-5px;scroll-behavior:auto}
.map-viewport::-webkit-scrollbar{display:none}
.map-world{position:relative;width:100%;container-type:inline-size}
.map-scene{position:absolute;top:0;left:0;width:100%;height:216.1782cqw;object-fit:fill;pointer-events:none}
.map-continuation{position:absolute;top:201cqw;left:0;right:0;bottom:0;background:url('assets/map-tile.webp') center top/100% auto repeat-y;mask-image:linear-gradient(transparent,#000 15cqw);pointer-events:none}
.map-header{z-index:3}
.map-header .sync-pill{top:9.35cqw;left:3.55%;width:20%;height:8cqw;font-size:2.95cqw;border-color:#8887b472;background:linear-gradient(125deg,#252441df,#101029df)}
.map-header .wallet-pill{top:9.1cqw;right:3.85%;width:22.45%;height:7.8cqw;font-size:3.05cqw}
.map-header .brand-logo{top:7.35cqw;left:28.5%;width:39.8%;height:13.2cqw}
.map-header .brand-tagline{top:21cqw;left:26%;width:47.5%;font-size:1.95cqw;color:#e4e1f3}
.map-balance{position:absolute;right:3.8%;top:18.3cqw;width:22.45%;height:7.9cqw;border:.42cqw solid #878bae;border-radius:5cqw;background:linear-gradient(#fff,#f4f7ff);color:#11122d;display:flex;align-items:center;justify-content:center;gap:1cqw;font-size:3.4cqw;font-weight:900;box-shadow:0 .25cqw 0 #15142a75}
.map-sprite.map-gem{width:6.5cqw;height:6.5cqw;background-position:100% 100%}
.map-header-backdrop{position:absolute;top:0;left:0;right:0;height:28cqw;background:linear-gradient(#1a1731f7,#1a1731d9 70%,transparent);z-index:2;opacity:0;transition:opacity .15s;pointer-events:none}
.map-scrolled .map-header-backdrop{opacity:1}
.map-levels{position:absolute;inset:0;pointer-events:none}
.map-level{position:absolute;width:17.6cqw;height:18.4cqw;transform:translate(-50%,-50%);padding:0;background:none;border:0;display:block;pointer-events:auto;outline-offset:-2.5cqw;transition:filter .12s,opacity .12s}
.map-level.completed{filter:brightness(.78) saturate(.82);opacity:.88}
.map-sprite{display:inline-block;background:url('assets/map-sprites.webp') 0 0/300% 200% no-repeat;pointer-events:none}
.map-plate{position:absolute;inset:0;background-position:50% 0;transition:filter .15s}
.map-level.current .map-plate{background-position:0 0;filter:drop-shadow(0 0 1.1cqw #33caff75)}
.map-level.warm:not(.current) .map-plate{background-position:100% 0}
.map-level.locked[data-level="8"] .map-plate{background-position:0 100%}
.map-level.selected .map-plate{filter:drop-shadow(0 0 .7cqw #d2b5ff) brightness(1.12)}
.map-level[aria-disabled="true"]{cursor:default}
.level-number{position:absolute;left:0;right:0;top:41%;transform:translateY(-50%);color:#e8f1ff;font:900 5.05cqw var(--font);line-height:1;-webkit-text-stroke:.6cqw #243061;paint-order:stroke fill;text-shadow:0 .4cqw .08cqw #1e294f;text-align:center;pointer-events:none}
.map-level.locked:not([data-level="8"]) .level-number{color:#c3bddb}
.map-level[data-level="1000"] .level-number{font-size:3.5cqw}
.level-stars{position:absolute;left:0;right:0;top:52.5%;display:flex;justify-content:center;gap:0;pointer-events:none}
.map-star{width:3.8cqw;height:3.8cqw;background-position:50% 100%;margin:0 -.32cqw}
.level-lock{position:absolute;width:5.5cqw;height:6.6cqw;left:50%;top:43%;transform:translate(-50%,-50%);filter:drop-shadow(0 .35cqw .1cqw #10132b77);pointer-events:none}
.map-path{position:absolute;left:0;width:100%;overflow:visible;pointer-events:none;filter:drop-shadow(0 0 .7cqw #5b96ff)}
.map-sign{position:absolute;z-index:1;text-align:center;color:#683a24;font:700 3.1cqw/1.12 Kalam,var(--font);pointer-events:none}
.map-sign>span:first-child{display:block;white-space:nowrap;transform:scaleX(.85)}
.map-sign-start{left:17.5%;top:31.3cqw;width:18.4%;font-size:3.05cqw}
.map-sign-small{left:64.4%;top:83.65cqw;width:15.8%;transform:rotate(-4deg);font-size:2.9cqw}
.map-sign-keep{left:17.5%;top:119.1cqw;width:15.8%;transform:rotate(-5deg);font-size:3.65cqw}
.map-sign .sign-smile{font-size:5cqw;margin-top:.7cqw}
.map-rock-writing{position:absolute;left:69%;top:160.8cqw;width:19%;color:#7660d4;font:700 3.9cqw/1.05 Kalam,var(--font);transform:rotate(-19deg);text-align:center;pointer-events:none}
.map-rock-writing .sign-smile{font-size:6cqw}
.rock-crown{position:absolute;top:0;right:0;font-size:4cqw;transform:translateX(1.5cqw)}
.map-progress{position:absolute;right:3.3%;top:15.5%;bottom:15.8%;width:10.6%;z-index:4;display:flex;align-items:center;flex-direction:column;pointer-events:none}
.rail-label{position:absolute;white-space:nowrap;display:flex;align-items:center;justify-content:center;height:5.3cqw;padding:0 1.7cqw;border:.32cqw solid #8682b578;border-radius:4cqw;background:#1d1b3dd4;color:#e6ebff;font-size:2.35cqw;font-weight:900;box-shadow:inset 0 .1cqw .2cqw #a5a7d017}
.rail-start{top:0;min-width:10.8cqw}
.rail-end{bottom:0;min-width:12.2cqw}
.rail-body{position:absolute;top:6.9cqw;bottom:7.5cqw;width:6.7cqw;border-radius:4cqw;background:linear-gradient(90deg,#1716314a,#11122fd9);pointer-events:auto}
.rail-body::before{content:'';position:absolute;left:50%;top:1cqw;bottom:1cqw;transform:translateX(-50%);width:.55cqw;border-radius:1cqw;background:#8a91b5}
.rail-dot{position:absolute;z-index:1;left:50%;width:1.65cqw;height:1.65cqw;border-radius:50%;background:#8e99be;transform:translate(-50%,-50%);pointer-events:none}
.dot-1{top:20%}.dot-2{top:39%}.dot-3{top:57%}.dot-4{top:74%}
#level-range{appearance:none;-webkit-appearance:none;writing-mode:vertical-lr;direction:ltr;position:absolute;inset:0;width:100%;height:100%;background:transparent;margin:0;border:0;cursor:pointer;touch-action:none;outline-offset:2px}
#level-range::-webkit-slider-runnable-track{width:.55cqw;border-radius:1cqw;background:transparent}
#level-range::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:2.8cqw;height:6cqw;border-radius:2cqw;background:linear-gradient(#f7f8ff,#c9d5f2);box-shadow:0 .2cqw .5cqw #15132c88;border:.15cqw solid #e9eeff;margin-left:0}
#level-range::-moz-range-track{width:.55cqw;border-radius:1cqw;background:transparent}
#level-range::-moz-range-thumb{width:2.8cqw;height:6cqw;border:0;border-radius:2cqw;background:linear-gradient(#f7f8ff,#c9d5f2)}
.bottom-nav .nav-item:not(.active) .sprite-home{filter:hue-rotate(180deg) saturate(.65) brightness(1.15)}
html:not([lang="en"]) .adventure-button{font-size:3.8cqw;gap:.6cqw}
html:not([lang="en"]) .adventure-button .sprite{width:13.6cqw;height:13.6cqw}
html[lang="de"] .brand-tagline,html[lang="es"] .brand-tagline,html[lang="fr"] .brand-tagline{font-size:1.55cqw;letter-spacing:.13cqw}
html[lang="fr"] .wallet-pill{font-size:2.25cqw;gap:.4cqw}
html[lang="fr"] .sync-pill{font-size:2.45cqw;gap:.8cqw}
html[lang="fr"] .claim-button{font-size:7.5cqw}
html[lang="uk"] .claim-button,html[lang="uk"] .balance-currency,html[lang="uk"] .wood-sign,html[lang="uk"] .rock-note,html[lang="uk"] .map-sign,html[lang="uk"] .map-rock-writing{font-family:Nunito,var(--font);font-weight:900}
html[lang="uk"] .map-sign{font-size:2.6cqw}
@media(hover:hover){.glossy-button:hover,.wallet-pill:hover{filter:brightness(1.07)}.nav-item:hover{background-color:#ffffff0b}.map-level:not([aria-disabled="true"]):hover{filter:brightness(1.1)}.map-level.completed:hover{filter:brightness(.88) saturate(.82)}}
.glossy-button:active,.wallet-pill:active{filter:brightness(.98)}
@media(max-width:600px){.game-shell{width:100%;box-shadow:none}body::before,body::after{display:none}}
@media(max-height:600px) and (min-width:601px){.game-shell{width:280px}.bottom-nav{height:60px;bottom:max(12px,var(--app-safe-bottom),env(safe-area-inset-bottom))}.map-progress{top:28%;bottom:24%}.map-header .brand-tagline{font-size:1.7cqw}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.sprite{display:inline-block;background-image:url('assets/game-icons.webp');background-repeat:no-repeat;background-size:400% 200%;vertical-align:middle;flex-shrink:0;pointer-events:none}
.sprite-wallet{background-position:0 0}.sprite-bolt{background-position:33.333% 0}.sprite-helmet{background-position:66.667% 0}.sprite-map{background-position:100% 0}.sprite-home{background-position:0 100%}.sprite-tasks{background-position:33.333% 100%}.sprite-friends{background-position:66.667% 100%}.sprite-profile{background-position:100% 100%}
