:root{color-scheme:dark;--ink:#071321;--panel:#0d1c30;--line:#263c58;--text:#f3f6fb;--muted:#b4c5dd;--cyan:#24d5f3;--violet:#8d75ff;--radius:16px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--ink);color:var(--text);font:16px/1.6 system-ui,-apple-system,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--cyan);outline-offset:5px}button{color:inherit;cursor:pointer}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1{font:500 clamp(40px,4.8vw,78px)/1.07 Georgia,serif;letter-spacing:-.035em}h2{font:500 clamp(28px,3vw,42px)/1.2 Georgia,serif}h3{font-size:21px;line-height:1.25}.skip{position:fixed;top:-80px;left:20px;z-index:50;padding:10px;background:var(--cyan);color:#001422}.skip:focus{top:10px}.header{height:84px;position:absolute;z-index:20;inset:16px 24px auto;display:flex;align-items:center;gap:34px;padding:0 24px;border:1px solid #52749840;border-radius:16px;background:#071321dc;backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:14px;white-space:nowrap;letter-spacing:.14em;font-size:17px}.brand b{font-weight:400}.header nav{display:flex;gap:28px;flex:1}.header nav a,.account-link{font-size:14px;color:var(--muted)}.header nav a:hover,.account-link:hover{color:white}.header-actions{display:flex;align-items:center;gap:28px}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:15px 25px;border:1px solid #38ddff90;border-radius:10px;background:linear-gradient(120deg,#24d8ed,#08a7f5);color:#031527;font-weight:650;box-shadow:0 0 26px #0cb9ff25;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);box-shadow:0 0 32px #17ccff44}.button.secondary{background:#0c1b3299;color:white;border-color:#5a71b5;box-shadow:none}.button.compact{padding:10px 18px;font-size:14px;white-space:nowrap}.menu{display:none;border:0;background:transparent;font-size:25px}.hero{min-height:720px;min-height:min(840px,94svh);position:relative;overflow:hidden;display:flex;align-items:center;padding:180px max(6vw,24px) 110px}.hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% 50%;transform:scale(1.03) translate(var(--parallax-x,0px),var(--parallax-y,0px));will-change:transform}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#061321f2 0%,#061321d9 26%,#06132150 55%,#06132100 85%),linear-gradient(0deg,var(--ink),transparent 33%)}.hero:after{content:"";position:absolute;width:80vw;height:190px;bottom:-145px;left:-20%;border:1px solid #5d70f477;border-radius:50%;box-shadow:0 -20px 90px #3878f420;pointer-events:none;animation:wave 9s ease-in-out infinite alternate}.hero-content{position:relative;z-index:1;max-width:690px}.eyebrow{letter-spacing:.3em;font-size:12px;color:#80baff;font-weight:600;margin-bottom:24px}.game-logo{font:700 clamp(44px,5vw,76px)/1 Georgia,serif;letter-spacing:-.04em;color:#f5ce80;text-shadow:0 2px 12px #1d2f07;margin:32px 0 22px}.lead{font-size:19px;color:#c6d7ec;max-width:600px}.actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:30px}.scroll-cue{position:absolute;bottom:28px;left:6vw;z-index:1;color:var(--muted);font-size:12px;letter-spacing:.12em;display:flex;gap:20px}.section,.page{max-width:1320px;margin:auto;padding:60px 28px}.page{padding-top:160px;min-height:70svh}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.section-heading h2{margin:0}.text-link{color:var(--cyan);font-size:14px}.home-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:42px}.game-feature{position:relative;isolation:isolate;min-height:360px;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;padding:36px;display:flex;align-items:flex-end;background:var(--panel)}.game-feature>img{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s}.game-feature:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#071321f0,#07132100 85%);z-index:-1}.game-feature:hover>img{transform:scale(1.035)}.game-feature h3{font:700 46px Georgia,serif;color:#f6d58e;margin-bottom:14px}.game-feature p{max-width:470px;color:#d4dfed}.status{display:inline-block;font-size:11px;color:#b2f3d2;border:1px solid #3e80634d;background:#123c3080;padding:3px 10px;border-radius:5px;margin-bottom:16px}.status.future{color:#d3c4ff;border-color:#5e498e;background:#39235960}.news-list{display:grid;gap:14px}.news-card{display:grid;grid-template-columns:120px 1fr;gap:20px;padding:16px;background:linear-gradient(110deg,#10253c,#0a192b);border:1px solid var(--line);border-radius:12px;align-items:center;transition:border-color .2s}.news-card:hover{border-color:#538ab3}.news-card img{width:120px;height:100px;object-fit:cover;border-radius:8px}.news-card h3{font-size:17px;margin:8px 0}.news-card p{font-size:13px;color:var(--muted);margin-bottom:0}.news-card small{letter-spacing:.14em;color:#88b7ee}.launcher-promo{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;border-top:1px solid var(--line);padding-top:60px}.launcher-visual{padding:24px;border:1px solid #346077;border-radius:16px;box-shadow:0 0 70px #1f62c21a;background:linear-gradient(140deg,#11283e,#0b1327)}.mini-window{border:1px solid #29405e;border-radius:10px;overflow:hidden;background:#071321}.mini-bar{padding:12px 18px;display:flex;gap:7px}.mini-bar i{width:6px;height:6px;border-radius:50%;background:#57708f}.mini-body{display:grid;grid-template-columns:90px 1fr;min-height:220px}.mini-rail{padding:20px 10px;border-right:1px solid var(--line);font-size:12px;color:#adc9df}.mini-game{background:linear-gradient(0deg,#0a1323,transparent),url('/assets/lukomorye-village.webp') center/cover;padding:100px 20px 22px}.mini-game strong{display:block;font:28px Georgia,serif;color:#ffe3a0}.mini-play{display:inline-block;background:var(--cyan);color:#031527;border-radius:5px;font-size:12px;padding:5px 18px;margin-top:12px}.muted{color:var(--muted)}.prose{max-width:780px}.prose p{color:var(--muted);font-size:18px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.panel{border:1px solid var(--line);border-radius:16px;padding:32px;background:linear-gradient(135deg,#102239,#0b182a)}.panel h2{font-size:28px}.panel p{color:var(--muted)}.download-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;counter-reset:step;margin:48px 0;padding:0;list-style:none}.download-steps li{padding:24px;border-top:1px solid var(--line);color:var(--muted)}.download-steps li:before{counter-increment:step;content:"0" counter(step);display:block;color:var(--cyan);font-size:12px;letter-spacing:.2em;margin-bottom:12px}.error{max-width:800px;margin:150px auto;padding:30px}.error button{margin-top:18px}.account-summary{display:grid;gap:12px}.account-summary dt{color:var(--muted);font-size:13px}.account-summary dd{margin:0 0 15px;font-size:20px}.loading-indicator{color:var(--muted);padding:20px 0}footer{border-top:1px solid var(--line);padding:40px max(6vw,24px);display:flex;align-items:center;gap:30px;flex-wrap:wrap;color:var(--muted);font-size:12px}footer nav{display:flex;gap:24px;flex-wrap:wrap;flex:1;justify-content:center}footer p{margin:0}.noscript{text-align:center;padding:20px}#notice{position:fixed;right:24px;bottom:24px;max-width:350px;padding:0;border-radius:12px;background:#153047;z-index:50}#notice:not(:empty){padding:18px;border:1px solid var(--line)}[data-reveal]{transition:opacity .6s,transform .6s}.animate [data-reveal]:not(.visible){opacity:0;transform:translateY(22px)}@keyframes wave{from{transform:translateX(0)}to{transform:translateX(18%)}}@media(min-width:1600px){.header{inset-inline:3vw}.hero{padding-left:max(6vw,calc((100vw - 1320px)/2))}}@media(max-width:1100px){.header{gap:22px}.header nav{gap:16px}.brand{font-size:14px;letter-spacing:.08em}.header-actions{gap:16px}.hero h1{max-width:550px}.home-grid{grid-template-columns:1fr 1fr;gap:24px}.news-card{grid-template-columns:88px 1fr;gap:14px}.news-card img{width:88px}.launcher-promo{gap:30px}}@media(max-width:850px){.header{inset:12px;height:72px;padding:0 18px}.header .brand{flex:1}.header nav{display:none;position:absolute;top:82px;left:0;right:0;background:#0b1b30;padding:24px;border:1px solid var(--line);border-radius:12px}.header nav.open{display:grid;gap:22px}.menu{display:block;order:3}.header-actions .account-link{display:none}.header-actions .button{font-size:0;padding:10px}.header-actions .button span{font-size:20px}.hero{min-height:760px;padding-top:160px}.hero-shade{background:linear-gradient(90deg,#061321e8,#06132155),linear-gradient(0deg,var(--ink),transparent 70%)}.hero-content{max-width:590px}.home-grid,.launcher-promo,.grid{grid-template-columns:1fr}.section,.page{padding-inline:24px}.section{padding-block:40px}.news-card{grid-template-columns:100px 1fr}.news-card img{width:100px}.launcher-visual{order:2}.download-steps{grid-template-columns:1fr;gap:0}footer{align-items:flex-start}footer nav{justify-content:flex-start}.page{padding-top:130px}}@media(max-width:480px){.header .brand{font-size:12px;gap:8px}.header .brand img{width:32px;height:32px}.header{gap:12px}.hero{min-height:730px;padding-inline:24px}.hero h1{font-size:43px}.game-logo{font-size:50px}.lead{font-size:17px}.actions{gap:12px}.actions .button{width:100%}.game-feature{padding:24px;min-height:340px}.game-feature h3{font-size:38px}.section-heading{align-items:flex-start}.section-heading h2{font-size:30px}.news-card{gap:12px;padding:12px}.news-card h3{font-size:16px}.news-card p{display:none}.panel{padding:24px}.mini-body{grid-template-columns:64px 1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-art{transform:none;will-change:auto}.animate [data-reveal]:not(.visible){opacity:1;transform:none}}

.mobile-account{display:none}@media(max-width:850px){.header nav .mobile-account{display:block}}
.studio-news-heading{margin-top:52px}.skazaniya-hero{position:relative;min-height:580px;height:min(900px,88svh);display:flex;align-items:flex-end;overflow:hidden;background:#17231a}.skazaniya-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 45%}.skazaniya-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#071321fa,transparent 55%),linear-gradient(180deg,#07132166,transparent 28%)}.skazaniya-intro{position:relative;z-index:1;max-width:1320px;width:100%;margin:0 auto;padding:160px 28px 34px}.skazaniya-intro .eyebrow{color:#e2cda2;margin-bottom:10px}.skazaniya-intro h1{font-size:clamp(56px,7vw,112px);font-weight:bold;color:#f5d997;margin:0 0 10px;text-shadow:0 3px 30px #050c07}.skazaniya-intro .lead{color:#f2e9d4;margin:0}.skazaniya-story{display:grid;grid-template-columns:1.4fr 1fr;gap:64px;align-items:start}.skazaniya-story .panel{border-color:#695d3b}.skazaniya-story h2{color:#f4dba5}@media(max-width:650px){.skazaniya-hero{height:76svh;min-height:560px}.skazaniya-art{object-position:54% center}.skazaniya-intro{padding:150px 24px 32px}.skazaniya-intro .eyebrow{font-size:10px;letter-spacing:.16em}.skazaniya-story{grid-template-columns:1fr;gap:28px}}

.cosmos-hero{position:relative;min-height:740px;height:94svh;max-height:1100px;display:flex;align-items:center;overflow:hidden;background:#070e17}.cosmos-art,.cosmos-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% center}.cosmos-shade{background:linear-gradient(90deg,#060c15ed,#060c15b0 35%,transparent 75%),linear-gradient(0deg,#071321,transparent 25%)}.cosmos-intro{position:relative;width:1320px;margin:auto;padding:170px 28px 100px}.cosmos-intro .eyebrow,.cosmos-story .eyebrow,.cosmos-end .eyebrow{color:#f09b76}.cosmos-intro h1{font:900 clamp(60px,7.6vw,116px)/.94 Impact,'Arial Black',sans-serif;letter-spacing:.015em;color:#f9e4c7;margin:10px 0 26px;text-shadow:0 4px 30px #060b13}.cosmos-tagline{font-weight:750;letter-spacing:.13em;font-size:14px;color:#ffa783}.cosmos-intro .lead{font-size:18px;color:#e2d7d0}.cosmos-button{background:linear-gradient(100deg,#b72321,#e8522d);border-color:#ee794c;color:#fff1dd;box-shadow:0 0 30px #d43c2325}.cosmos-caption{position:absolute;bottom:25px;right:28px;color:#c3c1bb;font-size:11px}.cosmos-story{display:grid;grid-template-columns:1.5fr 1fr;gap:64px;padding-top:85px}.cosmos-story h2,.cosmos-end h2{color:#f9e4c7}.cosmos-brief{border-color:#774734;background:linear-gradient(135deg,#241e21,#101c2b)}.cosmos-brief .eyebrow{margin-bottom:20px}.cosmos-brief dt{font-size:11px;color:#b9aba4;text-transform:uppercase;letter-spacing:.12em}.cosmos-brief dd{margin:4px 0 20px;font-size:17px}.cosmos-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;padding-top:10px}.cosmos-pillars article{border-top:1px solid #794834;padding-top:24px}.cosmos-pillars span{font-size:11px;letter-spacing:.16em;color:#e88c64}.cosmos-pillars h3{color:#f9e4c7;margin-top:18px}.cosmos-pillars p{color:var(--muted)}.cosmos-end{padding-top:30px;padding-bottom:80px}.game-feature[href$="krasny-kosmos"] h3{font-family:Impact,'Arial Black',sans-serif;color:#ffe0be;letter-spacing:.02em}@media(max-width:850px){.cosmos-story{grid-template-columns:1fr;gap:28px}.cosmos-pillars{grid-template-columns:1fr;gap:20px}.cosmos-hero{min-height:760px}.cosmos-art{object-position:68% center}.cosmos-shade{background:linear-gradient(90deg,#060c15e0,#060c1560),linear-gradient(0deg,#071321,transparent 45%)}.cosmos-intro{padding-inline:24px}.cosmos-intro h1{font-size:clamp(56px,12vw,90px)}.cosmos-tagline{font-size:11px}.cosmos-caption{left:24px;right:auto;font-size:10px}}
.catalog-filters{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.catalog-filters input,.catalog-filters select{background:#102338;color:#ecf5ff;border:1px solid #345169;border-radius:10px;padding:13px;font:inherit}.catalog-filters input{flex:1;min-width:220px}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:24px}.catalog-card{position:relative;display:flex;flex-direction:column;align-items:stretch;text-align:center;border:1px solid #a88745;border-radius:24px 24px 16px 16px;padding:10px 14px 18px;background:linear-gradient(145deg,#26384a,#102030);color:#f2e5c7;cursor:pointer;font:inherit;box-shadow:0 9px 24px #0005}.catalog-card:hover{border-color:#ffe6a4;transform:translateY(-4px)}.catalog-card:focus-visible{outline:3px solid #5ce3ff;outline-offset:4px}.catalog-card h3{font-size:20px;margin:16px 0 8px}.catalog-card p{font-size:14px;min-height:65px}.catalog-card small{color:#c7b38d;margin:auto 0 12px}.card-cost{position:absolute;top:16px;left:8px;background:#176fa1;border:2px solid #ace9ff;border-radius:50%;width:42px;height:42px;display:grid;place-items:center;font-size:23px;font-weight:bold;color:white}.card-portrait{display:block;aspect-ratio:1;border-radius:18px;background-color:#14283b;background-image:url('/assets/skazaniya-card-atlas.png');background-repeat:no-repeat}.card-details{max-width:560px;width:calc(100% - 48px);background:#102338;color:#f2e5c7;border:1px solid #c4a25b;border-radius:20px;padding:28px}.card-details::backdrop{background:#020811db}.card-details p{line-height:1.7}.brand img{object-fit:contain;filter:drop-shadow(0 0 2px #d5f8ff)}
.card-portrait{background-size:800% 400%}
.portrait-0{background-position:0% 0%}
.portrait-1{background-position:14.2857% 0%}
.portrait-2{background-position:28.5714% 0%}
.portrait-3{background-position:42.8571% 0%}
.portrait-4{background-position:57.1429% 0%}
.portrait-5{background-position:71.4286% 0%}
.portrait-6{background-position:85.7143% 0%}
.portrait-7{background-position:100% 0%}
.portrait-8{background-position:0% 33.3333%}
.portrait-9{background-position:14.2857% 33.3333%}
.portrait-10{background-position:28.5714% 33.3333%}
.portrait-11{background-position:42.8571% 33.3333%}
.portrait-12{background-position:57.1429% 33.3333%}
.portrait-13{background-position:71.4286% 33.3333%}
.portrait-14{background-position:85.7143% 33.3333%}
.portrait-15{background-position:100% 33.3333%}
.portrait-16{background-position:0% 66.6667%}
.portrait-17{background-position:14.2857% 66.6667%}
.portrait-18{background-position:28.5714% 66.6667%}
.portrait-19{background-position:42.8571% 66.6667%}
.portrait-20{background-position:57.1429% 66.6667%}
.portrait-21{background-position:71.4286% 66.6667%}
.portrait-22{background-position:85.7143% 66.6667%}
.portrait-23{background-position:100% 66.6667%}
.portrait-24{background-position:0% 100%}
.portrait-25{background-position:14.2857% 100%}
.portrait-26{background-position:28.5714% 100%}
.portrait-27{background-position:42.8571% 100%}
.portrait-28{background-position:57.1429% 100%}
.portrait-29{background-position:71.4286% 100%}
.portrait-30{background-position:85.7143% 100%}
.portrait-31{background-position:100% 100%}
.card-portrait img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.prose video,.panel video{width:100%;max-height:600px;border-radius:14px;margin:20px 0}