@font-face{font-family:Nunito;src:url(fonts/nunito-cyrillic-400-normal.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Nunito;src:url(fonts/nunito-latin-400-normal.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Nunito;src:url(fonts/nunito-cyrillic-700-normal.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Nunito;src:url(fonts/nunito-latin-700-normal.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Nunito;src:url(fonts/nunito-cyrillic-900-normal.woff2) format("woff2");font-weight:900;font-style:normal;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Nunito;src:url(fonts/nunito-latin-900-normal.woff2) format("woff2");font-weight:900;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--lime:#BEDC1E;--lime-hi:#DDF35A;--lime-lo:#93B10F;--orange:#F5B435;--orange-hi:#FFD47A;--orange-lo:#DB8E1A;--olive:#3D3D20;--note:#FFFDF0;
 --bg:#C6E23A;--pat:#B3CF27;--foot:#3D3D20;--text:#3D3D20;color-scheme:light}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#1E2650;--pat:#28316A;--foot:#141A3A;color-scheme:dark}}
:root[data-theme=dark]{--bg:#1E2650;--pat:#28316A;--foot:#141A3A;color-scheme:dark}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;overflow-x:clip}
body{overflow-x:clip}
body{margin:0;min-height:100vh;display:flex;flex-direction:column;font:400 18px/1.6 Nunito,system-ui,sans-serif;color:var(--text);
 background-color:var(--bg);
 background-image:radial-gradient(circle at 24px 14px,var(--pat) 0 5px,transparent 5.5px),
 linear-gradient(45deg,transparent 46%,var(--pat) 46% 54%,transparent 54%),linear-gradient(-45deg,transparent 46%,var(--pat) 46% 54%,transparent 54%);
 background-size:96px 96px,48px 48px,48px 48px;background-position:0 0,0 0,24px 0}
main{flex:1 0 auto}
a{color:inherit}
img{max-width:100%}
picture{display:contents}
.px{image-rendering:pixelated}
h1,h2,h3{font-weight:900;line-height:1.1;margin:0}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:12px;top:-80px;z-index:9;background:var(--note);color:#3D3D20;padding:10px 16px;font-weight:900;border-radius:10px}
.skip:focus{top:12px}
:focus-visible{outline:4px solid #fff;outline-offset:3px;box-shadow:0 0 0 7px var(--olive);border-radius:8px}
/* объёмные кнопки, как в игре */
.gbtn{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:0 28px;border-radius:18px;border:3px solid var(--olive);font:900 20px/1.1 Nunito,sans-serif;color:var(--olive);text-decoration:none;text-align:center;
 background:linear-gradient(var(--orange-hi),var(--orange) 50%,var(--orange-lo));box-shadow:inset 0 3px 0 rgba(255,255,255,.6),inset 0 -4px 0 rgba(0,0,0,.12),0 6px 0 var(--olive);transition:transform .12s,box-shadow .12s}
.gbtn:hover{transform:translateY(-2px);box-shadow:inset 0 3px 0 rgba(255,255,255,.6),inset 0 -4px 0 rgba(0,0,0,.12),0 8px 0 var(--olive)}
.gbtn:active{transform:translateY(4px);box-shadow:inset 0 3px 0 rgba(255,255,255,.6),0 2px 0 var(--olive)}
.gbtn.lime{background:linear-gradient(var(--lime-hi),var(--lime) 50%,var(--lime-lo))}
.gbtn.soon{background:rgba(255,253,240,.85);border-style:dashed;box-shadow:none;font-weight:700;font-size:18px;transform:none}
.gbtns{display:flex;gap:16px;flex-wrap:wrap}
/* шапка */
.top{display:flex;align-items:center;gap:12px;padding:14px 24px;max-width:1240px;margin:0 auto;width:100%}
.top .home{margin-right:auto;display:block;line-height:0}
.top .home img{height:56px;width:auto;transform:rotate(-2deg)}
.pill{display:inline-flex;align-items:center;min-height:44px;font-weight:900;color:var(--olive);text-decoration:none;background:var(--note);border:3px solid var(--olive);border-radius:999px;padding:0 16px;box-shadow:0 4px 0 var(--olive)}
.lang{display:inline-flex;align-items:center;min-height:44px;background:var(--note);border:3px solid var(--olive);border-radius:999px;box-shadow:0 4px 0 var(--olive);padding:0 4px;font-weight:900;color:var(--olive)}
.lang a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none;padding:0 10px;border-radius:999px}
.lang a[aria-current]{background:var(--lime)}
.lang span{opacity:.5}
.theme{flex:none;width:48px;height:48px;border-radius:50%;border:3px solid var(--olive);background:linear-gradient(#fff,#E9E6D2);color:var(--olive);display:grid;place-items:center;cursor:pointer;box-shadow:0 4px 0 var(--olive);padding:0}
.theme svg{width:22px;height:22px}.theme .sun{display:none}
:root[data-theme=dark] .theme .sun{display:block}:root[data-theme=dark] .theme .moon{display:none}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .theme .sun{display:block}:root:not([data-theme=light]) .theme .moon{display:none}}
/* наклейки */
.st{position:absolute;z-index:1;height:auto;filter:drop-shadow(0 4px 4px rgba(0,0,0,.12));transition:transform .2s}
.st:hover{transform:rotate(0) scale(1.06)!important}
.label{display:inline-block;transform:rotate(1.5deg);background:var(--note);color:#3D3D20;font:900 clamp(20px,2.6vw,30px)/1.25 Nunito,sans-serif;padding:14px 26px;border-radius:14px;text-wrap:balance;box-shadow:0 0 0 6px #fff,0 10px 10px 4px rgba(40,40,20,.25)}
.tag{display:inline-block;font-size:clamp(30px,4vw,46px);color:#fff;background:var(--olive);padding:8px 22px;border-radius:14px;transform:rotate(-2deg);box-shadow:0 0 0 6px #fff,0 10px 10px 2px rgba(0,0,0,.2);margin:72px 0 34px}
.note{position:relative;background:var(--note);color:#3D3D20;border-radius:18px;padding:36px;box-shadow:0 0 0 7px #fff,0 14px 16px 4px rgba(0,0,0,.22)}
.note p{color:#5E5E3E}
/* первый экран главной */
.hero{position:relative;max-width:1240px;margin:0 auto;width:100%;min-height:660px;display:grid;place-items:center;padding:10px 20px 70px}
.hero .in{text-align:center;position:relative;z-index:2;width:min(640px,92vw)}
.hero .big{width:100%;height:auto;transform:rotate(-3deg);filter:drop-shadow(0 10px 6px rgba(40,40,20,.25))}
.hero .label{margin-top:8px}
.hero .gbtns{justify-content:center;margin-top:34px}
.s-cow{left:3%;top:36px;width:260px;transform:rotate(7deg)}
.s-grandpa{left:3%;bottom:44px;width:190px;transform:rotate(-6deg)}
.s-chicken{left:21%;bottom:6px;width:104px;transform:rotate(10deg)}
.s-biz{right:4%;top:28px;width:190px;transform:rotate(-8deg)}
.s-magnate{right:3%;bottom:30px;width:190px;transform:rotate(6deg)}
.s-statue{right:-34px;top:-70px;width:110px;transform:rotate(8deg);z-index:3}
.bubble h2,.bubble p{padding-right:70px}
.s-beetle{left:24%;top:30px;width:110px;transform:rotate(-12deg)}
.wrap{max-width:1140px;margin:0 auto;padding:0 20px}
/* новая игра */
.game{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:44px;align-items:center}
.photos{position:relative;height:520px}
.photo{position:absolute;width:230px;background:#fff;padding:12px 12px 40px;border-radius:6px;box-shadow:0 12px 18px rgba(0,0,0,.25);margin:0}
.photo img{display:block;width:100%;height:auto;border-radius:4px}
.photo figcaption{position:absolute;bottom:8px;left:0;right:0;text-align:center;font-weight:900;font-size:15px;color:#3D3D20}
.photo::before{content:"";position:absolute;top:-14px;left:50%;width:90px;height:30px;transform:translateX(-50%) rotate(-3deg);background:rgba(245,180,53,.75)}
.p1{left:0;top:40px;transform:rotate(-8deg)}.p2{left:30%;top:0;transform:rotate(3deg);z-index:2}.p3{left:58%;top:60px;transform:rotate(10deg)}
.game .note{transform:rotate(1deg)}
.note .icon{position:absolute;top:-40px;right:-20px;width:110px;height:110px;border-radius:26px;transform:rotate(10deg);box-shadow:0 0 0 6px #fff,0 8px 10px rgba(0,0,0,.25)}
.note .glogo{width:208px;height:auto;display:block}
.note .genre{font-weight:700;color:#5E5E3E}
.note p{font-size:19px;margin:12px 0 0}
.note .gbtns{margin-top:24px}
/* студия */
.studio{display:grid;grid-template-columns:auto minmax(0,1fr);gap:20px;align-items:end}
.studio .who{width:200px;height:auto}
.bubble{position:relative;margin-bottom:110px;border-radius:28px;padding:32px 36px}
.bubble::after{content:"";position:absolute;left:-30px;bottom:30px;width:44px;height:40px;background:var(--note);clip-path:polygon(100% 0,0 100%,100% 70%)}
.bubble h2{font-size:clamp(26px,3vw,36px)}
.bubble p{font-size:19px;margin:10px 0 0}
.badges{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px;list-style:none;padding:0;margin:56px 0 0}
.badges li{background:#fff;color:#3D3D20;border-radius:26px;padding:22px 18px;text-align:center;box-shadow:0 10px 14px rgba(0,0,0,.2);border:4px solid var(--olive)}
.badges li:nth-child(1){transform:rotate(-3deg)}.badges li:nth-child(2){transform:rotate(2deg)}.badges li:nth-child(3){transform:rotate(-1.5deg)}.badges li:nth-child(4){transform:rotate(3deg)}
.badges .dot{width:88px;height:88px;margin:-64px auto 10px;border-radius:50%;border:4px solid var(--olive);background:linear-gradient(var(--orange-hi),var(--orange));display:grid;place-items:center;box-shadow:0 0 0 5px #fff;overflow:hidden}
.badges li:nth-child(even) .dot{background:linear-gradient(var(--lime-hi),var(--lime))}
.badges .dot img{width:auto;height:auto;max-width:66px;max-height:62px;image-rendering:pixelated}
.badges h3{font-size:21px}.badges p{margin:6px 0 0;font-size:16px;color:#5E5E3E}
/* страница игры */
.ghero{position:relative;max-width:1240px;margin:0 auto;width:100%;display:grid;place-items:center;padding:10px 20px 40px;min-height:740px}
.ghero .in{position:relative;z-index:2;text-align:center;width:min(600px,92vw)}
.ghero h1 img{width:min(330px,70vw);height:auto;filter:drop-shadow(0 10px 8px rgba(0,0,0,.25));transform:rotate(-3deg)}
.ghero .note{margin-top:22px;text-align:left}
.ghero .gbtns{margin-top:22px}
.s-ruin{left:2%;top:40px;width:250px;transform:rotate(-7deg)}
.s-mansion{right:2%;top:30px;width:330px;transform:rotate(6deg)}
.s-rags{left:6%;bottom:20px;width:170px;transform:rotate(5deg)}
.s-gmag{right:7%;bottom:10px;width:190px;transform:rotate(-6deg)}
.s-tractor{left:1%;top:290px;width:170px;transform:rotate(-4deg)}
.fromto{position:absolute;z-index:3;right:5%;top:310px;transform:rotate(4deg);font:900 18px Nunito,sans-serif;background:var(--orange);color:#3D3D20;padding:8px 16px;border-radius:12px;box-shadow:0 0 0 5px #fff,0 8px 10px rgba(0,0,0,.2)}
.strip{display:flex;gap:28px;overflow-x:auto;padding:24px 10px 30px;scroll-snap-type:x mandatory}
.strip .photo{position:relative;flex:none;width:210px;scroll-snap-align:center}
.strip .photo:nth-child(odd){transform:rotate(-3deg)}.strip .photo:nth-child(even){transform:rotate(3deg)}
.links{margin:56px 0 0;font-weight:700}
.links a{display:inline-block;padding:8px 16px;margin:0 12px 10px 0;background:var(--note);color:#3D3D20;border:3px solid var(--olive);border-radius:999px;box-shadow:0 4px 0 var(--olive);text-decoration:none}
/* политика, 404 */
.doc{max-width:860px;margin:0 auto;padding:0 20px}
.doc .note{margin-top:20px}
.prose{overflow-wrap:anywhere}
.prose h1{font-size:clamp(28px,4vw,40px);margin:0 0 20px}
.prose h2{font-size:24px;margin:34px 0 10px}
.prose h3{font-size:19px;margin:24px 0 8px}
.prose table{border-collapse:collapse;width:100%;font-size:15px;display:block;overflow-x:auto}
.prose th,.prose td{border:1px solid #D9D5BC;padding:8px 10px;text-align:left;vertical-align:top}
.prose th{background:#F4F0D8}
.prose code{font-size:.92em;background:#F4F0D8;padding:1px 5px;border-radius:5px}
.prose a{color:#3D3D20}
.lost{text-align:center;padding:40px 20px 0}
.lost img{width:300px;height:auto}
.lost .note{display:inline-block;margin-top:20px}
.lost h1{font-size:clamp(30px,5vw,46px)}
.lost .gbtns{justify-content:center;margin-top:20px}
/* подвал */
footer{margin-top:90px;background:var(--foot);color:#F3EFD8;padding:26px 20px 40px;font-size:16px}
footer .in{max-width:1140px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px 24px}
footer nav{display:flex;gap:0 20px;flex-wrap:wrap}
footer a{display:inline-block;padding:10px 0}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}
@media (max-width:960px){
 .top .pill{display:none}
 .s-beetle,.s-chicken,.s-tractor{display:none}
 .s-statue{width:84px;right:-14px;top:-56px}.bubble h2{padding-right:66px}.bubble p{padding-right:0}
 .s-cow{width:170px}.s-biz{width:130px}.s-grandpa{width:130px}.s-magnate{width:130px}
 .game,.studio{grid-template-columns:1fr}
 .photos{height:420px;max-width:520px;margin:0 auto;width:100%}.photos .photo{width:190px}
 .badges{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:64px}
 .studio .who{width:150px;order:2}.bubble{margin-bottom:0}.bubble::after{display:none}
 .s-ruin{width:160px}.s-mansion{width:200px}.s-rags{width:110px}.s-gmag{width:120px}.fromto{display:none}
}
@media (max-width:560px){
 .top{padding:10px 12px;gap:8px}.top .home img{height:44px}
}
@media (max-width:380px){.top .home img{height:34px}.lang a{padding:0 7px}.theme{width:44px;height:44px}
 .hero{min-height:0;padding-top:130px;padding-bottom:170px}
 .s-cow{left:1%;top:0;width:150px}.s-biz{right:1%;top:8px;width:112px}.s-grandpa{left:2%;bottom:6px;width:112px}.s-magnate{right:2%;bottom:6px;width:112px}
 .ghero{padding-top:120px;padding-bottom:150px;min-height:0}.s-ruin{top:6px;left:0;width:150px}.s-mansion{top:6px;right:0;width:170px}.s-rags{bottom:4px;width:96px}.s-gmag{bottom:4px;width:104px}
 .photos{height:340px}.photos .photo{width:150px;padding:8px 8px 32px}
 .note{padding:28px 20px}.note .icon{width:84px;height:84px;top:-30px;right:-8px}
 .badges{grid-template-columns:1fr}
 .tag{margin-top:56px}
}