@font-face{font-family:Manrope;src:url('assets/manrope-cyrillic.woff2') format('woff2');font-weight:200 800;font-display:swap;unicode-range:U+0400-052F,U+2DE0-2DFF,U+A640-A69F}@font-face{font-family:Manrope;src:url('assets/manrope-latin.woff2') format('woff2');font-weight:200 800;font-display:swap}
:root{--ground:#08141d;--surface:#10232f;--surface-high:#1c3442;--ink:#fff1d7;--text:#e3e7e8;--muted:#a8bbc5;--accent:#ffd071;--dark:#241c0c;--face:Manrope,Arial,sans-serif;--display:Georgia,'Times New Roman',serif;--section-gap:150px;--cut:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--ground);color:var(--text);font:500 17px/1.6 var(--face);overflow-x:clip}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:7px}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}img{max-width:100%;display:block}h1,h2,p{margin:0}h1,h2{font-family:var(--display);font-weight:700;letter-spacing:-.045em;color:var(--ink);line-height:1.02}h1{font-size:clamp(48px,5.9vw,88px)}h2{font-size:clamp(40px,4.4vw,64px)}.wrap{max-width:1328px;margin-inline:auto;padding-inline:48px}.skip{position:absolute;left:20px;top:-80px;z-index:10;padding:12px 20px;background:var(--accent);color:var(--dark)}.skip:focus{top:12px}.header{height:112px;display:flex;align-items:center;justify-content:space-between;position:absolute;inset:0 0 auto;z-index:5;gap:30px}.wordmark{flex-shrink:0}.wordmark img{width:145px;height:97px;object-fit:contain}.header nav{display:flex;gap:34px;font-size:15px}.header nav a{padding-block:12px}.header a:not(.wordmark):hover{color:var(--accent)}.header-play{display:flex;gap:13px;align-items:center;font-size:15px;font-weight:800;padding-block:12px}.header-play svg{width:20px}.hero{position:relative;min-height:820px;height:min(940px,100svh);max-height:1100px;isolation:isolate;overflow:hidden}.hero-art{position:absolute;width:100%;height:100%;object-fit:cover;object-position:58% 58%;z-index:-3;animation:mine-drift 22s ease-in-out infinite alternate}.hero-scrim{position:absolute;inset:0;background:rgba(3,10,16,.1);z-index:-2}.hero-content{padding-top:248px;position:relative;width:100%;}.hero h1{max-width:700px}.hero-copy{max-width:455px;font-size:18px;line-height:1.7;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;gap:15px;min-height:66px;padding:18px 27px;clip-path:var(--cut);font-size:17px;font-weight:800;transition:transform .2s,background .2s}.primary{background:var(--accent);color:var(--dark)}.primary:hover{background:var(--ink);transform:translateY(-3px)}.primary:active{transform:translateY(1px)}.button:focus-visible{clip-path:none}.hero .button{margin-top:36px}.telegram{stroke-width:1.3;width:25px;height:25px}.arrow{margin-left:10px}.hero-note{display:block;font-size:13px;margin-top:17px;color:var(--text)}.scroll-link{position:absolute;bottom:35px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;font-size:13px;white-space:nowrap}.scroll-link svg{width:17px;animation:hint 2s ease-in-out infinite}.shift{display:flex;gap:60px;padding-block:68px;background:var(--ground);position:relative}.shift-intro{display:flex;align-items:center;gap:20px;flex:0 0 220px}.big-number{font:700 100px/1 var(--display);letter-spacing:-.06em;color:var(--accent)}.shift-intro p{font-size:15px;line-height:1.6}.shift-steps{padding:0;list-style:none;margin:0;display:flex;gap:30px;flex:1}.shift-steps li{flex:1}.shift-steps svg{width:28px;height:28px;color:var(--accent);margin-bottom:10px}.shift-steps h2{font-family:var(--face);font-size:16px;letter-spacing:0;line-height:1.4}.shift-steps p{font-size:14px;line-height:1.65;margin-top:9px;max-width:230px}.equipment{padding-top:var(--section-gap);padding-bottom:var(--section-gap);display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.equipment-art{position:relative;align-self:center}.equipment-art img{width:100%;height:auto;animation:cart-drift 7s ease-in-out infinite;}.ore-caption{display:block;text-align:center;font-size:13px;color:var(--muted);margin-top:10px}.equipment-copy>p{margin-top:24px;max-width:480px;font-size:17px}.calculator{margin-top:32px;padding:24px;background:var(--surface);clip-path:var(--cut)}.choices{display:flex;gap:5px;background:var(--ground);padding:5px}.choices button{min-height:46px;flex:1;border:0;background:transparent;color:var(--text);font-size:13px;font-weight:800;transition:background .2s,color .2s,transform .2s}.choices button:hover{background:var(--surface-high)}.choices button[aria-pressed=true]{color:var(--dark);background:var(--accent)}.choices button:active{transform:translateY(2px)}.yield{display:flex;align-items:center;justify-content:space-between;margin-top:26px;gap:20px}.yield output{font-size:72px;font-weight:800;letter-spacing:-.065em;line-height:1.1;color:var(--ink);display:block;font-variant-numeric:tabular-nums}.yield span{font-size:15px}.stone-symbol{width:70px;height:70px;color:var(--accent);stroke-width:3}.yield-bottom{margin-top:24px;display:flex;justify-content:space-between;font-size:13px;gap:10px}.yield-bottom span:last-child{color:var(--accent)}.calc-note{margin-top:17px;font-size:13px;color:var(--muted);line-height:1.5}.adventure{background:var(--surface);overflow:clip}.adventure-inner{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-top:105px;padding-bottom:80px;align-items:center}.adventure-copy>p{margin-top:25px;max-width:420px}.progress-facts{margin:35px 0}.progress-facts>div{display:grid;grid-template-columns:136px 1fr;gap:22px;margin-top:25px}.progress-facts dt{font-size:17px;font-weight:800;color:var(--ink)}.progress-facts dd{font-size:15px;line-height:1.7;margin:0;max-width:260px}.text-link{display:inline-flex;align-items:center;gap:18px;color:var(--accent);font-weight:800;padding-block:10px}.text-link:hover svg{transform:translateX(6px)}.text-link svg{transition:transform .2s}.game-preview{justify-self:center;width:min(100%,340px);position:relative;transform:rotate(3deg)}.game-screen{width:100%;height:auto;clip-path:var(--cut)}.preview-caption{font-size:13px;text-align:center;padding-top:25px}.closing{padding-top:105px;padding-bottom:100px;text-align:center;display:flex;align-items:center;flex-direction:column}.closing-logo{width:265px;height:auto;margin-bottom:28px;animation:cart-drift 8s ease-in-out infinite}.closing h2{font-size:clamp(42px,5vw,72px)}.closing p{margin-top:25px}.closing .button{margin-top:30px}.footer{padding-bottom:38px;padding-top:32px;display:grid;grid-template-columns:1fr auto;gap:20px 60px;font-size:13px}.footer-name{font-size:18px;color:var(--ink);font-weight:800}.footer p{grid-column:1;grid-row:2;line-height:1.75;color:var(--muted)}.footer>a:nth-of-type(2){grid-column:2;grid-row:1;justify-self:end}.footer>span{grid-column:2;grid-row:2;color:var(--muted);align-self:end}.enter{animation:enter .8s both}.hero-copy.enter{animation-delay:.12s}.hero .button.enter{animation-delay:.23s}.hero-note.enter{animation-delay:.32s}.reveal{opacity:1}.reveal.in-view{animation:enter .8s both}.yield.is-changing{animation:yield-pop .4s both}@keyframes enter{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes mine-drift{from{transform:scale(1.015)}to{transform:scale(1.055) translateX(-.5%)}}@keyframes cart-drift{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes hint{50%{transform:translateY(5px)}}@keyframes yield-pop{0%{transform:translateY(5px);opacity:.5}100%{transform:translateY(0);opacity:1}}
@media(min-width:1600px){.hero-content{padding-top:280px}.hero-art{object-position:center 61%}}
@media(max-width:1100px){.wrap{padding-inline:32px}.header nav{gap:22px}.hero{min-height:790px;height:85svh}.hero-content{padding-top:230px}.hero-art{object-position:52% center}.hero-scrim{background:rgba(3,10,16,.25)}.hero h1{font-size:66px}.hero-copy{max-width:390px}.shift{gap:30px;flex-wrap:wrap}.shift-intro{flex-basis:100%;gap:18px}.big-number{font-size:72px}.shift-intro p br{display:none}.shift-steps{gap:25px}.equipment{gap:30px;--section-gap:110px}.equipment h2{font-size:47px}.adventure-inner{gap:50px}.progress-facts>div{grid-template-columns:1fr;gap:5px}.progress-facts dd{max-width:320px}}
@media(max-width:700px){:root{--section-gap:72px}.wrap{padding-inline:22px}.header{height:90px;gap:15px}.wordmark img{width:110px;height:74px}.header nav{display:none}.header-play{font-size:13px;gap:7px}.header-play svg{width:17px}.hero{min-height:840px;height:100svh;max-height:1000px}.hero-art{height:64%;top:auto;bottom:0;object-position:76% 56%;width:100%;animation:none}.hero-scrim{background:transparent}.hero-content{padding-top:133px}.hero h1{font-size:clamp(40px,9.7vw,58px);max-width:100%;line-height:1.04}.hero-copy{font-size:16px;line-height:1.65;margin-top:22px;max-width:360px}.hero .button{margin-top:25px;min-height:60px;font-size:15px;padding:16px 23px}.hero-note{font-size:13px;margin-top:13px}.hero-art{z-index:-1}.hero-content{z-index:2}.hero-scrim{z-index:1;background:linear-gradient(rgba(7,14,20,1) 0%,rgba(7,14,20,1) 41%,rgba(7,14,20,0) 66%)}.scroll-link{bottom:20px;z-index:3;font-size:13px;padding:8px 12px;background:var(--ground)}.shift{padding-top:45px;padding-bottom:10px;gap:30px}.shift-intro{gap:16px}.shift-intro p{font-size:15px}.big-number{font-size:80px}.shift-steps{display:grid;gap:25px}.shift-steps li{display:flex;gap:18px;align-items:flex-start}.shift-steps svg{width:28px;height:28px;margin-top:3px}.shift-steps h2{font-size:17px}.shift-steps p{font-size:15px;max-width:none;margin-top:5px}.equipment{grid-template-columns:1fr;gap:35px;padding-top:90px}.equipment-art{order:1;max-width:380px;width:100%;justify-self:center}.equipment-copy{order:0}.equipment h2{font-size:clamp(35px,9.5vw,48px)}.equipment-copy>p{font-size:16px;max-width:440px;margin-top:20px}.calculator{margin-top:25px;padding:20px}.choices button{font-size:13px;min-height:44px}.yield output{font-size:64px}.yield{margin-top:25px}.yield-bottom{font-size:13px}.calc-note{font-size:13px}.ore-caption{margin-top:-5px;font-size:13px}.adventure-inner{grid-template-columns:1fr;padding-top:65px;padding-bottom:60px;gap:50px}.adventure h2{font-size:48px}.adventure-copy>p{font-size:16px}.progress-facts{margin:30px 0 22px}.progress-facts>div{grid-template-columns:115px 1fr;gap:14px;margin-top:23px}.progress-facts dt{font-size:16px}.progress-facts dd{font-size:14px}.text-link{font-size:16px}.game-preview{width:285px;transform:rotate(2deg)}.preview-caption{font-size:13px}.closing{padding-top:60px;padding-bottom:65px}.closing-logo{width:220px;margin-bottom:22px}.closing h2{font-size:clamp(35px,9.4vw,48px)}.closing p{font-size:15px;margin-top:22px;max-width:290px}.closing .button{font-size:15px;min-height:60px}.footer{grid-template-columns:1fr;gap:16px;padding-top:15px;padding-bottom:30px}.footer-name{font-size:17px}.footer p{grid-column:1;grid-row:auto;font-size:13px}.footer>a:nth-of-type(2){grid-column:1;grid-row:auto;justify-self:start;font-size:14px}.footer>span{grid-column:1;grid-row:auto;font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal,.enter{opacity:1;transform:none}}

@media(min-width:701px) and (max-width:900px){.equipment{grid-template-columns:1fr;gap:30px;padding-top:90px}.equipment-copy{max-width:620px;order:0}.equipment-art{order:1;max-width:520px;justify-self:center}.equipment h2{font-size:60px}.adventure-inner{gap:35px}.adventure h2{font-size:48px}}
@media(max-width:360px){.hero h1{font-size:34px}.equipment h2{font-size:32px}.adventure h2{font-size:40px}.closing h2{font-size:30px}.progress-facts>div{grid-template-columns:100px 1fr;gap:10px}.yield-bottom{flex-wrap:wrap}.header-play{font-size:13px}}
@media(max-width:360px){.hero h1{font-size:30px}}

/* Приглашение в сообщество: длинная подпись помещается на телефонах. */
@media(max-width:700px){.button{max-width:100%;gap:10px}.button>span{max-width:220px;text-align:left;line-height:1.4}.button .arrow{display:none}.header-play>span{max-width:160px;line-height:1.4}.text-link>span{max-width:250px}.hero-note{max-width:100%}}
@media(max-width:360px){.header{gap:10px}.wordmark img{width:90px}.header-play>span{max-width:150px}.button{padding-inline:20px}.button>span{max-width:200px}}
