@font-face{font-family:"Playfair Display";font-style:normal;font-weight:400 900;font-display:swap;
  src:url(fonts/playfair-display-cyrillic-wght-normal.woff2) format("woff2");
  unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Playfair Display";font-style:normal;font-weight:400 900;font-display:swap;
  src:url(fonts/playfair-display-latin-ext-wght-normal.woff2) format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Playfair Display";font-style:normal;font-weight:400 900;font-display:swap;
  src:url(fonts/playfair-display-latin-wght-normal.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Playfair Display";font-style:italic;font-weight:400 900;font-display:swap;
  src:url(fonts/playfair-display-cyrillic-wght-italic.woff2) format("woff2");
  unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Playfair Display";font-style:italic;font-weight:400 900;font-display:swap;
  src:url(fonts/playfair-display-latin-ext-wght-italic.woff2) format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Playfair Display";font-style:italic;font-weight:400 900;font-display:swap;
  src:url(fonts/playfair-display-latin-wght-italic.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Impeto WM Lora";font-style:normal;font-weight:400 700;font-display:swap;src:url(fonts/lora-wordmark.woff2) format("woff2")}
@font-face{font-family:"Impeto WM Alegreya";font-style:normal;font-weight:400 900;font-display:swap;src:url(fonts/alegreya-wordmark.woff2) format("woff2")}
@font-face{font-family:"Impeto WM Bona";font-style:normal;font-weight:700;font-display:swap;src:url(fonts/bona-nova-wordmark.woff2) format("woff2")}
@font-face{font-family:"Impeto WM Yeseva";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/yeseva-wordmark.woff2) format("woff2")}
@font-face{font-family:"Manrope";font-style:normal;font-weight:200 800;font-display:swap;
  src:url(fonts/manrope-cyrillic-wght-normal.woff2) format("woff2");
  unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Manrope";font-style:normal;font-weight:200 800;font-display:swap;
  src:url(fonts/manrope-latin-ext-wght-normal.woff2) format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Manrope";font-style:normal;font-weight:200 800;font-display:swap;
  src:url(fonts/manrope-latin-wght-normal.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{
  --paper:#fbf8f2; --paper-2:#f3eee3; --card:#fff;
  --ink:#1e1b16; --ink-2:#4f493e; --ink-3:#7c7567; --rule:#e3ddd0;
  --wood:#a5743f;       
  --night:#0b1422;      
  --nightness:0%;       
  --moonness:0%;        
  --stars:0;            
  --sky-n1:0%; --sky-n2:0%;     
  --w-tint:#8e98a4; --w-amt:0%; --w-land:0%;   
  --edge:clamp(1rem,4vw,3.5rem);
  --max:78rem;
  --serif:"Playfair Display","Noto Serif",Georgia,serif;
  --wm-font:"Impeto WM Lora",Georgia,serif;     
  --wm-style:normal; --wm-weight:700; --wm-track:-.005em;
  --eo:#2a9a4e;          
  --bar:3.6rem;          
  --girl:clamp(190px,22vw,300px);   
  --wm-fs:clamp(3.1rem,6.6vw,6.4rem); 
  --sans:"Manrope","Noto Sans","Segoe UI",system-ui,sans-serif;
  --brand:var(--s-brand);
  --brand-ink:var(--s-brand-ink);
  --brand-deep:color-mix(in oklab,var(--s-brand) 72%,#000);
  --accent:var(--s-accent);
  --accent-ink:var(--s-accent-ink);
  --link:var(--s-link);
  --mark:var(--s-mark);
  --mark-2:var(--s-mark-2);
  --wm-ink:var(--s-brand);
  color-scheme:light;
}
:root,.hero,.mast,.game{
  --sky-1:color-mix(in oklab,color-mix(in oklab,var(--s-sky-1),var(--w-tint) calc(var(--w-amt) * .7)),var(--night) var(--sky-n1));
  --sky-2:color-mix(in oklab,color-mix(in oklab,var(--s-sky-2),var(--w-tint) var(--w-amt)),var(--night) var(--sky-n2));
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --wm-ink:color-mix(in oklab,var(--s-brand) 30%,#fff);--eo:#52c174;
    --paper:#15140f; --paper-2:#1d1b15; --card:#221f19;
    --ink:#eeeae0; --ink-2:#c3bcac; --ink-3:#8f887a; --rule:#332f26;
    --nightness:62%; --moonness:88%; --stars:1; --rays:0; --wood:#5e4127;
    --link:color-mix(in oklab,var(--s-link) 38%,#fff);
    --sky-n1:86%; --sky-n2:74%;
    --brand-deep:color-mix(in oklab,var(--s-brand) 52%,#000);
    color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --wm-ink:color-mix(in oklab,var(--s-brand) 30%,#fff);--eo:#52c174;
  --paper:#15140f; --paper-2:#1d1b15; --card:#221f19;
  --ink:#eeeae0; --ink-2:#c3bcac; --ink-3:#8f887a; --rule:#332f26;
  --nightness:62%; --moonness:88%; --stars:1; --rays:0; --wood:#5e4127;
  --link:color-mix(in oklab,var(--s-link) 38%,#fff);
  --sky-n1:86%; --sky-n2:74%;
  --brand-deep:color-mix(in oklab,var(--s-brand) 52%,#000);
  color-scheme:dark;
}
:root[data-daytime="day"] :is(.hero,.mast,.game){
  --paper:#fbf8f2; --paper-2:#f3eee3; --card:#fff;
  --ink:#1e1b16; --ink-2:#4f493e; --ink-3:#7c7567; --rule:#e3ddd0; --wood:#a5743f;
  --nightness:0%; --moonness:0%; --stars:0; --sky-n1:0%; --sky-n2:0%; --rays:1;
  --link:var(--s-link); --brand-deep:color-mix(in oklab,var(--s-brand) 72%,#000);
  --wm-ink:var(--s-brand); --eo:#2a9a4e; color-scheme:light;
}
:root[data-daytime] :is(.hero,.mast,.game){color:var(--ink)}
:root[data-daytime="night"] :is(.hero,.mast,.game){
  --paper:#15140f; --paper-2:#1d1b15; --card:#221f19;
  --ink:#eeeae0; --ink-2:#c3bcac; --ink-3:#8f887a; --rule:#332f26; --wood:#5e4127;
  --nightness:62%; --moonness:88%; --stars:1; --sky-n1:86%; --sky-n2:74%; --rays:0;
  --link:color-mix(in oklab,var(--s-link) 38%,#fff); --brand-deep:color-mix(in oklab,var(--s-brand) 52%,#000);
  --wm-ink:color-mix(in oklab,var(--s-brand) 30%,#fff); --eo:#52c174; color-scheme:dark;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;
  scroll-padding-top:calc(env(safe-area-inset-top,0px) + 4.5rem)}
:root{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
body{margin:0;background:var(--paper);color:var(--ink);
  font:400 1.0625rem/1.6 var(--sans);overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:var(--link);text-underline-offset:.18em;text-decoration-thickness:1.5px}
a:hover{text-decoration-thickness:2.5px}
:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:3px}
h1,h2,h3{font-family:var(--serif);font-weight:700;line-height:1.08;
  letter-spacing:-.015em;margin:0;text-wrap:balance}
h2{font-size:clamp(1.75rem,3.6vw,2.6rem)}
p{margin:0 0 .8em}
.w{max-width:var(--max);margin-inline:auto;padding-inline:var(--edge)}
.sr{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.sprite{position:absolute;width:0;height:0;overflow:hidden}
.top{position:relative;z-index:6;height:var(--bar);background:var(--brand);color:var(--brand-ink);
  transition:background-color .6s}
.top.is-open{z-index:50}
.top a{color:inherit}
.top__in{display:flex;align-items:center;gap:1rem;height:100%}
.mast{position:relative;flex:none;align-self:flex-start;margin:.3rem auto 0 -.6rem}
.mast__logo{display:flex;position:relative;border-radius:50%}
.mast__logo img{position:relative;width:auto;height:calc(var(--girl) * .99);
  filter:drop-shadow(0 10px 14px rgba(40,18,6,.28));transition:rotate .6s cubic-bezier(.3,1.5,.5,1)}
.mast__logo:hover img{rotate:-2.5deg}
.mast__logo:focus-visible{outline-offset:-6px}
.mast__h{position:absolute;left:calc(100% + .2rem);top:calc(var(--girl) * .37);width:max-content;
  margin:0;font:inherit;color:var(--ink);letter-spacing:0;line-height:1}
.wm{display:block;font-family:var(--wm-font);font-style:var(--wm-style);font-weight:var(--wm-weight);
  font-size:var(--wm-fs);line-height:.95;letter-spacing:var(--wm-track);
  color:var(--wm-ink);padding-right:.06em;transition:color .6s}
.mast .wm{position:relative}
:root .wm{--pub-l:0.835em;--pub-t:0.163em;--pub-w:3.02em;--pub-fs:0.156em}
:root[data-wm="alegreya"] .wm{--pub-l:0.76em;--pub-t:0.166em;--pub-w:2.66em;--pub-fs:0.14em}
:root[data-wm="bona"] .wm{--pub-l:0.85em;--pub-t:0.153em;--pub-w:2.85em;--pub-fs:0.156em}
:root[data-wm="yeseva"] .wm{--pub-l:0.81em;--pub-t:0.124em;--pub-w:3.11em;--pub-fs:0.163em}
:root[data-wm="playfair-i"] .wm{--pub-l:0.758em;--pub-t:0.196em;--pub-w:3.192em;--pub-fs:0.132em}
.wm__pub{position:absolute;left:var(--pub-l);top:var(--pub-t);width:var(--pub-w);height:var(--pub-fs);
  display:flex;align-items:center;gap:.11em;color:var(--wm-ink);white-space:nowrap;pointer-events:none}
.wm__pub span{font:800 var(--pub-fs)/1 var(--sans);letter-spacing:.32em;margin-right:-.32em;text-transform:uppercase;
  text-shadow:0 0 6px color-mix(in oklab,var(--paper) 70%,transparent)}
.wm__pub::before,.wm__pub::after{content:"";flex:1;height:max(1px,.012em);background:currentColor;opacity:.5}
@media (max-width:720px){
  .wm__pub{position:static;width:auto;height:auto;margin:0 0 .3rem;gap:.5rem}
  .wm__pub span{font-size:.6rem;letter-spacing:.24em;margin-right:-.24em}
}
:root[data-wm="alegreya"]{--wm-font:"Impeto WM Alegreya",Georgia,serif;--wm-weight:800;--wm-track:0em}
:root[data-wm="bona"]{--wm-font:"Impeto WM Bona",Georgia,serif;--wm-weight:700;--wm-track:0em}
:root[data-wm="yeseva"]{--wm-font:"Impeto WM Yeseva",Georgia,serif;--wm-weight:400;--wm-track:0em}
:root[data-wm="playfair-i"]{--wm-font:"Playfair Display",Georgia,serif;--wm-style:italic;--wm-track:-.012em}
.mast__sub{display:flex;flex-wrap:wrap;align-items:center;gap:.25em .6em;margin:.7rem 0 0 .25rem;
  font:800 clamp(.64rem,.9vw,.8rem)/1.3 var(--sans);letter-spacing:.17em;text-transform:uppercase;color:var(--ink-2)}
.estar{width:1.15em;height:1.15em;fill:var(--eo);flex:none}
.nav{display:flex;gap:1.4rem;font-weight:600;font-size:.98rem;margin-left:auto}
.nav a{text-decoration:none;padding-block:.4rem;border-bottom:2px solid transparent}
.nav a:hover,.nav a[aria-current]{border-bottom-color:var(--accent)}
.ibtn{display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:10px;flex:none;
  background:color-mix(in oklab,var(--brand-ink) 14%,transparent);color:inherit;cursor:pointer}
.ibtn:hover{background:color-mix(in oklab,var(--brand-ink) 24%,transparent)}
.ibtn svg{width:22px;height:22px}
.ibtn--menu{display:none}
@media (max-width:1180px){.nav{gap:1rem;font-size:.92rem}}
@media (max-width:1060px){
  .nav{display:none}
  .ibtn--menu{display:grid}
  .top.is-open .nav{display:flex;flex-direction:column;gap:0;position:absolute;left:0;right:0;top:100%;
    background:var(--brand);padding:.5rem var(--edge) 1.2rem;box-shadow:0 12px 24px -12px rgba(0,0,0,.4)}
  .top.is-open .nav a{padding-block:.75rem;border-bottom:1px solid color-mix(in oklab,var(--brand-ink) 18%,transparent)}
}
@media (max-width:720px){
  :root{--bar:3.25rem;--girl:clamp(176px,49vw,196px)}  
  .mast{margin-left:-.5rem}
  .mast__h{top:calc(var(--girl) * .4);left:calc(100% - .3rem)}
  :root{--wm-fs:clamp(2.5rem,12vw,3.1rem)}
  .mast__sub{flex-direction:column;align-items:flex-start;gap:.3rem;letter-spacing:.12em;max-width:10.5rem}
  .mast__sub .estar{display:none}
}
.mast__logo::before{content:"";position:absolute;inset:6% 2% -4% -2%;border-radius:50%;
  background:radial-gradient(closest-side,color-mix(in oklab,#fff3dc 30%,transparent),transparent);
  opacity:0;transition:opacity .6s;pointer-events:none}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]):not([data-daytime]) .mast__logo::before{opacity:1}}
:root[data-theme="dark"]:not([data-daytime]) .mast__logo::before,
:root[data-daytime="night"] .mast__logo::before{opacity:1}
.mast__sub{text-shadow:0 0 6px color-mix(in oklab,var(--paper) 80%,transparent),0 0 2px color-mix(in oklab,var(--paper) 60%,transparent)}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:3.1rem;
  padding:.7rem 1.35rem;border-radius:8px;font:700 1rem/1.1 var(--sans);
  text-decoration:none;border:2px solid transparent;cursor:pointer;
  transition:background-color .2s,border-color .2s,color .2s}
.btn--accent{background:var(--accent);color:var(--accent-ink)}
.btn--accent:hover{background:color-mix(in oklab,var(--accent) 86%,#000)}
.btn--line{border-color:currentColor;color:var(--ink);background:color-mix(in oklab,var(--paper) 40%,transparent)}
.btn--line:hover{background:color-mix(in oklab,var(--paper) 75%,transparent)}
.btn--brand{background:var(--brand);color:var(--brand-ink)}
.btn--brand:hover{background:color-mix(in oklab,var(--brand) 85%,#000)}
.btn[disabled]{opacity:.45;cursor:not-allowed}
.hero{position:relative;isolation:isolate;overflow:hidden;
  min-height:max(640px,calc(100svh - var(--bar)));
  background:linear-gradient(180deg,var(--sky-1) 0%,var(--sky-2) 72%)}
.hero__in{position:relative;z-index:3;
  padding-block:calc(.3rem + var(--girl) * .99 - var(--bar) + 2rem) 3rem}
.hero{--cards:40rem}
.hero__text{max-width:var(--cards)}
@media (max-width:1100px){.hero{--cards:36rem}}
@media (max-width:720px){.hero__in{padding-top:calc(var(--girl) * .99 - var(--bar) + 1.4rem)}}
.go{list-style:none;margin:0;padding:0;display:grid;gap:.7rem;grid-template-columns:repeat(2,minmax(0,1fr))}
.go a{position:relative;display:flex;flex-direction:column;height:100%;padding:.85rem 2.8rem .85rem 1rem;
  border-radius:8px;color:inherit;text-decoration:none;
  background:color-mix(in oklab,var(--card) 88%,transparent);
  border:1px solid color-mix(in oklab,var(--ink) 13%,transparent);
  box-shadow:0 1px 0 rgba(0,0,0,.03),0 10px 24px -18px rgba(40,25,10,.55);
  transition:translate .25s cubic-bezier(.2,.8,.2,1),border-color .25s}
.go a:hover{translate:0 -3px;border-color:var(--brand)}
.go__t{font:700 1.1rem/1.2 var(--serif);margin-bottom:.3rem;letter-spacing:-.005em}
.go__d{color:var(--ink-2);font-size:.9rem;line-height:1.42;margin-bottom:.6rem}
.go__to{margin-top:auto;font:500 .8rem/1 ui-monospace,"Cascadia Mono",Consolas,"Liberation Mono",monospace;
  color:var(--link);letter-spacing:.02em}
.go a:hover .go__to{text-decoration:underline;text-underline-offset:.2em}
.go__ico{position:absolute;right:.75rem;top:.8rem;width:30px;height:30px;overflow:visible;
  color:var(--ico);--p2:var(--ico-2);opacity:.9}
.go__ico use{transform-box:view-box;transform-origin:19.5px 13.5px;
  transition:translate .7s cubic-bezier(.2,.8,.2,1),rotate .7s cubic-bezier(.2,.8,.2,1),opacity .7s}
.go a:hover .go__ico use{translate:14px -9px;rotate:28deg;opacity:0}
@media (max-width:720px){.go{grid-template-columns:1fr}}
.sec{padding-block:clamp(3.2rem,7vw,5.5rem)}
.sec__head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:2rem}
.sec__head a{font-weight:700}
.sec--wash{background:var(--paper-2)}
.shelf{--g:clamp(1rem,2.2vw,1.8rem);list-style:none;margin:0;padding:0 0 .5rem;
  display:grid;gap:var(--g);grid-template-columns:repeat(6,minmax(0,1fr))}
.bk{min-width:0}
.bk__c{display:block;position:relative;margin-bottom:1.6rem}
.bk__c img{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:2px 4px 4px 2px;
  box-shadow:0 1px 0 rgba(0,0,0,.06),0 10px 18px -10px rgba(40,28,16,.55);
  transition:translate .3s cubic-bezier(.2,.8,.2,1)}
.bk__c:hover img{translate:0 -6px}
.bk__c::after{content:"";position:absolute;left:calc(var(--g) / -2);right:calc(var(--g) / -2);
  top:100%;height:11px;background:var(--wood);
  box-shadow:inset 0 -3px 0 rgba(0,0,0,.18),0 6px 10px -6px rgba(40,28,16,.5)}
.bk h3{font:650 1rem/1.25 var(--sans);letter-spacing:0;margin:0 0 .25rem}
.bk h3 a{color:inherit;text-decoration:none}
.bk h3 a:hover{text-decoration:underline}
.bk__m{color:var(--ink-2);font-size:.9rem;margin:0}
@media (max-width:900px){
  .shelf{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:9.5rem;
    overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:1rem;margin-right:calc(var(--edge) * -1)}
  .bk{scroll-snap-align:start}
}
.sub{position:relative;overflow:hidden;display:grid;gap:1.5rem 3rem;align-items:start;
  grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}
.sub h2{margin-bottom:.8rem}
.sub__d{color:var(--ink-2);max-width:30rem}
.sub form{display:grid;gap:.9rem}
.sub__row{display:flex;gap:.6rem;flex-wrap:wrap}
.sub input[type=email]{flex:1 1 14rem;min-height:3.1rem;padding:.7rem 1rem;border-radius:8px;
  border:2px solid var(--rule);background:var(--card);color:var(--ink);font:inherit}
.sub input[type=email]:focus{border-color:var(--brand);outline:none}
.sub label.chk{display:flex;gap:.6rem;align-items:flex-start;font-size:.92rem;color:var(--ink-2);line-height:1.45}
.sub label.chk input{width:1.2rem;height:1.2rem;margin:.1rem 0 0;accent-color:var(--brand);flex:none}
.sub__msg{margin:0;padding:.7rem .9rem;border-radius:8px;background:var(--paper-2);color:var(--ink-2);font-size:.92rem}
.sub__big{position:absolute;right:-30px;bottom:-40px;width:220px;height:220px;opacity:.12;
  color:var(--brand);--p2:var(--brand);pointer-events:none}
@media (max-width:820px){.sub{grid-template-columns:1fr}}
.foot{position:relative;background:var(--brand-deep);color:color-mix(in oklab,#fff 86%,transparent);
  font-size:.95rem;padding:1rem 0 2.2rem;transition:background-color .6s}
.foot a{color:inherit;text-decoration:none}
.foot a:hover{text-decoration:underline}
.foot__hills{display:block;width:100%;height:clamp(46px,6vw,84px);margin-bottom:-1px}
.foot__h1{fill:color-mix(in oklab,var(--brand) 55%,var(--paper))}
.foot__h2{fill:var(--brand-deep);transition:fill .6s}
.foot__grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));padding-block:1.5rem}
.foot h4{font:700 1rem/1.2 var(--serif);margin:0 0 .7rem;color:#fff}
.foot ul{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}
.foot__end{border-top:1px solid rgba(255,255,255,.16);padding-top:1.2rem;display:flex;flex-wrap:wrap;gap:.6rem 1.6rem;font-size:.85rem;opacity:.85}
.foot__brand{display:inline-flex;flex-direction:column;gap:.45rem;color:#fff}
.foot__brand:hover{text-decoration:none!important}
.foot__brand .wm{font-size:2.7rem;color:#fff}
.foot__sub{display:flex;align-items:center;gap:.45rem;font:800 .7rem/1.2 var(--sans);letter-spacing:.16em;
  text-transform:uppercase;opacity:.85}
.foot .estar{fill:#6fd28e}
.kuk{display:none;position:fixed;left:0;right:0;bottom:0;z-index:200;
  background:var(--brand);color:var(--brand-ink);
  padding:15px clamp(16px,4vw,40px);align-items:center;gap:18px;flex-wrap:wrap;
  box-shadow:0 -8px 30px rgba(20,32,12,.34);border-top:1px solid color-mix(in oklab,var(--brand-ink) 16%,transparent)}
.kuk.montru{display:flex}
body:has(.kuk.montru) .foot{ padding-bottom:calc(96px + env(safe-area-inset-bottom)) }
@media (max-width:560px){ body:has(.kuk.montru) .foot{ padding-bottom:calc(210px + env(safe-area-inset-bottom)) } }
.kuk p{margin:0;flex:1;min-width:240px;max-width:86ch;font-size:14.5px;line-height:1.55}
.kuk button{flex:none;min-height:48px;padding:0 26px;cursor:pointer;
  font-family:var(--serif);font-weight:700;font-size:15.5px;
  background:var(--brand-ink);color:var(--brand);border:none;border-radius:6px}
.kuk button:hover{background:#fff}
@media (max-width:560px){ .kuk{padding:14px 16px} .kuk button{width:100%} }
.kuk p a{color:var(--brand-ink);text-decoration:underline;text-underline-offset:2px}
.kuk p a:hover{color:#fff}
.ifoot__in{display:flex;flex-wrap:wrap;gap:.6rem 2rem;align-items:baseline;padding-block:1.6rem 2rem}
.ifoot__in p{margin:0}
.ifoot__wm{--wm-fs:1.8rem;color:var(--foot-ink,#efe9dc)}
.ifoot a{color:inherit}
.ifoot__nav{display:flex;flex-wrap:wrap;gap:.4rem 1.4rem;font-weight:600}
@media (max-width:600px){.ifoot__in{flex-direction:column;align-items:flex-start;gap:.9rem}.ifoot__nav{flex-direction:column;gap:.55rem}}
.podp__f{display:flex;gap:.6rem;flex-wrap:wrap;max-width:30rem}
.podp__f input[name=email]{flex:1;min-width:12rem;border:2px solid var(--rule);border-radius:10px;padding:.7rem .9rem;font:inherit;background:var(--paper);color:var(--ink)}
.podp__f input[name=email]:focus{outline:none;border-color:var(--brand)}
.podp__btn{background:var(--brand);color:var(--brand-ink);border:0;border-radius:10px;padding:.7rem 1.4rem;font:700 1rem var(--sans);cursor:pointer}
.podp__btn:hover{background:color-mix(in oklab,var(--brand) 85%,#000)}
.podp__btn:disabled{background:color-mix(in oklab,var(--brand) 30%,#bbb);cursor:not-allowed}
.podp__kons{display:block;margin:.9rem 0 0;font-size:.85rem;color:var(--ink-3);cursor:pointer;line-height:1.5}
.podp__kons input{width:16px;height:16px;accent-color:var(--brand);vertical-align:-3px;margin-right:.45rem;cursor:pointer}
.podp__kons a{color:var(--brand)}
.podp__ok{display:none!important;background:color-mix(in oklab,var(--brand) 10%,var(--card));border:1px solid var(--brand);border-radius:12px;padding:.9rem 1.1rem;color:var(--brand);font-weight:600}
.podp__ok.montru{display:block!important}
.sub .podp__f{display:flex}
.sec{padding-block:clamp(1.1rem,2.35vw,1.85rem)}
.shelf{grid-template-columns:repeat(5,minmax(0,1fr))}
@media (max-width:900px){
  .shelf{grid-auto-flow:row;grid-template-columns:minmax(0,15rem);grid-auto-columns:auto;justify-content:center;
    overflow:visible;scroll-snap-type:none;margin-right:0;padding-bottom:.5rem}
}
.game__intro{max-width:none}
.game__tg{flex:none;align-self:center;background:none;border:2px solid var(--rule);border-radius:999px;padding:.45rem 1.1rem;font:700 .9rem var(--sans);color:var(--brand);cursor:pointer}
.game__tg:hover{border-color:var(--brand)}
.game[hidden]{display:none}
.social{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.8rem 1.5rem;margin:0 auto 2rem;
  padding:1rem 1.3rem;border-radius:14px;background:var(--card);border:1px solid var(--rule);box-shadow:0 12px 26px -22px rgba(30,20,10,.6)}
.social__t{margin:0;flex:1 1 20rem;font:600 1.05rem/1.4 var(--serif);color:var(--ink)}
.social__t a{color:var(--brand)}
.social__btns{display:flex;gap:.6rem;margin:0;flex:none}
.soc{display:inline-flex;align-items:center;gap:.55rem;min-height:48px;padding:.35rem 1rem .35rem .4rem;border-radius:999px;
  background:var(--paper);border:1.5px solid var(--rule);color:var(--ink);font:700 .95rem/1 var(--sans);text-decoration:none;transition:border-color .2s,translate .2s}
.soc img{display:block;width:36px;height:36px;border-radius:50%}
.soc--tg:hover{border-color:#229ed9;color:#1b86b8;translate:0 -1px}
.soc--vk:hover{border-color:#0077ff;color:#0062d1;translate:0 -1px}
@media (max-width:600px){.social{margin-inline:var(--edge)}.social__btns{width:100%}.soc{flex:1;justify-content:center}}
.sec+.social{margin-top:0}