:root{--coal:#0d0a08;--parch:#e5d5b4;--bronze:#8b6a45;--gold:#c79942;--fire:#c87830}
*{box-sizing:border-box}
html{background:var(--coal)}
body{margin:0;background:var(--coal);color:var(--parch);font:18px/1.5 'Kurale',serif;-webkit-font-smoothing:antialiased}
h1,h2,.brand,.btn{font-family:'Monomakh','Kurale',serif;font-weight:400}
.top{position:fixed;inset:0 0 auto 0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:14px 28px;background:linear-gradient(#0d0a08cc,#0d0a0800)}
.brand{font-size:26px;color:var(--parch);text-decoration:none;letter-spacing:.04em}
.top__right{display:flex;gap:16px;align-items:center}
.lang-switch button{background:none;border:0;color:#e5d5b499;font:inherit;font-size:16px;padding:10px 6px;min-height:44px;cursor:pointer}
.lang-switch button.is-active{color:var(--gold)}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 26px;font-size:18px;color:#1a120a;background:linear-gradient(#d8a94e,#b7852f);border:1px solid #e9c373;border-radius:3px;text-decoration:none;box-shadow:0 2px 14px #c7994255}
.btn--ghost{background:#0d0a0866;color:var(--parch);border-color:#8b6a45;box-shadow:none}
.btn--small{min-height:44px;padding:8px 18px;font-size:16px}
.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}


#gl,.vignette,.hint,.spacer{display:none}
.scene{position:relative;min-height:min(70vh,640px);display:flex;align-items:center;overflow:hidden}
.flat-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.copy{position:relative;z-index:1;max-width:560px;margin:0 6vw;padding:90px 0;text-shadow:0 2px 12px #000c}
.scene--right{justify-content:flex-end}
.scene--top{justify-content:center;text-align:center}.scene--top .copy{margin:0 auto}
h1{font-size:clamp(56px,9vw,110px);line-height:1;margin:0 0 8px}
h2{font-size:clamp(30px,4vw,48px);line-height:1.1;margin:0 0 14px}
.lead{font-size:24px;margin:0 0 6px}.sub,.copy p{margin:0 0 8px}
.tag{color:var(--gold);font-size:16px;letter-spacing:.03em}


body.gl{overflow-x:hidden}
body.gl #gl{display:block;position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;z-index:0}
body.gl .vignette{display:block;position:fixed;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse at 50% 50%,#0000 55%,#0d0a08aa 100%)}
body.gl .spacer{display:block}
body.gl #scenes{position:fixed;inset:0;z-index:5;pointer-events:none}
body.gl .scene{position:absolute;inset:0;min-height:0;opacity:0;visibility:hidden;transition:none;overflow:visible}
body.gl .scene .flat-img{display:none}
body.gl .scene .copy{pointer-events:auto}
body.gl .scene.on{visibility:visible}
body.gl .scene .copy{margin:0 8vw;max-width:520px;padding:0}
body.gl .scene--right .copy{margin-left:auto}
body.gl .scene--top .copy{margin:0 auto;padding-top:11vh;max-width:760px}
body.gl .hint{display:block;position:fixed;left:50%;bottom:18px;z-index:6;transform:translateX(-50%);font-size:28px;color:#e5d5b4aa;animation:bob 2s ease-in-out infinite;transition:opacity .4s}
@keyframes bob{50%{transform:translate(-50%,6px)}}
body.gl .spacer{position:relative;z-index:0}
@media (max-width:760px){
  .top{padding:10px 14px}.brand{font-size:22px}
  body.gl .scene .copy,body.gl .scene--right .copy{margin:0 18px;max-width:none;padding-top:78px}
  body.gl .scene--top .copy{padding-top:78px}
  h1{font-size:56px}.lead{font-size:20px}h2{font-size:26px}.copy p{font-size:17px}
  .scene{min-height:60vh}
}
@media (prefers-reduced-motion:reduce){.hint{animation:none}}

body.v2 .scene--left::before,body.v2 .scene--right::before,body.v2 .scene--top::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none}
body.v2 .scene--left::before{background:linear-gradient(90deg,#0d0a0877,#0d0a0800 55%)}
body.v2 .scene--right::before{background:linear-gradient(270deg,#0d0a0877,#0d0a0800 55%)}
body.v2 .scene--top::before{background:linear-gradient(180deg,#0d0a0877,#0d0a0800 55%)}
@media (max-width:760px){body.v2 .scene::before{background:linear-gradient(180deg,#0d0a08cc,#0d0a0800 60%)!important}}



body.v4.btnstone{--stone:url(/assets/landing/stone/qwen/button-630.webp?v=3df208f3)}   

.v4 .copy h1,.v4 .copy h2,.v4 .btn>span{
  color:transparent;-webkit-background-clip:text;background-clip:text;text-shadow:none;
  background-image:radial-gradient(260px 190px at var(--lx,30%) var(--ly,25%),#fff3d2 0%,#f1e1ba 40%,#dcc99c 80%,#c9b588 100%);
  filter:drop-shadow(0 -1px 0 rgba(0,0,0,.9)) drop-shadow(0 1px 0 rgba(255,232,190,.22)) drop-shadow(0 0 3px rgba(0,0,0,.85)) drop-shadow(0 0 13px rgba(0,0,0,.75)) drop-shadow(0 0 26px rgba(0,0,0,.55))}
.v4 .copy h1,.v4 .copy h2{letter-spacing:.015em}
.v4 .copy .lead,.v4 .copy p{color:#f3e8cd;text-shadow:0 0 3px #000,0 0 8px #000c,0 1px 16px #000a}
.v4 .copy .tag{color:#e7b95f}
.v4 .btn,.v4 .btn--ghost,.v4 .btn--small{
  position:relative;isolation:isolate;color:inherit;border:0;border-radius:5px 8px 6px 9px/7px 6px 9px 5px;min-height:48px;padding:11px 28px;
  background:var(--stone) center/210px;background-color:#3b3a39;
  box-shadow:0 4px 0 #0a0908,0 9px 16px #000b,inset 0 0 0 1px #000a,inset 1px 1px 0 #ffffff18;
  transition:transform .08s,box-shadow .08s,filter .2s}
.v4 .btn::before{content:"";position:absolute;inset:5px;z-index:-1;border-radius:3px;background:linear-gradient(180deg,#2f2d2b,#1b1a19);box-shadow:inset 0 3px 7px #000d,inset 0 -1px 0 #ffffff12}
.v4 .btn>span{display:inline-block;font-size:19px;letter-spacing:.02em;
  background-image:linear-gradient(180deg,#fbe9bd 0%,#e6c27a 100%);
  filter:drop-shadow(0 -1px 0 rgba(0,0,0,.95)) drop-shadow(0 1px 0 rgba(255,236,190,.18))}
.v4 .btn--ghost>span{background-image:linear-gradient(180deg,#f6eed8 0%,#dccdaa 100%)}

.v4 .btn:hover>span,.v4 .btn:focus-visible>span{
  background-image:linear-gradient(100deg,#ffb35c 0%,#ff9b3f 46%,#fbe9bd 54%,#fbe9bd 100%);background-size:240% 100%;animation:fire .7s ease-out forwards;
  filter:drop-shadow(0 -1px 0 rgba(0,0,0,.95)) drop-shadow(0 0 6px rgba(255,140,50,.45))}
@keyframes fire{from{background-position:100% 0}to{background-position:0 0}}
.v4 .btn:hover{filter:brightness(1.06)}
.v4 .btn:active{transform:translateY(3px);box-shadow:0 1px 0 #0a0908,0 3px 8px #000b,inset 0 0 0 1px #000a,inset 1px 1px 0 #ffffff10}
.v4 .btn:active::before{box-shadow:inset 0 5px 10px #000e,inset 0 -1px 0 #ffffff0c}
.v4 .btn:focus-visible{outline:3px solid #ffd27a;outline-offset:4px;box-shadow:0 0 0 7px #00000099,0 4px 0 #0a0908,0 9px 16px #000b}
.v4 .btn--small{min-height:44px;padding:6px 18px;box-shadow:0 0 0 2px #b48a52,0 0 0 3.5px #2c1f10,0 6px 12px #000b,inset 0 0 0 1px #000a}
.v4 .btn--small::before{inset:4px}
.v4 .btn--small>span{font-size:16px}
.v4 .brand{color:transparent;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(#fff0cc,#e0cd9f);filter:drop-shadow(0 -1px 0 #000d) drop-shadow(0 0 4px #000d)}
.v4 .lang-switch button{min-width:44px;color:#e7d5ad;text-shadow:0 0 3px #000,0 0 8px #000}
.v4 .lang-switch button.is-active{color:#ffcf70}
.v4 .lang-switch button:focus-visible{outline:2px solid #ffd27a;outline-offset:1px}

@media (max-width:760px){body.v2 .scene::before{background:linear-gradient(180deg,#0d0a08f0 0%,#0d0a08d8 40%,#0d0a0800 76%)!important}.v4 .copy .lead,.v4 .copy p{text-shadow:0 0 3px #000,0 0 7px #000,0 0 14px #000d}}

@media (min-width:761px){body.gl #s1{align-items:flex-start}body.gl #s1 .copy{margin:0 auto;padding-top:9vh;max-width:600px;text-align:center}}
@media (max-width:760px){body.gl #s1,body.gl #s2,body.gl #s3,body.gl #s4{align-items:flex-end}body.gl #s1 .copy,body.gl #s2 .copy,body.gl #s3 .copy,body.gl #s4 .copy{padding:0 18px 92px;width:100%;box-sizing:border-box;margin:0;background:none}}
@media (max-width:760px){body.v2 #s1::before,body.v2 #s2::before,body.v2 #s3::before{background:none!important}}


.beats{position:absolute;inset:0;pointer-events:none}
.beat{position:absolute;margin:0;width:min(380px,34vw);box-sizing:border-box;padding:18px 26px;font:24px/1.3 'Kurale',serif;color:#f6ecd4;text-align:center;opacity:0;transform:translate(-50%,-50%);filter:blur(var(--b,9px));
  text-shadow:0 0 3px #000,0 0 10px #000b;will-change:opacity,filter}
.beat::before{content:"";position:absolute;inset:-18% -12%;z-index:-1;border-radius:50%;background:radial-gradient(closest-side,#0b0a09cc 35%,#0b0a0966 65%,#0b0a0900);filter:blur(10px)}
body.gl #s0 .actions{opacity:0}
body.gl .scene .copy p{display:none}body.gl #s0 .copy p.sub0{display:block;margin:6px 0 0;font:22px/1.35 'Kurale',serif;color:#f1e6cb;text-shadow:0 0 3px #000,0 0 10px #000c}
@media (max-width:760px){.beat{transform:none;width:min(300px,78vw);font-size:20px;text-align:left;padding:12px 18px}body.gl .scene .beats{z-index:2}}
body:not(.gl) .beats{position:static;display:block;padding:0 6vw 30px}
body:not(.gl) .beat{position:static;opacity:1;filter:none;transform:none;max-width:560px;text-align:left;padding:4px 0;margin:0}
body:not(.gl) .beat::before{display:none}

@media (min-width:761px){body.gl #s2,body.gl #s3,body.gl #s4{align-items:flex-start}body.gl #s2 .copy,body.gl #s3 .copy,body.gl #s4 .copy{margin:0 auto;padding-top:9vh;max-width:760px;text-align:center}}

#vsw{display:none!important}body.dev #vsw{display:flex!important}
.beat::before{inset:-26% -18%;background:radial-gradient(closest-side,#0b0a09b0 30%,#0b0a0955 62%,#0b0a0900);filter:blur(14px)}

body:not(.gl) .scene{min-height:0}
body:not(.gl) .scene .copy{padding:60px 0 20px}
body:not(.gl) .beats{padding:0 6vw 36px;position:relative}
body:not(.gl) .beat{color:#f6ecd4;font-size:20px;line-height:1.35;text-shadow:0 0 3px #000,0 0 8px #000b}
body:not(.gl) .scene{flex-direction:column;align-items:flex-start;justify-content:center}
body:not(.gl) #s4 .copy{margin:0 auto;text-align:center}

@media (min-width:761px){body.gl #s3 .copy{padding-top:3.5vh}}


@media (min-width:761px){body.gl #s2 .copy{max-width:min(1100px,92vw)}}
@media (min-width:761px){
  body:not(.gl) #s1{align-items:flex-end}
  body:not(.gl) #s1 .copy,body:not(.gl) #s1 .beats{box-sizing:content-box;width:min(480px,30vw);padding-left:0;padding-right:6vw;text-align:left}
}


#fp:not(.is-open),#fp:not(.is-open) *{visibility:hidden!important;pointer-events:none!important}
#fp.is-open .plate__scroll{overscroll-behavior:auto}


body.gl.v11 :is(#s0,#s1,#s2,#s3,#s4){display:block;align-items:initial}
body.gl.v11 :is(#s0,#s1,#s2,#s3,#s4) .copy{position:absolute;left:clamp(24px,5vw,96px);bottom:clamp(20px,4vh,52px);margin:0;padding:0;width:min(760px,44vw);max-width:none;text-align:left}
body.gl.v11 .scene::before{content:"";position:absolute;left:0;right:0;bottom:0;top:auto;height:52vh;z-index:-1;pointer-events:none;
  background:linear-gradient(0deg,#0b0a09d9 0%,#0b0a09a6 38%,#0b0a095c 68%,#0b0a0900 100%)!important}

@media (min-width:1100px){body.gl.v11 #s1.scene::before{-webkit-mask-image:linear-gradient(90deg,#000 0,#000 46%,#0000 66%);mask-image:linear-gradient(90deg,#000 0,#000 46%,#0000 66%)}}
body.gl.v11 .copy h1,body.gl.v11 .copy h2{margin:0 0 .35em;font-size:clamp(26px,2.3vw,44px);line-height:1.06}
body.gl.v11 #s0 .copy h1{font-size:clamp(52px,6.2vw,104px);line-height:1}
body.gl.v11 .beats{position:static;inset:auto;display:flex;flex-direction:column;gap:.45em;margin:.5em 0 0;pointer-events:none}
body.gl.v11 .scene .copy p.beat,body.gl.v11 #s0 .copy p.sub0{display:block}
body.gl.v11 .beat{position:static;transform:translateY(12px);width:auto;max-width:36em;padding:0;margin:0;filter:none;text-align:left;
  font:clamp(18px,1.3vw,23px)/1.35 'Kurale',serif;color:#f6ecd4;text-shadow:0 0 2px #000,0 0 8px #000d,0 1px 16px #000b;opacity:0;will-change:opacity,transform}
body.gl.v11 .beat::before{display:none}
body.gl.v11 #s0 .copy p.sub0{margin:.2em 0 0;font:clamp(18px,1.3vw,23px)/1.35 'Kurale',serif}
body.gl.v11 #s0 .actions{margin-top:18px}
@media (max-width:760px){
  body.gl.v11 :is(#s0,#s1,#s2,#s3,#s4) .copy{left:18px;right:18px;width:auto;bottom:max(64px,9vh);padding:0}
  body.gl.v11 .scene::before{height:42vh}
  body.gl.v11 .copy h1,body.gl.v11 .copy h2{font-size:clamp(28px,8vw,36px)}
  body.gl.v11 #s0 .copy h1{font-size:clamp(46px,14vw,64px)}
  body.gl.v11 .beat,body.gl.v11 #s0 .copy p.sub0{font-size:18px;max-width:none}
}

body.v11:not(.gl) .beat{opacity:1;transform:none}

body.gl.v11 #s0 .actions{position:absolute;left:calc(100% + 28px);bottom:0;margin:0;white-space:nowrap}
@media (max-width:760px){body.gl.v11 #s0 .actions{left:0;bottom:auto;top:calc(100% + 8px)}}
@media (max-width:760px){body.gl.v11 #s0 .actions{gap:8px;flex-wrap:nowrap}body.gl.v11 #s0 .actions .btn{min-height:44px;padding:8px 14px}body.gl.v11 #s0 .actions .btn>span{font-size:16px}}
body.gl.v11 #s0 .actions{flex-wrap:nowrap}


body.gl.v11 .copy h1,body.gl.v11 .copy h2{text-wrap:balance}
body.gl.v11 .beat,body.gl.v11 #s0 .copy p.sub0{text-wrap:pretty}
body.gl.v11 #s0 .actions{transition:opacity .7s ease}
body.gl.v11 .hint,#hint{display:none!important}
body.gl.v11 .copy h2 .nw{white-space:nowrap}


body.gl.v11 .fan11{position:fixed;inset:0;z-index:7;pointer-events:none;opacity:.004}
body.gl.v11 .fan11__host{position:absolute;left:0;top:0;pointer-events:auto;will-change:transform}
body.gl.v11 .fan11__dock{position:absolute;right:var(--dockR,clamp(24px,5vw,96px));bottom:clamp(20px,4vh,52px);width:var(--dockW,min(520px,32vw));pointer-events:auto}   
body.gl.v11 .fan11__dock .lc-read{margin-top:0}
body.gl.v11 .fan11__dock .lc-hint{margin-top:8px;font-size:15px}
@media (max-width:1500px){body.gl.v11 .fan11__dock{bottom:2.5vh}body.gl.v11 .fan11__dock .lc-read__item{font-size:15px;padding:8px 12px 9px}body.gl.v11 .fan11__dock .lc-read__name{font-size:16px}}

body.gl.v11 .fan11.is-cap .fan11__dock{left:0;top:0;right:auto;bottom:auto;pointer-events:none;will-change:transform}
body.gl.v11 .fan11.is-cap .lc-read__item{padding:0;border:0;border-radius:0;background:none;text-align:center}
body.gl.v11 .fan11.is-cap .lc-read__name{margin:0;font-size:21px;line-height:1.2;text-shadow:0 1px 8px #000,0 0 16px #000,0 0 3px #000}
body.gl.v11 .fan11.is-cap .lc-read__text,body.gl.v11 .fan11.is-cap .lc-hint{display:none}
#fp.pre:not(.is-open),#fp.pre:not(.is-open) *{visibility:visible!important}
#fp.pre .plate,#fp.pre .plate__scroll{opacity:clamp(.007,calc((var(--panel) - .35)*6),1)}
#fp.pre:not(.is-open) *{pointer-events:none!important}


body.flat .fan11--flat{position:absolute;inset:0;pointer-events:none;z-index:3}
body.flat .fan11--flat .fan11__host{position:absolute;left:34%;top:5%;width:clamp(210px,15vw,300px);transform:translateX(-50%);pointer-events:auto}
body.flat .fan11__dock--col{position:relative;margin-top:14px;max-width:520px;pointer-events:auto}
body.flat .fan11__dock--col .lc-read{margin-top:0}
body.flat .fan11--flat.is-phone{position:relative;inset:auto;pointer-events:auto;margin:6px 0 10px;padding:0}
body.flat .fan11--flat.is-phone .fan11__host{position:relative;left:auto;top:auto;transform:none;width:min(100%,340px);margin:0 auto}
body.flat .fan11--flat.is-phone .fan11__dock{position:relative;left:auto;top:auto;width:auto;height:auto;margin-top:6px}
#fp .stone{will-change:transform}   
#fp .plate{will-change:transform,opacity}


body.gl.v11 .vid11__play{position:fixed;left:0;top:0;z-index:8;width:72px;height:72px;border-radius:50%;border:2px solid #b48a52;background:#14100acc;color:#fff3d2;font-size:30px;line-height:1;
  display:grid;place-items:center;padding:0 0 0 5px;cursor:pointer;box-shadow:0 0 0 3px #2c1f10,0 8px 20px #000c;will-change:transform}
body.gl.v11 .vid11__play[hidden]{display:none}
body.gl.v11 .vid11__play:hover{background:#2a2012}
body.gl.v11 .vid11__play:focus-visible,body.flat .vid11__play:focus-visible{outline:3px solid #ffd27a;outline-offset:3px}


body.flat .vid11--flat{position:relative;z-index:3;margin:14px 6vw 26px auto;width:min(92vw,540px);aspect-ratio:var(--ar,1.42);align-self:flex-end}
body.flat .vid11--flat .vid11__in{position:absolute;inset:0;overflow:hidden;background:#000;-webkit-mask-image:var(--m);mask-image:var(--m);-webkit-mask-size:100% 100%;mask-size:100% 100%}
body.flat .vid11--flat video{position:absolute;left:var(--vl);top:var(--vt);width:var(--vw);height:var(--vh);object-fit:fill;display:block;background:#000}
body.flat .vid11__play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:72px;height:72px;border-radius:50%;border:2px solid #b48a52;background:#14100acc;color:#fff3d2;font-size:30px;line-height:1;display:grid;place-items:center;padding:0 0 0 5px;cursor:pointer;box-shadow:0 0 0 3px #2c1f10,0 8px 20px #000c}
body.flat .vid11--flat.is-playing .vid11__play{display:none}
@media (max-width:760px){body.flat .vid11--flat{margin:10px auto 6px;align-self:center}}










@media (min-width:1100px){body.gl.v11 #s2.scene::before{-webkit-mask-image:linear-gradient(90deg,#000 0,#000 46%,#0000 66%);mask-image:linear-gradient(90deg,#000 0,#000 46%,#0000 66%)}}




@media (min-width:1100px){body.gl.v11 #s2.scene::before{-webkit-mask-image:none;mask-image:none}}


.t15{position:fixed;inset:0;z-index:7;pointer-events:none}
.t15 .lc-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.t15-grp{position:absolute;left:0;top:0;display:flex;gap:var(--tg,12px);align-items:flex-start;will-change:transform,opacity;transition:none}
.t15-grp[data-dir="col"]{flex-direction:column}
.t15-tile{position:relative;flex:none;width:var(--ts,72px);height:var(--ts,72px);padding:0;margin:0;border:2px solid var(--rc,#b48a52);border-radius:8px;background:#110c07;overflow:hidden;pointer-events:auto;cursor:pointer;
  box-shadow:0 0 0 1px #000a,0 6px 14px #000c,inset 0 0 14px #000a;transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.t15-tile[data-real]{border:0;border-radius:5px;background:#0d0906;box-shadow:0 0 0 1px #000c,0 6px 14px #000c}
.t15-tile[data-real] img{object-fit:fill}
.t15-tile img{width:100%;height:100%;object-fit:contain;display:block;user-select:none;-webkit-user-drag:none;pointer-events:none}
.t15-tile:hover,.t15-tile.is-on{transform:translateY(-3px) scale(1.07);box-shadow:0 0 0 1px #000a,0 8px 18px #000d,0 0 16px var(--rc,#b48a52)}
.t15-tile:focus-visible{outline:3px solid #ffd27a;outline-offset:3px}
.t15-card{position:fixed;left:0;top:0;z-index:9;box-sizing:border-box;padding:14px 16px 15px;border-radius:10px;background:rgba(14,10,6,.97);border:1px solid rgba(228,189,105,.5);box-shadow:0 14px 34px #000d;color:#f0e4c4;
  font:16px/1.4 'Kurale',serif;pointer-events:none;opacity:0;transition:opacity .16s ease-out;will-change:transform,opacity}
.t15-card.is-in{opacity:1}
.t15-card.is-item,.t15-card.is-craft,.t15-res{display:flex;gap:14px;align-items:flex-start}
.t15-card[hidden],.t15-res[hidden]{display:none}
.t15-c__head{display:flex;gap:14px;align-items:flex-start;margin-bottom:8px}
.t15-c__ic{flex:none;width:76px;height:76px;object-fit:contain;border-radius:8px;border:2px solid #ff8c00;background:#110c07;display:block}
.t15-c__ic.is-relic{width:88px;height:88px;border:0;background:none;border-radius:6px}
.t15-card.is-item .t15-c__ic,.t15-card.is-craft .t15-c__ic,.t15-res .t15-c__ic{width:84px;height:84px}
.t15-c__name{display:block;font:19px/1.2 'Monomakh',serif;color:#f3d891;margin-bottom:3px}
.t15-c__sub{font-size:15px;color:#d9c79d}
.t15-c__lvl{font-size:15px;color:#d9c79d;margin-top:1px}
.t15-c__sec{font-size:14px;letter-spacing:.06em;text-transform:lowercase;color:#c9a45a;margin:10px 0 2px;border-top:1px solid rgba(228,189,105,.22);padding-top:8px}
.t15-c__sec.is-flaw{color:#e0786a}
.t15-c__pn{display:block;font:17px/1.2 'Monomakh',serif;color:#f6e3ae}
.t15-c__tx{margin:3px 0 0;font-size:16px;color:#efe3c3}
.t15-c__props{list-style:none;margin:6px 0 0;padding:0}
.t15-c__props li{font-size:15px;color:#efe3c3;padding-left:.7em;text-indent:-.7em}
.t15-c__props li:before{content:'· '}
.t15-c__body{min-width:0}
.t15-res{position:fixed;left:0;top:0;z-index:8;opacity:0;transition:none;will-change:transform,opacity}
.t15-res__tag{position:absolute;top:-11px;left:14px;padding:0 8px;background:#0e0a06;border:1px solid rgba(228,189,105,.5);border-radius:6px;font-size:13px;letter-spacing:.05em;color:#c9a45a}
@media (max-width:760px){.t15-card{font-size:15px;padding:12px 13px 13px}.t15-c__name{font-size:18px}.t15-c__ic{width:64px;height:64px}.t15-card.is-item .t15-c__ic,.t15-card.is-craft .t15-c__ic,.t15-res .t15-c__ic{width:68px;height:68px}}
@media (prefers-reduced-motion:reduce){.t15-card,.t15-tile{transition:none}}


.t15-grp.is-docked{position:relative;left:auto;top:auto;transform:none;margin:14px 0 4px;flex-wrap:wrap;pointer-events:auto}





.qc16{position:fixed;left:0;top:0;z-index:6;pointer-events:none;will-change:transform,opacity;border-radius:10px}
.qc16.is-debug{outline:2px dashed #d9b36a;background:rgba(217,179,106,.08)}
.t15-grp[data-dir="row2"]{flex-wrap:wrap;width:calc(var(--ts,60px)*2 + var(--tg,10px))}
.t15-tile[data-f]{transition:opacity .2s linear,transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .18s}


.t15-card.is-modal{padding:0;overflow:hidden;display:block;background:none;border:0;box-shadow:none}
.m16{font:14px/1.3 'Kurale',serif;color:#e8dcc0}
.m16--art{border-radius:10px;border:1px solid #4a3326;background:linear-gradient(180deg,#2b1712 0,#1d1410 120px,#1a1310 100%);box-shadow:0 18px 40px #000e;padding:0 0 12px;max-height:inherit;overflow:hidden;-webkit-mask-image:linear-gradient(#000 calc(100% - 34px),#0000);mask-image:linear-gradient(#000 calc(100% - 34px),#0000)}
.t15-card.is-modal .m16--art{max-height:inherit}
.m16__h{display:flex;gap:14px;align-items:flex-start;padding:16px 16px 10px;border-radius:10px 10px 0 0;background:radial-gradient(120% 90% at 0 0,rgba(231,76,60,.16),transparent 60%)}
.m16__h img{flex:none;width:58px;height:58px;object-fit:contain;border:2px solid;background:#110c07;border-radius:2px}
.m16__n{font:19px/1.15 'Monomakh',serif}.m16__n span{font:14px 'Kurale',serif;color:#d9b36a;letter-spacing:.04em}
.m16__sub{margin-top:3px;font-size:15px;color:#d9c79d}
.m16__lv{margin-top:2px;font-size:15px;color:#d9c79d}.m16__lv b{color:#f6e3ae;font-weight:700}
.m16__s{padding:0 16px;margin-top:8px}
.m16__s h4{margin:0 0 3px;font:15px 'Monomakh',serif;font-weight:400;color:#d9c79d;border-bottom:1px dashed rgba(217,199,157,.18);padding:6px 0 3px}
.m16__s h4.is-dur{font:italic 15px 'Kurale',serif;color:#b9a67a;display:inline-block;border-bottom:1px dotted #8a7650;padding:0 0 1px;margin-bottom:5px}
.m16__r{display:flex;justify-content:space-between;gap:12px;padding:2px 0;color:#bfae88}.m16__r b{font-weight:400;color:#efe3c3;white-space:nowrap}
.m16__d{position:relative;height:16px;display:flex;align-items:center;gap:12px}.m16__d:before{content:'';flex:1;height:3px;background:#2a211b;border-radius:2px}
.m16__d i{position:absolute;left:0;top:6px;height:3px;background:linear-gradient(90deg,#6f9a47,#b4c95a);border-radius:2px;max-width:calc(100% - 88px)}.m16__d b{font-weight:400;color:#c9a45a;white-space:nowrap}
.m16__a{margin:5px 0 3px;padding-bottom:3px}.m16__a .m16__r{color:#efe3c3;font-size:15px}
.m16__t{display:flex;align-items:center;gap:7px;font-size:14px;color:#d9a74a}.m16__t em{font-style:normal;flex:1}.m16__t b{font-weight:400;color:#bfae88}
.m16__bars{display:inline-flex;gap:2px}.m16__bars i{width:4px;height:11px;background:#4a3a22;border-radius:1px}.m16__bars i.on{background:#d9a74a}
.m16__sl{position:relative;height:9px;margin-top:2px;border-bottom:1px solid #3a2e22}.m16__sl.is-flat{border-bottom:1px dashed #3a2e22}.m16__sl u{position:absolute;top:1px;width:2px;height:8px;background:#8fbf4e;border-radius:1px}

.t15-card.is-full{background:none;border:0;box-shadow:none;overflow:auto;-webkit-overflow-scrolling:touch}
.m16--full{position:relative;padding:14px 16px 16px;border:9px solid #5a3a26;border-radius:8px;background:linear-gradient(180deg,#f0cf9f,#e6bd88);color:#3a2616;box-shadow:inset 0 0 0 2px #8b6a48,0 14px 34px #000e}
.m16--full .m16__h{padding:0;background:none;border-radius:0}.m16--full .m16__h img{width:50px;height:50px;border-radius:3px}
.m16--full .m16__n{font:20px/1.15 'Monomakh',serif;color:#2a170c}.m16--full .m16__n b{color:#2a170c!important}.m16--full .m16__n span{color:#6b4a2a}
.m16--full .m16__sub,.m16--full .m16__lv{color:#4d3720}.m16--full .m16__lv b{color:#2a170c}
.m16--full .m16__s h4{color:#2a170c;border-bottom-color:rgba(58,38,22,.25)}.m16--full .m16__s h4.is-dur{color:#6b4a2a;border-bottom-color:#8b6a48}
.m16--full .m16__r{color:#4d3720}.m16--full .m16__r b,.m16--full .m16__a .m16__r{color:#2a170c}
.m16--full .m16__d:before{background:#c9a878}.m16--full .m16__d i{background:linear-gradient(90deg,#5f8a3a,#86a647)}.m16--full .m16__d b{color:#5b3b1c}
.m16--full .m16__t{color:#7a4f14}.m16--full .m16__t b{color:#5b3b1c}.m16--full .m16__bars i{background:#c9a878}.m16--full .m16__bars i.on{background:#9a6a1e}
.m16--full .m16__sl{border-bottom-color:#a68660}.m16--full .m16__sl u{background:#3f7a24}
.m16__x{position:sticky;float:right;top:0;z-index:3;margin:2px 4px 0 0;width:36px;height:36px;border:0;border-radius:50%;background:#5a3a26;color:#f0cf9f;font-size:24px;line-height:1;cursor:pointer}
.t15-card.is-modal[hidden]{display:none}





.qc16{position:fixed;left:0;top:0;z-index:6;pointer-events:none;will-change:transform,opacity;border-radius:10px}
.qc16.is-debug{outline:2px dashed #d9b36a;background:rgba(217,179,106,.08)}
.t15-grp[data-dir="row2"]{flex-wrap:wrap;width:calc(var(--ts,60px)*2 + var(--tg,10px))}
.t15-tile[data-f]{transition:opacity .2s linear,transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .18s}


.t15-card.is-modal{padding:0;overflow:hidden;display:block;background:none;border:0;box-shadow:none}
.m16{font:16px/1.3 'Kurale',serif;color:#e8dcc0}   
.m16--art{border-radius:10px;border:1px solid #4a3326;background:linear-gradient(180deg,#2b1712 0,#1d1410 120px,#1a1310 100%);box-shadow:0 18px 40px #000e;padding:0 0 12px;max-height:inherit;overflow:hidden;-webkit-mask-image:linear-gradient(#000 calc(100% - 34px),#0000);mask-image:linear-gradient(#000 calc(100% - 34px),#0000)}
.t15-card.is-modal .m16--art{max-height:inherit}
.m16__h{display:flex;gap:14px;align-items:flex-start;padding:16px 16px 10px;border-radius:10px 10px 0 0;background:radial-gradient(120% 90% at 0 0,rgba(231,76,60,.16),transparent 60%)}
.m16__h img{flex:none;width:58px;height:58px;object-fit:contain;border:2px solid;background:#110c07;border-radius:2px}
.m16__n{font:20px/1.15 'Monomakh',serif}.m16__n span{font:14px 'Kurale',serif;color:#d9b36a;letter-spacing:.04em}
.m16__sub{margin-top:3px;font-size:16px;color:#d9c79d}
.m16__lv{margin-top:2px;font-size:16px;color:#d9c79d}.m16__lv b{color:#f6e3ae;font-weight:700}
.m16__s{padding:0 16px;margin-top:8px}
.m16__s h4{margin:0 0 3px;font:16px 'Monomakh',serif;font-weight:400;color:#d9c79d;border-bottom:1px dashed rgba(217,199,157,.18);padding:6px 0 3px}
.m16__s h4.is-dur{font:italic 15px 'Kurale',serif;color:#b9a67a;display:inline-block;border-bottom:1px dotted #8a7650;padding:0 0 1px;margin-bottom:5px}
.m16__r{display:flex;justify-content:space-between;gap:12px;padding:2px 0;color:#bfae88}.m16__r b{font-weight:400;color:#efe3c3;white-space:nowrap}
.m16__d{position:relative;height:16px;display:flex;align-items:center;gap:12px}.m16__d:before{content:'';flex:1;height:3px;background:#2a211b;border-radius:2px}
.m16__d i{position:absolute;left:0;top:6px;height:3px;background:linear-gradient(90deg,#6f9a47,#b4c95a);border-radius:2px;max-width:calc(100% - 88px)}.m16__d b{font-weight:400;color:#c9a45a;white-space:nowrap}
.m16__a{margin:5px 0 3px;padding-bottom:3px}.m16__a .m16__r{color:#efe3c3;font-size:16px}
.m16__t{display:flex;align-items:center;gap:7px;font-size:14px;color:#d9a74a}.m16__t em{font-style:normal;flex:1}.m16__t b{font-weight:400;color:#bfae88}
.m16__bars{display:inline-flex;gap:2px}.m16__bars i{width:4px;height:11px;background:#4a3a22;border-radius:1px}.m16__bars i.on{background:#d9a74a}
.m16__sl{position:relative;height:9px;margin-top:2px;border-bottom:1px solid #3a2e22}.m16__sl.is-flat{border-bottom:1px dashed #3a2e22}.m16__sl u{position:absolute;top:1px;width:2px;height:8px;background:#8fbf4e;border-radius:1px}

.t15-card.is-full{background:none;border:0;box-shadow:none;overflow:auto;-webkit-overflow-scrolling:touch}
.m16--full{position:relative;padding:14px 16px 16px;border:9px solid #5a3a26;border-radius:8px;background:linear-gradient(180deg,#f0cf9f,#e6bd88);color:#3a2616;box-shadow:inset 0 0 0 2px #8b6a48,0 14px 34px #000e}
.m16--full .m16__h{padding:0;background:none;border-radius:0}.m16--full .m16__h img{width:50px;height:50px;border-radius:3px}
.m16--full .m16__n{font:20px/1.15 'Monomakh',serif;color:#2a170c}.m16--full .m16__n b{color:#2a170c!important}.m16--full .m16__n span{color:#6b4a2a}
.m16--full .m16__sub,.m16--full .m16__lv{color:#4d3720}.m16--full .m16__lv b{color:#2a170c}
.m16--full .m16__s h4{color:#2a170c;border-bottom-color:rgba(58,38,22,.25)}.m16--full .m16__s h4.is-dur{color:#6b4a2a;border-bottom-color:#8b6a48}
.m16--full .m16__r{color:#4d3720}.m16--full .m16__r b,.m16--full .m16__a .m16__r{color:#2a170c}
.m16--full .m16__d:before{background:#c9a878}.m16--full .m16__d i{background:linear-gradient(90deg,#5f8a3a,#86a647)}.m16--full .m16__d b{color:#5b3b1c}
.m16--full .m16__t{color:#7a4f14}.m16--full .m16__t b{color:#5b3b1c}.m16--full .m16__bars i{background:#c9a878}.m16--full .m16__bars i.on{background:#9a6a1e}
.m16--full .m16__sl{border-bottom-color:#a68660}.m16--full .m16__sl u{background:#3f7a24}
.m16__x{position:sticky;float:right;top:0;z-index:3;margin:2px 4px 0 0;width:36px;height:36px;border:0;border-radius:50%;background:#5a3a26;color:#f0cf9f;font-size:24px;line-height:1;cursor:pointer}
.t15-card.is-modal[hidden]{display:none}


.t15-card.is-modal{overflow:visible}
.t15-card.is-full{overflow:visible}
.m16.is-compact{font-size:13px;line-height:1.2}
.m16.is-compact .m16__h{padding:11px 14px 6px}.m16.is-compact .m16__h img{width:48px;height:48px}.m16.is-compact .m16__n{font-size:17px}
.m16.is-compact .m16__sub,.m16.is-compact .m16__lv{font-size:13px;margin-top:1px}
.m16.is-compact .m16__s{margin-top:4px;padding:0 14px}.m16.is-compact .m16__s h4{font-size:13px;padding:3px 0 2px}
.m16.is-compact .m16__r{padding:0}.m16.is-compact .m16__a{margin:3px 0 1px;padding-bottom:1px}.m16.is-compact .m16__a .m16__r{font-size:13px}.m16.is-compact .m16__t{font-size:12px}
.m16.is-compact .m16__sl{height:6px;margin-top:0}.m16.is-compact .m16__d{height:12px}
.m16--full.is-compact{padding:10px 12px 12px}
.m16--art{max-height:none;-webkit-mask-image:none;mask-image:none}


.t15-grp[data-dir="grid"]{display:grid;grid-template-columns:repeat(var(--cols,5),var(--ts,72px));gap:var(--tg,10px)}
.t15-tile.is-worn{box-shadow:0 0 0 1px #000a,inset 0 0 14px #000a}
.t15-tile.is-worn::after{content:"";position:absolute;right:5px;top:5px;width:9px;height:9px;border-radius:50%;background:#7fbf6a;box-shadow:0 0 0 1.5px #0d0906}
.t15-fly{position:fixed;left:0;top:0;z-index:7;width:var(--ts,72px);height:var(--ts,72px);margin:calc(var(--ts,72px)/-2) 0 0 calc(var(--ts,72px)/-2);box-sizing:border-box;border:2px solid var(--rc,#b48a52);border-radius:8px;background:#110c07;overflow:hidden;pointer-events:none;will-change:transform,opacity;visibility:hidden;box-shadow:0 8px 18px #000d,0 0 14px var(--rc,#b48a52)}
.t15-fly[data-real]{border:0;border-radius:5px}
.t15-fly img{width:100%;height:100%;object-fit:contain;display:block}
.t15-fly[data-real] img{object-fit:fill}
.m16__tag{display:inline-block;margin:0 6px 0 0;padding:1px 8px;border:1px solid #6a4d2f;border-radius:10px;font-size:13px;color:#e8d4a6;background:#2a1b12}
.m16__ok{font-style:normal;color:#8fd070;margin-left:4px}
.m16--full .m16__ok{color:#3f7a24}
.m16__rl{padding-top:4px}
.m16__rl h4{font:14px 'Kurale',serif;letter-spacing:.06em;text-transform:lowercase;color:#e9a24a;border-bottom:1px solid #4a3326}
.m16__rl.is-flaw h4{color:#e0786a}
.m16__rl .m16__pn{display:block;font:16px/1.2 'Monomakh',serif;color:#f6e3ae;padding-top:3px}
.m16--full .m16__rl .m16__pn{color:#2a170c}
.m16__rl .m16__p{margin:2px 0 4px;font-size:15px;color:#e8dcc0}
.m16--full .m16__rl .m16__p{color:#3d2a14}
.m16 .m16__p{margin:4px 0 6px;font-size:15px;color:#e8dcc0}
.m16--full .m16__p{color:#3d2a14}
.m16.is-compact .m16__p,.m16.is-compact .m16__rl .m16__p{font-size:13px;margin:2px 0 3px}
.m16.is-compact .m16__rl .m16__pn{font-size:14px}



.m16 .ir-card{--ir-parch:#d7c5a1;--ir-muted:#a09080;--ir-bright:#f0dbb0;--ir-dim:#c7b99d;--ir-bronze:#8b6a45;--ir-gold:#c4943a;--ir-good:#a5b358;--ir-bad:#c77a55;--ir-line:#3a2c20;font:16px/1.4 'Kurale',serif;font-variant-numeric:tabular-nums}
.m16--full .ir-card{--ir-parch:#3a2814;--ir-muted:#6b5a48;--ir-bright:#251808;--ir-dim:#8a7660;--ir-gold:#8a5c12;--ir-good:#4a7a2a;--ir-bad:#a4451f;--ir-line:#a58f68;color:#3a2814}
.m16 .ir-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px;border-bottom:1px dotted #2a2018;padding-bottom:5px;margin-bottom:10px}
.m16--full .ir-head{border-bottom-color:rgba(139,106,69,.45)}
.m16 .ir-head-t,.m16 .ir-forge,.m16 .ir-forge b{font:16px/1.4 'Kurale',serif;letter-spacing:.02em;text-transform:none}
.m16 .ir-head-t{color:var(--ir-muted)}.m16 .ir-forge{color:var(--ir-dim);white-space:nowrap}.m16 .ir-forge b{font-weight:400}.m16 .ir-forge--none{font-style:italic}
.m16 .q-hudaya{color:var(--ir-bad)}.m16 .q-slabaya{color:#9a8b6d}.m16 .q-rovnaya{color:var(--ir-parch)}.m16 .q-dobraya{color:var(--ir-good)}.m16 .q-divnaya{color:var(--ir-gold)}
.m16 .ir-relic{padding:6px 0 8px}.m16 .ir-relic+.ir-relic{border-top:1px dotted #2a2018;margin-top:4px}
.m16--full .ir-relic+.ir-relic{border-top-color:rgba(139,106,69,.45)}
.m16 .ir-relic-kicker{font:16px/1.4 'Kurale',serif;letter-spacing:.02em;text-transform:none;color:var(--ir-gold);margin-bottom:3px}
.m16 .ir-relic-kicker--bad{color:var(--ir-bad)}
.m16 .ir-relic-name{font:20px/1.3 'Monomakh',serif;color:var(--ir-bright);margin-bottom:2px}
.m16 .ir-relic-name--bad{color:#d79f7c}.m16--full .ir-relic-name--bad{color:#9c3a1a}
.m16 .ir-relic-text{font:18px/1.5 'Kurale',serif;color:var(--ir-parch)}.m16--full .ir-relic-text{color:#4a3520}
.m16 .ir-svc{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;margin-top:3px;font:16px/1.4 'Kurale',serif;letter-spacing:.02em;color:var(--ir-dim)}
.m16 .ir-svc .ir-thread{grid-column:1/-1;grid-row:2}
.m16 .ir-param,.m16 .ir-lim{white-space:nowrap}.m16 .ir-lim{color:#c7b99d}.m16--full .ir-lim{color:var(--ir-dim)}
.m16 .ir-thread{position:relative;height:9px;display:block;min-width:26px}
.m16 .ir-thread::before{content:'';position:absolute;left:0;right:0;top:4px;height:1px;background:var(--ir-line)}
.m16 .ir-thread--fixed::before{background:repeating-linear-gradient(90deg,var(--ir-line) 0 3px,transparent 3px 6px)}
.m16 .ir-cap{position:absolute;top:1px;width:1px;height:7px;background:var(--ir-line)}.m16 .ir-cap--l{left:0}.m16 .ir-cap--r{right:0}
.m16 .ir-mark{position:absolute;top:0;width:2px;height:9px;border-radius:1px;transform:translateX(-1px);background:var(--ir-parch)}
.m16 .ir-mark.ir-good{background:var(--ir-good)}.m16 .ir-mark.ir-bad{background:var(--ir-bad)}.m16 .ir-mark.ir-top{background:var(--ir-gold)}
.m16.is-compact .ir-head-t,.m16.is-compact .ir-forge,.m16.is-compact .ir-forge b,.m16.is-compact .ir-relic-kicker,.m16.is-compact .ir-svc{font-size:13px;line-height:1.25}
.m16.is-compact .ir-relic-name{font-size:16px}.m16.is-compact .ir-relic-text{font-size:14px;line-height:1.3}.m16.is-compact .ir-relic{padding:3px 0 4px}.m16.is-compact .ir-head{margin-bottom:5px;padding-bottom:3px}
.m16--full .ir-relic-text{font-size:16px}.m16--full .ir-relic-name{font-size:19px}

html.x-noflt .qc17__stack{filter:none!important}
html.x-nowc .qc16,html.x-nowc .qc17__sk--set,html.x-nowc .qc16 *{will-change:auto!important}



.sh28{position:fixed;left:50%;top:0;z-index:12;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 16px 8px;
  font:400 17px/1.3 'Kurale',Georgia,serif;color:#d8cbae;text-align:center;white-space:nowrap;letter-spacing:.01em;
  text-shadow:0 1px 2px rgba(0,0,0,.95),0 0 12px rgba(0,0,0,.9);
  opacity:0;pointer-events:none;visibility:hidden;transition:opacity .9s ease,visibility 0s linear .9s}
.sh28::before{content:'';position:absolute;inset:-6px -4px;z-index:-1;pointer-events:none;
  background:radial-gradient(ellipse 50% 50% at 50% 50%,rgba(8,7,6,.62),rgba(8,7,6,0) 100%)}
.sh28.on{opacity:.92;visibility:visible;transition:opacity .9s ease,visibility 0s}
.sh28.off{opacity:0;visibility:hidden;transition:opacity .45s ease,visibility 0s linear .45s}
.sh28 svg{display:block;width:26px;height:15px;color:#d6a84e;animation:sh28bob 2.6s ease-in-out infinite;filter:drop-shadow(0 1px 1px rgba(0,0,0,.9))}

.sh28 svg .f{display:none}
.sh28.wait svg .b{opacity:.28}
.sh28.wait svg .f{display:block;stroke:#f2cf7a;stroke-dasharray:calc(var(--p,0) * 100) 100;transition:stroke-dasharray .25s linear}
.sh28.wait svg{animation:sh28wait 1.5s ease-in-out infinite}
@keyframes sh28wait{0%,100%{transform:translateY(0);opacity:.7}50%{transform:translateY(3px);opacity:1}}
@keyframes sh28bob{0%,100%{transform:translateY(0);opacity:.55}50%{transform:translateY(5px);opacity:1}}
@media (prefers-reduced-motion:reduce){.sh28 svg,.sh28.wait svg{animation:none;opacity:.9}.sh28,.sh28.on,.sh28.off{transition:none}}


#boot{display:none}
html.boot3d{background:#0a0f0e}
html.boot3d #boot{display:block;position:fixed;inset:0;z-index:0;overflow:hidden;background:#0a0f0e}
html.boot3d #boot picture{display:contents}
html.boot3d #boot img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
html.boot3d body:not(.gl) #boot::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,#0000 55%,#0d0a08aa 100%)}
html.boot3d body:not(.gl) #scenes{display:none}
html.boot3d body:not(.gl) .hint{display:none}
body.gl #gl{opacity:0;transition:opacity .7s ease}
body.gl.booted #gl{opacity:1}
body.booted #boot{visibility:hidden;transition:visibility 0s .8s}
html:not(.boot3d) #fp[data-mode]{display:none}
html.tlock.boot3d,html.tlock.boot3d body{overflow:hidden;overscroll-behavior:none}   

.top{gap:12px}
.top__right{flex-wrap:wrap;justify-content:flex-end}
.top__nav{display:flex;gap:16px;align-items:center}
.top .btn--small{white-space:nowrap}
.v4 .top .btn--small>span{font-family:'Kurale',serif;font-size:17px}   
.brand{position:relative;display:inline-block}
.brand::after{content:"";position:absolute;inset:-8px -10px;min-height:44px}   
@media (max-width:560px){   
  .top{flex-wrap:wrap;padding:8px 14px 6px;row-gap:0;background:linear-gradient(#0d0a08ee,#0d0a0800)}
  .top__right{display:contents}
  .brand{order:1;flex:1 1 auto}
  .lang-switch{order:2}
  .top__nav{order:3;flex:1 1 100%;display:flex;gap:10px;margin-top:2px}
  .top__nav .btn{flex:1 1 0;padding-left:8px;padding-right:8px}
}
@media (max-height:700px){.top{padding-top:8px;padding-bottom:4px}}