:root{--bg:#f8fdf9;--ink:#153d60;--mint:#38ba97;--mint2:#8ce1cb;--blue:#2779d9;--muted:#627b8f;--line:rgba(23,82,91,.12);--shadow:0 22px 65px rgba(33,105,90,.14);--radius:30px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(#f8fff9,#f8fbff);color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;overflow-x:hidden}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}.shell{width:min(calc(100% - 40px),1180px);margin-inline:auto}.site-header{height:86px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:34px;position:relative;z-index:50}.brand{display:flex;align-items:center;gap:10px}.brand img{width:52px;height:52px;object-fit:contain;border-radius:50%}.brand span{display:grid;line-height:1}.brand strong{font-size:14px}.brand small{font-size:9px;letter-spacing:.22em;margin-top:5px;color:#2c816f;font-weight:900}.nav{display:flex;justify-content:center;gap:28px;font-size:12px;font-weight:800;color:#41647c}.nav a,.footer-nav a{transition:color .2s}.nav a:hover,.footer-nav a:hover{color:#159374}.vk-top{display:flex;align-items:center;gap:9px;padding:10px 15px;background:#fff;border:1px solid var(--line);border-radius:999px;font-size:11px;font-weight:850;box-shadow:0 8px 26px rgba(35,91,87,.08)}.vk-icon{display:grid;place-items:center;min-width:30px;height:26px;border-radius:8px;background:#2787f5;color:white;font-size:10px;font-weight:950}.menu-toggle{display:none;border:1px solid var(--line);background:#fff;border-radius:12px;width:42px;height:42px;font-size:19px;color:var(--ink)}

/* Hero: separate assets, never stretch mascot */
.hero-world{position:relative;width:min(calc(100% - 24px),1600px);aspect-ratio:16/10;min-height:720px;max-height:920px;margin:0 auto 34px;border-radius:38px;overflow:hidden;box-shadow:var(--shadow);isolation:isolate;background:#dff9ee}.hero-world::before{content:"";position:absolute;inset:0;background-image:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.14)),url('assets/hero-bg-desktop.webp');background-size:cover;background-position:center;z-index:-3}.hero-world::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 40%,rgba(255,255,255,.98) 0 12%,rgba(255,255,255,.78) 24%,rgba(255,255,255,.18) 45%,transparent 62%);z-index:-2;pointer-events:none}.hero-center{position:absolute;left:50%;top:8%;transform:translateX(-50%);width:min(44%,640px);display:flex;flex-direction:column;align-items:center;text-align:center;z-index:5}.hero-logo{width:clamp(132px,10.8vw,180px);height:auto;aspect-ratio:1;object-fit:contain;border-radius:50%;box-shadow:0 15px 40px rgba(38,119,101,.12)}.hero-center h1{margin:12px 0 6px;font-family:Georgia,"Times New Roman",serif;font-weight:500;letter-spacing:-.045em;font-size:clamp(38px,3.5vw,58px);line-height:.98;text-wrap:balance}.hero-center h1 span{color:#159b7b}.hero-center p{margin:8px auto 16px;max-width:570px;color:#526f84;font-size:14px;line-height:1.55;font-weight:650}.hero-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 18px;border-radius:999px;font-weight:900;font-size:12px;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px)}.button.primary{color:#fff;background:linear-gradient(135deg,#28b792,#15987b);box-shadow:0 12px 28px rgba(23,153,121,.27)}.button.secondary{color:#24629e;background:rgba(255,255,255,.92);border:1px solid rgba(42,113,170,.13);box-shadow:0 12px 28px rgba(36,89,119,.10)}.hero-mascot{position:absolute;left:52%;bottom:4%;transform:translateX(-50%);width:clamp(170px,17vw,270px);height:auto;max-height:270px;object-fit:contain;z-index:4;filter:drop-shadow(0 20px 26px rgba(23,78,71,.18));pointer-events:none}.hero-cards-grid{display:contents}.hero-game-card{position:absolute;width:clamp(245px,25vw,390px);height:auto;border:8px solid rgba(255,255,255,.97);border-radius:28px;box-shadow:0 20px 55px rgba(20,73,69,.22);overflow:hidden;background:#fff;z-index:2}.hero-game-card img{width:100%;height:auto;object-fit:contain}.hero-game-card.berries{left:1.8%;top:8.2%;transform:rotate(-3.2deg)}.hero-game-card.cat{left:1.8%;top:47.5%;transform:rotate(2.6deg)}.hero-game-card.deep{right:1.8%;top:8.2%;transform:rotate(3.2deg)}.hero-game-card.coffee{right:1.8%;top:47.5%;transform:rotate(-2.6deg)}.ticker{overflow:hidden;border-block:1px solid var(--line);background:rgba(220,248,239,.45)}.ticker-track{min-height:52px;display:flex;align-items:center;justify-content:center;gap:20px;white-space:nowrap;color:#357d6d;font-size:10px;font-weight:950;letter-spacing:.12em}.ticker i{font-style:normal;color:#71c9ca}.section{padding:94px 0 10px}.section-title{display:grid;grid-template-columns:1fr .9fr;gap:65px;align-items:end;margin-bottom:32px}.eyebrow{font-size:10px;font-weight:950;letter-spacing:.14em;color:#209177;margin:0 0 10px}.section-title h2{font:500 clamp(43px,5vw,66px)/1 Georgia,"Times New Roman",serif;letter-spacing:-.045em;margin:0}.section-lead{color:var(--muted);font-size:15px;line-height:1.7;margin:0}.game-showcase{display:grid;grid-template-columns:1.05fr .95fr;overflow:hidden;border-radius:30px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);margin-bottom:28px}.game-showcase.berries{background:linear-gradient(135deg,#fffdf1,#f2fff8)}.game-showcase.cat{background:linear-gradient(135deg,#fff8eb,#fffdf7)}.game-showcase.deep{background:linear-gradient(135deg,#ecfaff,#f7ffff)}.game-showcase.coffee{background:linear-gradient(135deg,#fff8eb,#fffdf9)}.game-cover{align-self:center;padding:10px;position:relative}.game-cover img{width:100%;height:auto;object-fit:contain;border-radius:22px}.game-copy{padding:38px 38px 28px;align-self:center}.pill-row{display:flex;gap:7px;flex-wrap:wrap}.pill{padding:7px 10px;border-radius:999px;background:#eef6f5;color:#567789;font-size:9px;font-weight:900;letter-spacing:.08em}.pill.good{background:#ddf8ef;color:#148568}.pill.wait{background:#fff1d6;color:#8f641a}.pill.dev{background:#edf1f4;color:#6f7d87}.game-copy h3{font:500 clamp(39px,4vw,57px)/1 Georgia,"Times New Roman",serif;letter-spacing:-.04em;margin:18px 0 8px}.game-subtitle{font-size:17px;font-weight:850;color:#26806c;margin:0 0 14px}.game-copy>p:not(.game-subtitle){font-size:14px;line-height:1.7;color:#5b7486}.game-links{display:flex;gap:9px;flex-wrap:wrap;margin-top:22px}.platform-mini{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:13px;background:#f4f7f8;color:#687b86;font-size:11px;font-weight:850}.platform-mini.live{background:#e7f2ff;color:#1f70bd}.platform-mini.yandex{background:#fff1e7;color:#b34d1c}.shot-strip{grid-column:1/-1;display:flex;gap:10px;overflow:auto;padding:10px;background:rgba(235,248,244,.7);scroll-snap-type:x mandatory}.shot-strip img{flex:0 0 31.8%;width:31.8%;aspect-ratio:16/9;object-fit:contain;background:#fff;border-radius:16px;scroll-snap-align:start;border:1px solid var(--line)}.shot-strip.portrait img{aspect-ratio:3/4;object-fit:contain;max-height:420px}.game-more{display:inline-flex;margin-top:20px;font-size:12px;font-weight:900;color:#1c8b72}.studio-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:22px}.studio-banner{border-radius:30px;overflow:hidden;background:#f5fbf7;box-shadow:var(--shadow);display:flex;align-items:center;justify-content:center;padding:20px}.studio-banner img{width:100%;height:100%;object-fit:contain}.studio-banner.portrait-banner img{max-height:820px;width:auto;max-width:100%}.studio-cards{display:grid;gap:14px}.studio-card{padding:25px;border-radius:24px;border:1px solid var(--line);background:rgba(255,255,255,.86)}.studio-card h3{font:500 26px Georgia,serif;margin:12px 0 8px}.studio-card p{font-size:13px;line-height:1.6;color:#60798c;margin:0}.behind{display:grid;grid-template-columns:.95fr 1.05fr;gap:22px;align-items:center;padding:22px;border-radius:32px;background:linear-gradient(135deg,#e8faf3,#eef7ff);box-shadow:var(--shadow)}.behind-copy{padding:24px}.behind-copy h2{font:500 clamp(42px,4.5vw,62px)/1 Georgia,serif;letter-spacing:-.04em;margin:8px 0 20px}.behind-copy p{color:#617a8d;line-height:1.7}.behind-img{border-radius:26px;max-height:620px;margin:auto;object-fit:contain}.final-cta{padding:90px 0 75px;display:flex;justify-content:space-between;align-items:end;gap:30px}.final-cta h2{font:500 clamp(40px,4.8vw,64px)/1 Georgia,serif;letter-spacing:-.04em;margin:0}.footer{min-height:140px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto auto;gap:34px;align-items:center}.footer-brand span{display:grid}.footer-brand small{font-size:10px;color:#7c929f;margin-top:4px}.footer-nav{display:flex;gap:20px;font-size:11px;font-weight:800;color:#5b7385}.footer-domain{font-size:11px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#64828a}.privacy{padding:70px 0 100px;max-width:820px}.privacy h1{font:500 clamp(44px,6vw,70px) Georgia,serif}.privacy h2{margin-top:32px}.privacy p,.privacy li{color:#587286;line-height:1.7}

/* game page */
.game-page{--accent:#2eaa8d;--soft:#eefaf5}.game-page.cat-theme{--accent:#c07b2c;--soft:#fff6e8}.game-page.deep-theme{--accent:#258dc7;--soft:#edfaff}.game-page.coffee-theme{--accent:#a66a2e;--soft:#fff6e8}.game-hero{position:relative;width:min(calc(100% - 32px),1320px);margin:0 auto 34px;border-radius:34px;overflow:hidden;background:var(--soft);box-shadow:var(--shadow)}.game-hero-art{width:100%;max-height:680px;object-fit:contain;background:var(--soft)}.game-hero-panel{position:absolute;left:28px;bottom:28px;width:min(560px,calc(100% - 56px));padding:24px 26px;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.8);border-radius:26px;box-shadow:0 18px 55px rgba(26,68,70,.16)}.game-hero-panel .back{font-size:11px;font-weight:900;color:var(--accent)}.game-hero-panel h1{font:500 clamp(36px,4.5vw,62px)/.98 Georgia,serif;letter-spacing:-.045em;margin:12px 0 10px}.game-hero-panel p{margin:0;color:#5e7586;line-height:1.6;font-size:14px}.game-content{padding:28px 0 90px}.game-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:22px;align-items:start}.platform-card,.about-card,.gallery-card{background:#fff;border:1px solid var(--line);border-radius:26px;box-shadow:0 16px 45px rgba(38,99,88,.08)}.platform-card,.about-card{padding:24px}.platform-card h2,.about-card h2,.gallery-card h2{font:500 30px Georgia,serif;margin:0 0 14px}.platforms{display:grid;gap:10px}.platform-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 16px;border-radius:17px;background:#f6f9fa}.platform-name{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:900}.platform-status{font-size:10px;font-weight:900;color:#75848d;background:#edf1f3;padding:7px 9px;border-radius:999px;text-align:right}.platform-status.wait{background:#fff0cf;color:#8c621c}.platform-status.live{background:#e4f1ff;color:#1c70bd}.platform-link{font-size:10px;font-weight:950;color:#fff;background:var(--accent);padding:8px 11px;border-radius:999px}.feedback{margin-top:14px;display:flex;gap:9px;align-items:center;font-size:12px;color:#56758b}.feedback a{font-weight:900;color:#287ed2}.about-card{margin-top:14px}.about-card p{font-size:14px;color:#5c7487;line-height:1.7}.tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}.tags span{font-size:10px;font-weight:850;background:var(--soft);color:var(--accent);padding:7px 10px;border-radius:999px}.gallery-card{padding:24px}.gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.gallery img{width:100%;height:auto;object-fit:contain;border-radius:18px;background:#f4f7f8;border:1px solid var(--line)}.gallery.portrait{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.gallery.portrait img{max-height:650px}.tech-note{margin-top:18px;padding:18px;border-radius:20px;background:var(--soft);font-size:12px;line-height:1.6;color:#5b7281}.tech-note strong{color:var(--accent)}

@media(max-width:1100px){.hero-world{height:auto;min-height:700px;aspect-ratio:auto;padding:54px 36px 42px;background:#dff9ee;display:flex;align-items:flex-start;justify-content:center}.hero-world::before{background-image:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.16)),url('assets/hero-bg-tablet.webp');background-position:center;background-size:cover}.hero-world::after{background:radial-gradient(ellipse at 50% 27%,rgba(255,255,255,.96),rgba(255,255,255,.40) 38%,transparent 64%)}.hero-center{position:relative;left:auto;top:auto;transform:none;width:min(100%,660px);margin:0 auto;z-index:5}.hero-logo{width:150px}.hero-center h1{font-size:clamp(44px,6.4vw,64px)}.hero-center p{font-size:15px}.hero-mascot{position:absolute;left:auto;right:8%;bottom:4%;transform:none;width:185px;max-height:none;margin:0;z-index:3}.hero-cards-grid{display:none}.section-title{grid-template-columns:1fr;gap:18px}.game-showcase{grid-template-columns:1fr}.game-copy{padding:30px}.studio-grid{grid-template-columns:1fr}.game-grid{grid-template-columns:1fr}.game-hero-panel{position:relative;left:auto;bottom:auto;width:auto;margin:0 18px 18px}.game-hero-art{max-height:none}.footer{grid-template-columns:1fr auto}.footer-domain{grid-column:1/-1}.image-badge{position:static;margin:10px 2px 0;box-shadow:none}.game-cover{display:flex;flex-direction:column;align-items:flex-start}}
@media(max-width:760px){.shell{width:min(calc(100% - 24px),1180px)}.site-header{height:72px;grid-template-columns:1fr auto}.site-header .brand span,.vk-top span:last-child{display:none}.nav{position:absolute;top:66px;right:0;left:0;margin:auto;width:min(calc(100% - 24px),520px);display:none;flex-direction:column;gap:0;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);padding:10px}.nav.open{display:flex}.nav a{padding:12px}.menu-toggle{display:block;grid-column:2}.vk-top{position:absolute;right:52px;padding:8px}.hero-world{width:calc(100% - 16px);min-height:680px;padding:34px 16px 28px;border-radius:28px;margin-top:4px;display:block}.hero-world::before{background-image:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.16)),url('assets/hero-bg-mobile.webp');background-position:center 58%;background-size:cover}.hero-world::after{background:radial-gradient(ellipse at 50% 25%,rgba(255,255,255,.96),rgba(255,255,255,.48) 42%,transparent 67%)}.hero-center{width:100%;max-width:520px;margin:0 auto}.hero-logo{width:118px}.hero-center h1{font-size:40px;line-height:1.02}.hero-center p{font-size:13px;padding-inline:8px;max-width:420px}.hero-actions{display:grid;width:min(100%,340px);margin-inline:auto}.hero-actions .button{width:100%}.hero-mascot{left:auto;right:7%;bottom:4%;transform:none;width:128px;max-height:none;margin:0;opacity:.98}.hero-cards-grid{display:none}.section{padding-top:70px}.game-showcase{border-radius:24px}.game-copy{padding:25px 20px}.shot-strip img{flex-basis:82%;width:82%}.studio-card{padding:21px}.behind{grid-template-columns:1fr;padding:10px}.behind-copy{padding:20px}.final-cta{padding:70px 0 55px;flex-direction:column;align-items:flex-start}.footer{grid-template-columns:1fr;gap:16px;padding:26px 0}.footer-nav{flex-wrap:wrap}.footer-domain{grid-column:auto}.game-hero{width:calc(100% - 16px);border-radius:25px}.game-hero-panel{margin:0 10px 10px;padding:20px;border-radius:20px}.game-content{padding-top:15px}.gallery{grid-template-columns:1fr}.gallery.portrait{display:flex;overflow:auto;scroll-snap-type:x mandatory}.gallery.portrait img{min-width:78%;scroll-snap-align:center}.platform-row{align-items:flex-start;flex-direction:column}.ticker-track{justify-content:flex-start;padding-left:18px}.image-badge{font-size:10px;padding:7px 10px;margin-top:9px}.studio-banner{padding:14px}.studio-banner.portrait-banner img{max-height:700px}}
@media(max-width:430px){.hero-world{min-height:650px}.hero-center h1{font-size:35px}.hero-mascot{width:110px;right:4%;bottom:3%}.game-copy h3{font-size:39px}.section-title h2{font-size:40px}.game-hero-panel h1{font-size:38px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

.hero-game-card{position:relative}
.image-badge{position:absolute;left:14px;top:14px;display:inline-flex;align-items:center;justify-content:center;padding:8px 11px;border-radius:999px;font-size:10px;font-weight:950;letter-spacing:.02em;color:#fff;box-shadow:0 10px 24px rgba(13,44,52,.22);z-index:3}
.image-badge--dev{background:linear-gradient(135deg,#ff7e35,#ff4d55)}
.image-badge--wait{background:linear-gradient(135deg,#ffb300,#ff7a00)}
.platform-name-only{font-size:12px}
.game-links--platforms{gap:10px}
.game-note{margin:14px 0 0;font-size:12px;color:#6e7f88;font-weight:700}
.hero-game-card div,.hero-game-card img{display:block}


/* Hero composition: three independent modes, positions relative to hero. */
.hero-world{width:min(calc(100% - 32px),1600px);height:720px;min-height:0;max-height:none;aspect-ratio:auto;margin:0 auto 34px;padding:0;display:block}
.hero-center{position:absolute;left:50%;top:44px;transform:translateX(-50%);width:43%;max-width:640px;margin:0}
.hero-logo{width:160px;height:auto;aspect-ratio:auto;object-fit:contain}
.hero-center h1{font-size:48px;line-height:1.06;margin:18px 0 10px}
.hero-center p{font-size:16px;line-height:1.55;margin:8px auto 20px;max-width:550px;padding:0}
.hero-actions .button{font-size:14px;min-height:48px}
.hero-cards-grid{display:contents}
.hero-game-card{position:absolute;width:25%;height:auto;max-width:390px;border:8px solid #fff;border-radius:24px;overflow:visible}
.hero-game-card img{display:block;width:100%;height:auto;object-fit:contain;border-radius:16px}
.hero-game-card.berries{left:3%;top:12%;transform:rotate(-5deg)}
.hero-game-card.cat{left:3%;top:auto;bottom:12%;transform:rotate(4deg)}
.hero-game-card.deep{right:3%;top:12%;transform:rotate(5deg)}
.hero-game-card.coffee{right:3%;top:auto;bottom:12%;transform:rotate(-4deg)}
.hero-mascot{position:absolute;left:55%;right:auto;bottom:30px;transform:translateX(-50%);width:190px;height:auto;max-height:none;margin:0;object-fit:contain}
@media(min-width:1100px) and (max-width:1399px){
 .hero-world{height:620px}
 .hero-center{top:32px}
 .hero-logo{width:130px}
 .hero-center h1{font-size:39px}
 .hero-mascot{width:165px;bottom:24px}
 .hero-game-card{border-width:6px}
}
@media(min-width:761px) and (max-width:1099px){
 .hero-world{height:auto;min-height:0;max-height:none;padding:36px 32px 28px;display:flex;flex-direction:column;align-items:center}
 .hero-world::before{background-image:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.16)),url('assets/hero-bg-tablet.webp')}
 .hero-center{position:relative;left:auto;top:auto;transform:none;width:100%;max-width:660px}
 .hero-logo{width:140px}
 .hero-center h1{font-size:46px}
 .hero-cards-grid{display:none}
 .hero-mascot{position:relative;left:auto;right:auto;bottom:auto;transform:none;width:150px;height:auto;margin:22px 0 0 160px}
}
@media(max-width:760px){
 .hero-world{width:calc(100% - 16px);height:auto;min-height:0;max-height:none;padding:28px 20px 22px;display:flex;flex-direction:column;align-items:center;border-radius:28px}
 .hero-world::before{background-image:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.16)),url('assets/hero-bg-mobile.webp');background-position:center 58%}
 .hero-center{position:relative;left:auto;top:auto;transform:none;width:100%;max-width:520px}
 .hero-logo{width:110px;height:auto}
 .hero-center h1{font-size:35px;line-height:1.08;margin:16px 0 10px}
 .hero-center p{font-size:16px;line-height:1.5;margin:8px auto 18px}
 .hero-actions{display:grid;width:100%;max-width:340px;gap:10px}
 .hero-cards-grid{display:none}
 .hero-mascot{position:relative;left:auto;right:auto;bottom:auto;transform:none;width:118px;height:auto;margin:20px 0 0 48px}
}