:root{--bg:#181818;--panel:#242424;--panel2:#2e2e2e;--line:#464646;--text:#e8e5de;--muted:#9c9c9c;--acc:#76b900;--acc-ink:#16220a;--map:#262626;--land:#d8c8a0;--land-ink:#3a301a;
--h:'Oswald','Arial Narrow',Arial,sans-serif;--b:'Golos Text',system-ui,Arial,sans-serif;
--logo:url(/img/design/29a3bc139a1315dd.webp);--a54:url(/img/design/1a95f6a927d3bde2.webp);--a55:url(/img/design/f9eeebc2e41935e1.webp);--a36:url(/img/design/44e3e996a5047209.webp);--tex:url("/img/design/3c822afdf0b3ba71.svg");
box-sizing:border-box;padding-top:env(safe-area-inset-top,0px)}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html{scroll-behavior:smooth;scroll-padding-top:70px}
body{margin:0;background:var(--bg) var(--tex);background-attachment:fixed;color:var(--text);font:16px/1.65 var(--b);padding-bottom:calc(150px + env(safe-area-inset-bottom,0px))}
a{color:inherit;text-decoration:none}
:focus-visible{outline:2px solid var(--acc);outline-offset:3px}
h1,h2,h3{font-family:var(--h);margin:0;line-height:1.12}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px}
.note{background:var(--acc);color:var(--acc-ink);text-align:center;font-size:13px;padding:6px 12px}
.lg{display:block;background:var(--logo) center/contain no-repeat}
.btn{display:inline-block;padding:12px 26px;font:600 16px var(--b);border:1px solid var(--line);background:var(--panel2);color:var(--text);cursor:pointer;border-radius:2px;text-align:center}
.btn:hover{color:var(--acc);border-color:var(--acc)}
.btn.main{background:var(--acc);border-color:var(--acc);color:var(--acc-ink);box-shadow:inset 0 -3px 0 rgba(0,0,0,.2)}
.btn.main:hover{color:var(--acc-ink);filter:brightness(1.1)}
.btn.big{padding:15px 38px;font-size:18px}

/* верхняя панель */
.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:15;border-bottom:1px solid var(--line);background:var(--bg);transition:background .25s,border-color .25s}
.top.clear{background:linear-gradient(var(--bg),transparent);border-bottom-color:transparent}
.tb{max-width:1080px;margin:0 auto;padding:0 20px;height:56px;display:flex;align-items:center;gap:22px}
.brand{display:flex;align-items:center;gap:10px;font:700 24px var(--h);letter-spacing:1px}
.brand .lg{width:38px;height:38px}
.tl{display:flex;gap:20px;margin-left:auto;font-size:14px;color:var(--muted);align-items:center}
.tl a:hover{color:var(--acc)}
.tl .btn{padding:7px 16px;font-size:14px;color:var(--text)}
@media(max-width:640px){.tl a:not(.btn){display:none}}

/* hero */
.hero{position:relative;height:560px;margin-top:-57px;overflow:hidden}
.hl,.hr{position:absolute;bottom:0;height:88%;width:38%;background-repeat:no-repeat;background-size:contain;filter:drop-shadow(0 10px 26px rgba(0,0,0,.5))}
.hl{left:max(0px,calc(50% - 700px));background-image:var(--a54);background-position:left bottom}
.hr{right:max(0px,calc(50% - 700px));background-image:var(--a55);background-position:right bottom}
.hero::after{content:'';position:absolute;inset:auto 0 0;height:110px;background:linear-gradient(transparent,var(--bg))}
.fx{position:absolute;inset:0;pointer-events:none;z-index:1;overflow:hidden}
.portal{position:absolute;left:50%;top:50%;width:620px;height:620px;max-width:130vw;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(118,185,0,.28),rgba(118,185,0,.06) 45%,transparent 70%)}
.smoke i{position:absolute;bottom:-50px;width:360px;height:200px;border-radius:50%;background:radial-gradient(closest-side,rgba(255,255,255,.10),transparent);filter:blur(14px)}
.spark{position:absolute;bottom:-8px;left:var(--x);width:4px;height:4px;border-radius:50%;background:var(--acc);box-shadow:0 0 8px var(--acc);opacity:0}
@media (prefers-reduced-motion:no-preference){
 .portal{animation:pt 5s ease-in-out infinite}.smoke i{animation:sm 16s ease-in-out infinite alternate}.spark{animation:rise var(--t) linear var(--d) infinite}
 @keyframes pt{50%{transform:translate(-50%,-50%) scale(1.12);opacity:.75}}@keyframes sm{to{transform:translateX(120px);opacity:.5}}
 @keyframes rise{0%{transform:translate(0,0);opacity:0}15%{opacity:.9}100%{transform:translate(var(--dx),-380px);opacity:0}}}
.hc{position:relative;z-index:2;text-align:center;padding-top:150px;max-width:640px;margin:0 auto;padding-left:20px;padding-right:20px}
.hc h1{font-size:clamp(40px,7vw,74px);text-shadow:0 4px 24px rgba(0,0,0,.7)}
.hc p{color:var(--muted);font-size:19px;margin:14px 0 28px}
.hc .alt{display:block;margin-top:16px;font-size:15px;color:var(--muted)}.hc .alt:hover{color:var(--acc)}
.pill{display:inline-block;margin-top:26px;border:1px solid var(--line);background:rgba(0,0,0,.45);padding:6px 16px;font-size:14px;color:var(--muted)}
.pill b{color:var(--acc);font-variant-numeric:tabular-nums}
@media(max-width:820px){.hero{height:520px}.hl,.hr{width:60%;opacity:.4}.hl{left:-15%}.hr{right:-15%}.hc{padding-top:130px}}

/* секции */
.sec{padding:60px 0}.sec.alt{background:var(--panel);border-block:1px solid var(--line)}
.sec h2{font-size:clamp(28px,4vw,38px);margin-bottom:8px}
.sub{color:var(--muted);margin:0 0 30px;max-width:56ch}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.step{background:var(--panel);border:1px solid var(--line);padding:22px}
.sec.alt .step{background:var(--bg)}
.step b{font:700 42px var(--h);color:var(--acc);display:block;line-height:1}
.step h3{font-size:22px;margin:8px 0 6px}.step p{margin:0 0 14px;color:var(--muted);font-size:15px}
@media(max-width:720px){.steps{grid-template-columns:1fr}}
.feat{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:24px}
.tags{display:flex;gap:8px;flex-wrap:wrap;list-style:none;padding:0;margin:16px 0 0}
.tags li{border:1px solid var(--acc);color:var(--acc);padding:3px 14px;font-size:14px}
.rates{display:flex;gap:26px;flex-wrap:wrap;margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}
.rates div{font-size:13px;color:var(--muted)}.rates b{display:block;font:700 30px var(--h);color:var(--text)}
.fart{height:320px;background:var(--a36) center bottom/contain no-repeat}
@media(max-width:760px){.feat{grid-template-columns:1fr}.fart{height:240px}}
.news{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.card{background:var(--panel);border:1px solid var(--line);padding:20px}
.card .m{font-size:13px;color:var(--muted);margin-bottom:6px}
.kind{display:inline-block;font-size:12px;padding:0 8px;border:1px solid var(--acc);color:var(--acc);margin-right:8px}
.card h3{font-size:22px;color:var(--acc);margin-bottom:8px}.card p{margin:0 0 12px;color:var(--muted);font-size:15px}
.more{font-size:14px;text-decoration:underline}.more:hover{color:var(--acc)}
.all{display:inline-block;margin-top:20px}
@media(max-width:820px){.news{grid-template-columns:1fr}}

/* страница осад */
.srow{display:flex;align-items:center;gap:12px;margin-bottom:20px;color:var(--muted);font-size:14px}
select{background:var(--panel2);color:var(--text);border:1px solid var(--line);padding:8px 12px;font:600 15px var(--b)}
.sgrid{display:grid;grid-template-columns:1.6fr 1fr;gap:20px;align-items:start}
@media(max-width:860px){.sgrid{grid-template-columns:1fr}}
.pn{background:var(--panel);border:1px solid var(--line);position:relative;margin-bottom:20px}
.pn h3{font-size:15px;letter-spacing:.08em;text-transform:uppercase;color:var(--acc);padding:12px 16px;border-bottom:1px solid var(--line)}
.pb{padding:14px 16px}.pb p{margin:0 0 8px;color:var(--muted);font-size:14px}
.big-t{font:700 34px var(--h);color:var(--acc);font-variant-numeric:tabular-nums}
.row{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-top:1px solid var(--line);font-size:14px}.row:first-child{border-top:0}.row b{color:var(--acc);font-weight:600}
.frame::before,.frame::after{content:'';position:absolute;width:16px;height:16px;border:2px solid var(--acc);pointer-events:none}
.frame::before{top:-2px;left:-2px;border-right:0;border-bottom:0}.frame::after{bottom:-2px;right:-2px;border-left:0;border-top:0}
.mh{display:flex;justify-content:space-between;padding:12px 18px;border-bottom:1px solid var(--line);color:var(--muted);font-size:14px}.mh b{font:700 18px var(--h);color:var(--text)}
#map{display:block;width:100%;height:auto;background:var(--map)}
.land{fill:var(--land);stroke:#8d7b4a;stroke-width:2;opacity:.9}.grid{stroke:var(--line);stroke-width:1;stroke-dasharray:3 6}
.castle{cursor:pointer}.castle rect{stroke:#111;stroke-width:1.5}
.castle text{font:600 12px var(--b);fill:var(--land-ink);paint-order:stroke;stroke:var(--land);stroke-width:3px}
.castle:hover rect,.castle:focus rect,.castle.sel rect{stroke:#fff;stroke-width:3}
.detail{padding:14px 18px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap}
.detail h3{font-size:22px}.detail span{color:var(--muted);font-size:14px}.detail .when{font:700 22px var(--h);color:var(--acc)}

footer{max-width:1080px;margin:0 auto;padding:10px 20px 20px;color:var(--muted);font-size:13px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
footer a:hover{color:var(--text)}

/* нижнее меню */
.dock{position:fixed;left:0;right:0;bottom:0;z-index:20;padding:0 8px calc(6px + env(safe-area-inset-bottom,0px));pointer-events:none}
.dk{pointer-events:auto;max-width:820px;margin:0 auto;height:64px;display:flex;align-items:center;background:var(--panel);border:1px solid var(--line);border-top:2px solid var(--acc);box-shadow:0 -6px 30px rgba(0,0,0,.45);position:relative}
.dk a.i{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;height:100%;padding:0 4px;font:700 13px var(--h);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);position:relative;white-space:nowrap;transition:color .15s,background .15s}
.dk a.i svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .15s}
.dk a.i::after{content:'';position:absolute;left:16%;right:16%;bottom:0;height:3px;background:var(--acc);transform:scaleX(0);transition:transform .2s}
.dk a.i:hover,.dk a.i:focus-visible,.dk a.i.on{color:var(--acc);background:linear-gradient(transparent,rgba(118,185,0,.18))}
.dk a.i:hover svg{transform:translateY(-2px)}.dk a.i:hover::after,.dk a.i.on::after{transform:scaleX(1)}
.dk .dl{flex:0 0 118px;height:64px;position:relative}
.dk .dl .lg{position:absolute;left:50%;bottom:-2px;width:104px;height:104px;transform:translateX(-50%);filter:drop-shadow(0 6px 14px rgba(0,0,0,.6))}
@media (prefers-reduced-motion:reduce){.dk a.i,.dk a.i svg,.dk a.i::after,.tl a.ti,.tl a.ti svg,.tl a.ti::after{transition:none}.dk a.i:hover svg,.tl a.ti:hover svg{transform:none}}
@media(max-width:640px){.dk a.i{font-size:10px;letter-spacing:.02em}.dk a.i svg{width:20px;height:20px}.dk .dl{flex-basis:76px}.dk .dl .lg{width:72px;height:72px}}
@media(max-width:480px){.dk a.i span{display:none}.dk a.i svg{width:24px;height:24px}}


.hc h1{margin-bottom:32px}
.hc::before{content:'';position:absolute;inset:70px -30px -10px;background:radial-gradient(ellipse at center,rgba(0,0,0,.6),transparent 72%);z-index:-1}
.hb{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.hc .btn:not(.main){background:rgba(24,24,24,.88);border-color:#8f8f8f;color:var(--text)}
.hc .btn:not(.main):hover{color:var(--acc);border-color:var(--acc)}
.pill{background:rgba(0,0,0,.7);border-color:#6a6a6a;color:var(--text)}


/* шапка отделяется от страницы */
.top:not(.clear){background:rgba(14,14,14,.92);backdrop-filter:blur(8px);border-bottom:1px solid #3a3a3a;box-shadow:0 6px 24px rgba(0,0,0,.55)}
/* секции */
.sec.alt{position:relative;background:linear-gradient(180deg,#242424,#1a1a1a)}
.sec.alt::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(118,185,0,.65),transparent)}
.sec h2::after{content:'';display:block;width:56px;height:3px;background:var(--acc);margin-top:10px}
/* карточки */
.sec .step,.sec.alt .step,.sec .card{position:relative;overflow:hidden;background:linear-gradient(180deg,#2d2d2d,#1e1e1e);border:1px solid #444;box-shadow:inset 0 1px 0 rgba(255,255,255,.07),inset 0 0 40px rgba(0,0,0,.35),0 10px 28px rgba(0,0,0,.4);transition:transform .2s,border-color .2s,box-shadow .2s}
.step::before,.card::before{content:'';position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,var(--acc),transparent 75%);z-index:2}
.step::after,.card::after{content:'';position:absolute;right:9px;bottom:9px;width:14px;height:14px;border-right:2px solid var(--acc);border-bottom:2px solid var(--acc);opacity:.65;pointer-events:none}
.sec .step:hover,.sec .card:hover{border-color:var(--acc);box-shadow:inset 0 1px 0 rgba(255,255,255,.09),inset 0 0 40px rgba(0,0,0,.3),0 14px 36px rgba(0,0,0,.55),0 0 34px rgba(118,185,0,.16)}
@media (prefers-reduced-motion:no-preference){.sec .step:hover,.sec .card:hover{transform:translateY(-4px)}}
.sb{width:50px;height:50px;border:1px solid var(--acc);background:radial-gradient(circle at 50% 25%,rgba(118,185,0,.32),rgba(0,0,0,.45));display:grid;place-items:center;margin-bottom:12px;box-shadow:0 0 18px rgba(118,185,0,.28),inset 0 0 12px rgba(118,185,0,.18)}
.sb svg{width:26px;height:26px;stroke:var(--acc);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.step small{display:block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:2px}
.sec .card{padding:0}.card .cb{padding:18px 20px 22px}
.thumb{height:150px;background:var(--i) 62% 10%/cover no-repeat,linear-gradient(135deg,#474747,#242424 60%,#33461c);border-bottom:1px solid #444}
/* блок билдов */
.wrap.feat{position:relative;max-width:1040px;padding:34px;background:linear-gradient(180deg,#2d2d2d,#1e1e1e);border:1px solid #444;box-shadow:inset 0 1px 0 rgba(255,255,255,.07),inset 0 0 50px rgba(0,0,0,.35),0 12px 32px rgba(0,0,0,.4)}
.feat::before,.feat::after{content:'';position:absolute;width:18px;height:18px;border:2px solid var(--acc);pointer-events:none}
.feat::before{top:-2px;left:-2px;border-right:0;border-bottom:0}.feat::after{bottom:-2px;right:-2px;border-left:0;border-top:0}
.rates{gap:12px}.rates div{background:rgba(0,0,0,.35);border:1px solid #3c3c3c;padding:10px 18px;min-width:88px}
.rates b{color:var(--acc)}
@media(max-width:760px){.wrap.feat{padding:22px}}
/* нижнее меню */
.dock{padding-top:34px;background:linear-gradient(transparent,rgba(0,0,0,.75) 60%)}
.dock::before{content:'';position:absolute;left:0;right:0;bottom:calc(env(safe-area-inset-bottom,0px) + 43px);height:1px;background:linear-gradient(90deg,transparent,rgba(118,185,0,.6) 22%,rgba(118,185,0,.6) 78%,transparent)}
.dk{height:74px;background:linear-gradient(180deg,#363636 0,#232323 45%,#161616 100%);border:1px solid #545454;border-top:2px solid var(--acc);border-radius:3px;box-shadow:0 -1px 0 rgba(118,185,0,.7),0 -14px 44px rgba(118,185,0,.16),0 -8px 30px rgba(0,0,0,.75),inset 0 1px 0 rgba(255,255,255,.14),inset 0 0 30px rgba(0,0,0,.5)}
.dk a.i{gap:4px;font-size:12px;letter-spacing:.1em}
.dk a.i+a.i{border-left:1px solid rgba(255,255,255,.06)}
.dk a.i svg{width:36px;height:36px;padding:8px;border:1px solid #5c5c5c;border-radius:50%;background:radial-gradient(circle at 50% 28%,#404040,#1e1e1e);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 2px 6px rgba(0,0,0,.65)}
.dk .dl{flex-basis:150px;height:74px}
.dk .dl::before{content:'';position:absolute;left:50%;top:38%;width:190px;height:190px;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(118,185,0,.34),transparent 65%);pointer-events:none}
.dk .dl .lg{width:132px;height:132px;bottom:-6px;filter:drop-shadow(0 6px 16px rgba(0,0,0,.7))}
@media(max-width:640px){.dk{height:66px}.dk a.i{font-size:10px;letter-spacing:.03em;gap:2px}.dk a.i svg{width:30px;height:30px;padding:6px}.dk .dl{flex-basis:88px;height:66px}.dk .dl .lg{width:88px;height:88px}.dock::before{bottom:calc(env(safe-area-inset-bottom,0px) + 39px)}}
@media(max-width:480px){.dk a.i svg{width:34px;height:34px;padding:7px}}


:root{--gold1:#f3e6b8;--gold2:#b8994f;--gold3:#e9d79b}
/* 1. верхнее меню: стекло + салатовая полоса */
.top,.top.clear{background:rgba(18,18,18,.42);-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4);border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 6px 24px rgba(0,0,0,.35)}
.top:not(.clear){background:rgba(14,14,14,.66)}
.top::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:2px;background:linear-gradient(90deg,transparent,var(--acc) 22%,var(--acc) 78%,transparent);box-shadow:0 0 14px rgba(118,185,0,.6);pointer-events:none}
.tl a:not(.btn){color:#d2d2d2}.tl a:not(.btn):hover{color:var(--acc)}
/* 2. нижнее меню: стекло, тёмный логотип со свечением при наведении */
.dock{background:linear-gradient(transparent,rgba(0,0,0,.35) 60%)}
.dk{background:linear-gradient(180deg,rgba(74,74,74,.52) 0,rgba(32,32,32,.64) 50%,rgba(14,14,14,.8) 100%);-webkit-backdrop-filter:blur(16px) saturate(1.3);backdrop-filter:blur(16px) saturate(1.3);border-color:rgba(255,255,255,.16)}
.dk a.i{color:#d0d0d0}
.dk .dl::before{background:radial-gradient(circle,rgba(0,0,0,.6),transparent 65%);transition:background .3s}
.dk .dl:hover::before,.dk .dl:focus-visible::before{background:radial-gradient(circle,rgba(118,185,0,.45),transparent 65%)}
.dk .dl .lg{transition:filter .3s}
.dk .dl:hover .lg,.dk .dl:focus-visible .lg{filter:drop-shadow(0 0 14px rgba(118,185,0,.9)) drop-shadow(0 6px 16px rgba(0,0,0,.6))}
/* 3. карточки не прыгают */
.sec .step:hover,.sec .card:hover{transform:none}
/* 5. слоган поменьше, арты видны */
.hero{height:620px}
.hl,.hr{width:36%}
.hc{padding-top:190px;max-width:520px}
.hc h1{font-size:clamp(30px,4.6vw,48px);line-height:1.1;margin-bottom:28px}
.hb{flex-direction:column;align-items:center;gap:16px}
@media(max-width:820px){.hero{height:600px}.hc{padding-top:150px}}
/* 4. королевские кнопки */
.rbtn{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-width:280px;padding:16px 40px;font:700 19px var(--h);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:filter .25s,color .25s}
.rbtn::before{content:'';position:absolute;inset:0;z-index:-2;border-radius:3px;background:linear-gradient(180deg,var(--gold1),var(--gold2) 50%,var(--gold3))}
.rbtn::after{content:'';position:absolute;inset:3px;z-index:-1;border-radius:2px}
.rbtn svg{width:24px;height:24px;fill:currentColor;flex:none}
.rbtn:focus-visible{outline:2px solid var(--acc);outline-offset:7px}
.rbtn.main{color:#14200a;filter:drop-shadow(0 6px 18px rgba(118,185,0,.4))}
.rbtn.main::after{background:linear-gradient(105deg,transparent 42%,rgba(255,255,255,.55) 50%,transparent 58%) -150% 0/250% 100% no-repeat,linear-gradient(180deg,#b4e83a 0%,#76b900 48%,#4c7d00 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.6),inset 0 -8px 14px rgba(0,0,0,.28)}
.rbtn.main:hover{filter:drop-shadow(0 8px 26px rgba(118,185,0,.75)) brightness(1.08)}
.rbtn.alt2{color:var(--gold1);font-size:16px;min-width:240px;padding:13px 30px}
.rbtn.alt2::after{background:linear-gradient(180deg,rgba(58,58,58,.94),rgba(20,20,20,.97));box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}
.rbtn.alt2:hover{color:#fff;filter:drop-shadow(0 6px 20px rgba(233,215,155,.45))}
.rbtn.alt2:hover::after{background:linear-gradient(180deg,rgba(72,96,30,.94),rgba(20,28,10,.97))}
.rbtn .o{position:absolute;top:50%;width:11px;height:11px;background:linear-gradient(135deg,var(--gold1),var(--gold2));transform:translateY(-50%) rotate(45deg);box-shadow:0 0 10px rgba(233,215,155,.6)}
.rbtn .o.l{left:-6px}.rbtn .o.r{right:-6px}
@media (prefers-reduced-motion:no-preference){.rbtn.main::after{animation:shine 4.5s ease-in-out infinite}@keyframes shine{0%,55%{background-position:-150% 0,0 0}100%{background-position:150% 0,0 0}}}
@media(max-width:480px){.rbtn{min-width:250px}}


/* 4. средневековые шрифты с кириллицей */
:root{--h:'Ruslan Display','Philosopher',Georgia,serif;--h2:'Philosopher',Georgia,serif}
h1,h2,h3,.brand,.rbtn,.big-t,.rates b{font-weight:400}
.pn h3{font-family:var(--h2);font-weight:700;letter-spacing:.05em;text-transform:none;font-size:17px}
.dk a.i,.kind,.step small,.mh b,.detail .when{font-family:var(--h2);font-weight:700}
.hc h1{font-size:clamp(34px,5vw,58px);line-height:1.12}
/* 3. верхняя полоса: 1px, без свечения, как нижняя */
.top::after{height:1px;background:linear-gradient(90deg,transparent,rgba(118,185,0,.6) 22%,rgba(118,185,0,.6) 78%,transparent);box-shadow:none}
/* 2. логотип: без зелёного свечения при наведении */
.dk .dl:hover::before,.dk .dl:focus-visible::before{background:radial-gradient(circle,rgba(0,0,0,.6),transparent 65%)}
.dk .dl:hover .lg,.dk .dl:focus-visible .lg{filter:drop-shadow(0 6px 16px rgba(0,0,0,.7))}
/* 5. нижнее меню прозрачнее */
.dock{background:linear-gradient(transparent,rgba(0,0,0,.2) 60%)}
.dk{background:linear-gradient(180deg,rgba(74,74,74,.34) 0,rgba(30,30,30,.42) 50%,rgba(14,14,14,.56) 100%)}
.dk a.i{color:#e8e8e8;text-shadow:0 1px 3px rgba(0,0,0,.85)}
.dk a.i:hover,.dk a.i.on{color:var(--acc)}
/* 6. арт в карточке билдов во всю высоту */
.fart{align-self:stretch;height:auto;min-height:340px;margin:-34px -34px -34px 0;background:var(--a36) 100% 0/auto 100% no-repeat}
@media(max-width:760px){.fart{height:300px;min-height:300px;margin:0 -22px -22px;background-position:50% 0}}
/* 7. стеклянные кнопки с тонкой обводкой */
.rbtn{min-width:280px;padding:15px 40px;border:1px solid rgba(233,215,155,.9);border-radius:3px;font-size:22px;letter-spacing:.04em;text-transform:none;background:rgba(30,30,30,.4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 6px 20px rgba(0,0,0,.35);filter:none;transition:border-color .2s,box-shadow .2s,color .2s,background-color .2s}
.rbtn::before,.rbtn::after{display:none}
.rbtn.main{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.65);background:linear-gradient(105deg,transparent 42%,rgba(255,255,255,.32) 50%,transparent 58%) -150% 0/250% 100% no-repeat,linear-gradient(180deg,rgba(140,210,30,.55),rgba(70,130,0,.6));box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 6px 22px rgba(118,185,0,.28)}
.rbtn.main:hover{border-color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 8px 28px rgba(118,185,0,.5)}
.rbtn.alt2{color:var(--gold1);font-size:19px;min-width:240px;padding:12px 30px;background:rgba(20,20,20,.38)}
.rbtn.alt2:hover{color:#fff;border-color:#fff;background:rgba(118,185,0,.2);filter:none}
@media (prefers-reduced-motion:no-preference){.rbtn.main{animation:shine2 4.5s ease-in-out infinite}@keyframes shine2{0%,55%{background-position:-150% 0,0 0}100%{background-position:150% 0,0 0}}}


:root{--a13:url(/img/design/08ced68aaa6494b4.webp);--texb:url(/img/design/bf54cfdd682ae79f.svg);--tex2:none;--h:'Forum',Georgia,serif;--h2:'Forum',Georgia,serif;--fw:400}
/* 1. примерка шрифтов */
h1,h2,h3,.brand,.rbtn,.big-t,.rates b,.pn h3,.dk a.i,.kind,.step small,.mh b,.detail .when{font-weight:var(--fw)}
.pn h3{font-family:var(--h);letter-spacing:.06em;text-transform:none;font-size:18px}
.dk a.i,.kind,.step small,.mh b,.detail .when{font-family:var(--h)}
.fontpick{position:fixed;left:12px;top:calc(72px + env(safe-area-inset-top,0px));z-index:40;background:rgba(0,0,0,.72);border:1px solid #555;padding:6px 10px;font:12px var(--b);color:#bbb;border-radius:3px}
.fontpick select{margin-left:6px;font-size:13px;padding:4px 8px}
/* 2. стекло под нижней полосой */
.dock{background:none}
.dock::after{content:'';position:absolute;left:0;right:0;bottom:0;height:calc(43px + env(safe-area-inset-bottom,0px));background:rgba(18,18,18,.42);-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4);z-index:-1}
@media(max-width:640px){.dock::after{height:calc(39px + env(safe-area-inset-bottom,0px))}}
/* 3. кнопки: потёртости, без бежевого */
.rbtn{font-family:var(--h);text-transform:none;letter-spacing:.05em;font-size:22px;border-color:rgba(215,215,215,.75)}
.rbtn.main{border-color:rgba(190,240,90,.9);background:var(--texb) 0 0/256px 96px repeat,linear-gradient(105deg,transparent 42%,rgba(255,255,255,.3) 50%,transparent 58%) -150% 0/250% 100% no-repeat,linear-gradient(180deg,rgba(140,210,30,.55),rgba(70,130,0,.6))}
.rbtn.alt2{font-size:19px;color:#ececec;background:var(--texb) 0 0/256px 96px repeat,rgba(20,20,20,.38)}
.rbtn.alt2:hover{color:#fff;border-color:#fff;background:var(--texb) 0 0/256px 96px repeat,rgba(118,185,0,.22)}
@media (prefers-reduced-motion:no-preference){.rbtn.main{animation:shine3 4.5s ease-in-out infinite}@keyframes shine3{0%,55%{background-position:0 0,-150% 0,0 0}100%{background-position:0 0,150% 0,0 0}}}
/* 4. арт рыцаря в карточке билдов, целиком */
.fart{background:var(--a13) 100% 100%/auto 100% no-repeat;min-height:380px}
@media(max-width:760px){.fart{background-position:50% 100%;height:320px;min-height:320px}}
/* 5. стеклянные секции и чуть заметнее фон */
body{background-image:var(--tex2)}
.sec.alt{background:rgba(22,22,22,.32);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-block:1px solid rgba(255,255,255,.08)}


:root{--tex:none;--texb:url(/img/design/1669bf1ec77c3ec5.svg)}
/* 3. фон: бетон */
body{background-image:var(--tex)}
/* 2. кнопки по образцу лаунчера */
.rbtn{border-radius:10px;-webkit-backdrop-filter:none;backdrop-filter:none}
.rbtn.main{min-width:300px;padding:16px 46px;font-size:26px;letter-spacing:.09em;text-transform:uppercase;color:#f3f8e8;text-shadow:0 2px 3px rgba(0,0,0,.75);border:2px solid #9ccf35;
 background:var(--texb) 0 0/256px 96px repeat,linear-gradient(105deg,transparent 42%,rgba(255,255,255,.2) 50%,transparent 58%) -150% 0/250% 100% no-repeat,linear-gradient(180deg,#6a9c12 0%,#457008 52%,#2c4a05 100%);
 box-shadow:inset 0 0 0 2px rgba(6,14,0,.72),inset 0 10px 16px rgba(255,255,255,.13),inset 0 -12px 18px rgba(0,0,0,.35),0 8px 22px rgba(0,0,0,.55),0 0 22px rgba(118,185,0,.22)}
.rbtn.main:hover{border-color:#c4ee6a;filter:brightness(1.12);box-shadow:inset 0 0 0 2px rgba(6,14,0,.72),inset 0 10px 16px rgba(255,255,255,.16),inset 0 -12px 18px rgba(0,0,0,.3),0 8px 24px rgba(0,0,0,.55),0 0 30px rgba(118,185,0,.4)}
.rbtn.alt2{min-width:260px;padding:12px 28px;font-size:20px;letter-spacing:.03em;text-transform:none;color:#f0f0f0;border:1px solid rgba(205,205,205,.55);border-radius:8px;
 background:var(--texb) 0 0/256px 96px repeat,rgba(16,16,16,.72);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 4px 14px rgba(0,0,0,.4)}
.rbtn.alt2:hover{color:var(--acc);border-color:var(--acc);background:var(--texb) 0 0/256px 96px repeat,rgba(16,16,16,.8)}
/* 4. нижнее меню: полоса при наведении 1px, градиентом, на всю ширину кнопки */
.dk a.i::after{left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(118,185,0,.9) 18%,rgba(118,185,0,.9) 82%,transparent);transform:none;opacity:0;transition:opacity .2s}
.dk a.i:hover::after,.dk a.i:focus-visible::after,.dk a.i.on::after{opacity:1;transform:none}
/* 5. карточки: верхняя линия 1px */
.step::before,.card::before{height:1px}


:root{--tex:none}
/* фон едет вместе со страницей (так нет «ряби» при прокрутке) */
body{background-attachment:scroll}
/* свечение главной кнопки: слабое, при наведении сильное */
.rbtn.main{box-shadow:inset 0 0 0 2px rgba(6,14,0,.72),inset 0 10px 16px rgba(255,255,255,.13),inset 0 -12px 18px rgba(0,0,0,.35),0 8px 22px rgba(0,0,0,.55),0 0 8px rgba(118,185,0,.08)}
/* верхние ссылки в стиле нижнего меню */
.tl{gap:0;margin-left:auto}
.tl a.ti{display:flex;align-items:center;gap:9px;height:56px;padding:0 16px;position:relative;font:400 12px var(--h);letter-spacing:.1em;text-transform:uppercase;color:#e8e8e8;text-shadow:0 1px 3px rgba(0,0,0,.85);transition:color .15s}
.tl a.ti+a.ti{border-left:1px solid rgba(255,255,255,.06)}
.tl a.ti svg{width:30px;height:30px;padding:7px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;border:1px solid #5c5c5c;border-radius:50%;background:radial-gradient(circle at 50% 28%,#404040,#1e1e1e);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 2px 6px rgba(0,0,0,.65);transition:border-color .15s,box-shadow .15s,background .15s,transform .15s}
.tl a.ti::after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(118,185,0,.9) 18%,rgba(118,185,0,.9) 82%,transparent);opacity:0;transition:opacity .2s}
.tl a.ti:hover,.tl a.ti:focus-visible{color:var(--acc);background:linear-gradient(transparent,rgba(118,185,0,.18))}
.tl a.ti:hover svg,.tl a.ti:focus-visible svg{border-color:var(--acc);background:radial-gradient(circle at 50% 28%,#404040,#1e1e1e);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 2px 6px rgba(0,0,0,.65);transform:translateY(-2px)}
.tl a.ti:hover::after,.tl a.ti:focus-visible::after{opacity:1}
@media(max-width:700px){.tl a.ti{display:flex;padding:0 9px}.tl a.ti span{display:none}}


:root{--wall:url(/img/design/f39ceb5a9d89959a.webp)}
html.wall{--bg:#0f0f0f}
html.wall body{background:#0f0f0f var(--wall) center top/cover no-repeat fixed}


.dk{max-width:1000px}
.dk a.i{font-size:15px;letter-spacing:.05em}
.tl a.ti{font-size:15px;letter-spacing:.06em}
.tl a.ti svg{width:32px;height:32px;padding:7px}
@media(max-width:1060px){.dk a.i{font-size:13.5px;letter-spacing:.03em}}
@media(max-width:860px){.dk a.i{font-size:12.5px;letter-spacing:.02em}.dk .dl{flex-basis:120px}}
@media(max-width:760px){.dk a.i span{display:none}.dk a.i svg{width:38px;height:38px;padding:9px}.dk .dl{flex-basis:96px}}


/* текстура-плетёнка, масштаб 100% (1 пиксель картинки = 1 пиксель экрана), плиткой */
:root{--tile:url(/img/design/8c46ac00a90ae70a.png)}
html.wall{--bg:#171717}
html.wall body{background:#171717 var(--tile) 0 0 repeat;background-size:auto;background-attachment:scroll}


.srvs{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.scard{display:flex;flex-direction:column}
.scard .btn{margin-top:auto;align-self:flex-start}
.scard .sh{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.scard h3{font-size:32px}
.scard h4{font:400 18px var(--h);margin:4px 0 8px;color:var(--text)}
.scard p{margin:0 0 16px;color:var(--muted);font-size:15px}
.tagline{font-size:13px;color:var(--acc);border:1px solid var(--acc);padding:1px 10px}
.facts{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.facts li{display:flex;flex-direction:column;align-items:center;min-width:72px;text-align:center}
.facts li{background:rgba(0,0,0,.35);border:1px solid #3c3c3c;padding:8px 10px;font-size:12px;color:var(--muted)}
.facts b{display:block;font:400 22px var(--h);color:var(--acc);margin:0 0 2px;font-variant-numeric:tabular-nums;line-height:1}
.blist{margin:0 0 16px;padding-left:20px;color:var(--muted);font-size:15px}.blist li{margin:6px 0}
@media(max-width:760px){.srvs{grid-template-columns:1fr}}
.videos{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
@media(max-width:960px){.videos{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.videos{grid-template-columns:1fr}}
.thumb{position:relative}
.play{position:absolute;left:50%;top:50%;width:54px;height:54px;transform:translate(-50%,-50%);border-radius:50%;background:rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:border-color .2s,background .2s}
.play::after{content:'';position:absolute;left:52%;top:50%;transform:translate(-50%,-50%);border-left:16px solid #fff;border-top:10px solid transparent;border-bottom:10px solid transparent}
.card:hover .play{border-color:var(--acc);background:rgba(118,185,0,.35)}
.pve{display:block;width:100%;height:auto;border:1px solid #444}
.legal{max-width:1080px;margin:0 auto;padding:0 20px 24px;font-size:11.5px;line-height:1.55;color:#8c8c8c;letter-spacing:.02em}


.pill+.pill{margin-top:10px}.pill a{color:var(--text)}.pill a:hover{color:var(--acc)}.pill .sep{margin:0 10px;color:#666}
.sd{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--acc);margin-right:8px;vertical-align:1px}
@media (prefers-reduced-motion:no-preference){.sd{animation:pl 1.8s infinite}@keyframes pl{50%{opacity:.35}}}
.hero{height:690px}
@media(max-width:820px){.hero{height:660px}}


.hero{height:620px}
@media(max-width:820px){.hero{height:600px}}
.hc{padding-top:200px;max-width:760px}
.hc h1{font-size:clamp(26px,3.7vw,50px);white-space:nowrap;margin-bottom:30px}
.live{position:absolute;left:0;right:0;bottom:30px;text-align:center;z-index:3;pointer-events:none;padding:0 12px}
.live .pill{margin:0;pointer-events:auto}
.tagline b{font-variant-numeric:tabular-nums}


/* новые герои в шапке */
:root{--art-l:url(/img/design/68f5c97878440f5d.webp);--art-r:url(/img/design/2bd25ae5079d9c8e.webp)}
.hl{background-image:var(--art-l);background-position:left bottom;width:36%}
.hr{background-image:var(--art-r);background-position:right bottom;width:44%}
/* счётчик в карточке сервера того же размера, что и надпись «Основной · с октября 2022» */
.scard .tagline b{display:inline;font:inherit;font-variant-numeric:tabular-nums;color:inherit;line-height:inherit}


/* свой отклик на тап вместо системной вспышки */
.dk a.i:active svg{transform:scale(.94)}
.tl a.ti:active svg{transform:translateY(-2px) scale(.94)}
.btn:active,.rbtn:active{filter:brightness(.94)}
/* компактная шапка на телефоне */
@media(max-width:480px){
 .tb{gap:12px;padding:0 14px;height:52px}
 .brand{gap:7px;font-size:19px}
 .brand .lg{width:30px;height:30px}
 .tl{gap:0}
 .tl a.ti{padding:0 6px}
 .tl a.ti svg{width:26px;height:26px;padding:6px}
}
@media(max-width:360px){
 .brand .bt{display:none}
}


/* герои на телефоне: перекрываем более раннее правило width:36%/44%, чтобы на мобильном они снова были крупными и заметными */
@media(max-width:820px){
  .hl,.hr{width:52% !important;opacity:.85 !important}
  .hl{left:-6% !important}
  .hr{right:-6% !important}
}
@media(max-width:480px){
  .hl,.hr{width:58% !important;opacity:.8 !important}
}
/* меню: убираем свечение-«вспышку» у кружка при наведении/нажатии, оставляем только смену цвета рамки и значка */
.dk a.i:hover svg,.dk a.i:focus-visible svg,.dk a.i.on svg{border-color:var(--acc);background:radial-gradient(circle at 50% 28%,#404040,#1e1e1e);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 2px 6px rgba(0,0,0,.65)}


/* ===== Личный кабинет ===== */
.acc-wrap{max-width:1080px;margin:0 auto;padding:44px 20px 90px}
.acc-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:28px}
.acc-head h1{font-size:clamp(28px,4vw,38px)}
.acc-head p{margin:6px 0 0;color:var(--muted);max-width:56ch}
.acc-who{display:flex;align-items:center;gap:10px;background:rgba(0,0,0,.35);border:1px solid var(--line);padding:8px 16px;font-size:14px;color:var(--muted)}
.acc-who b{color:var(--text)}
.acc-who a{color:var(--acc);margin-left:10px;text-decoration:underline}
.acc-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:20px;align-items:start}
@media(max-width:900px){.acc-grid{grid-template-columns:1fr}}
.acard{position:relative;background:linear-gradient(180deg,#2d2d2d,#1e1e1e);border:1px solid #444;padding:26px;margin-bottom:20px;box-shadow:inset 0 1px 0 rgba(255,255,255,.07),inset 0 0 40px rgba(0,0,0,.35),0 10px 28px rgba(0,0,0,.4)}
.acard::before{content:'';position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,var(--acc),transparent 75%)}
.acard::after{content:'';position:absolute;right:9px;bottom:9px;width:14px;height:14px;border-right:2px solid var(--acc);border-bottom:2px solid var(--acc);opacity:.65;pointer-events:none}
.acard h2{font-size:22px;margin-bottom:4px}
.acard .ah-sub{margin:0 0 20px;color:var(--muted);font-size:14px}
.avatar-row{display:flex;align-items:center;gap:20px;margin-bottom:24px;flex-wrap:wrap}
.avatar{width:96px;height:96px;border-radius:50%;flex:none;border:2px solid var(--acc);background:radial-gradient(circle at 50% 30%,#3a3a3a,#1b1b1b) center/cover no-repeat;box-shadow:0 0 18px rgba(118,185,0,.25),inset 0 0 12px rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}
.avatar svg{width:42px;height:42px;stroke:#6b6b6b;fill:none;stroke-width:1.6}
.avatar img{width:100%;height:100%;object-fit:cover}
.avatar-actions{display:flex;flex-direction:column;gap:8px}
.avatar-btns{display:flex;gap:10px;flex-wrap:wrap}
.btn.danger{color:#d97a5a;border-color:#5c3a30}
.btn.danger:hover{color:#ef9573;border-color:#ef9573}
.avatar-actions .hint{font-size:12px;color:var(--muted);margin:0}
.field{margin-bottom:18px}
.field label{display:block;font-size:13px;color:var(--muted);margin-bottom:6px;letter-spacing:.02em}
.field input{width:100%;padding:11px 14px;background:rgba(0,0,0,.35);border:1px solid var(--line);color:var(--text);font:15px var(--b);border-radius:2px}
.field input:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
.field input[disabled]{color:#8a8a8a;cursor:not-allowed;background:rgba(0,0,0,.22)}
.field .note{margin:6px 0 0;font-size:12.5px;color:var(--muted);line-height:1.5}
.field .note a{color:var(--acc);text-decoration:underline}
.callout{display:flex;gap:12px;align-items:flex-start;margin-top:8px;padding:12px 14px;background:rgba(118,185,0,.08);border:1px solid rgba(118,185,0,.35);border-left:3px solid var(--acc)}
.callout svg{width:20px;height:20px;flex:none;margin-top:1px;stroke:var(--acc);fill:none;stroke-width:1.8}
.callout p{margin:0;font-size:13.5px;line-height:1.55;color:#e4e4e4}
.callout p a{color:var(--acc);text-decoration:underline;font-weight:600}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:520px){.row2{grid-template-columns:1fr}}
.captcha{display:flex;align-items:center;gap:12px;margin:4px 0 18px}
.captcha-box{width:130px;height:44px;background:repeating-linear-gradient(115deg,#333 0 6px,#3c3c3c 6px 12px);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font:700 18px var(--h);letter-spacing:.1em;color:#d8d8d8}
.captcha input{flex:1}

/* персонажи */
.slots{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
@media(max-width:640px){.slots{grid-template-columns:1fr}}
.slot{background:rgba(0,0,0,.3);border:1px solid var(--line);padding:16px;text-align:center;position:relative;min-height:168px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}
.slot.filled{border-color:#3c3c3c}
.slot .sicon{width:56px;height:56px;border-radius:50%;border:1px solid var(--acc);background:radial-gradient(circle at 50% 28%,rgba(118,185,0,.28),#1e1e1e);display:flex;align-items:center;justify-content:center}
.slot .sicon svg{width:28px;height:28px;stroke:var(--acc);fill:none;stroke-width:1.7}
.slot h4{font-size:17px;margin:2px 0 0}
.slot span{font-size:12.5px;color:var(--muted)}
.slot.empty{border-style:dashed;color:var(--muted)}
.slot.empty svg{width:30px;height:30px;stroke:#5c5c5c;fill:none;stroke-width:1.6}
.slot.empty p{margin:4px 0 0;font-size:13px}

/* история входов */
.htable{width:100%;border-collapse:collapse;font-size:13.5px}
.htable th{text-align:left;color:var(--muted);font-weight:400;padding:8px 10px;border-bottom:1px solid var(--line);white-space:nowrap}
.htable td{padding:9px 10px;border-bottom:1px solid rgba(255,255,255,.06);color:#dcdcdc;white-space:nowrap}
.htable .ok{color:var(--acc)}
.htable .fail{color:#d97a5a}
.htable-wrap{overflow-x:auto}
.hnote{margin:14px 0 0;font-size:12.5px;color:var(--muted)}

/* спойлер истории платежей */
details.spoiler{border:1px solid var(--line);background:rgba(0,0,0,.25)}
details.spoiler>summary{list-style:none;cursor:pointer;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;font:400 16px var(--h);color:var(--text)}
details.spoiler>summary::-webkit-details-marker{display:none}
details.spoiler>summary .chev{transition:transform .2s;color:var(--muted)}
details.spoiler[open]>summary .chev{transform:rotate(180deg)}
details.spoiler .dbody{padding:0 18px 18px}
.pay-row{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-top:1px solid rgba(255,255,255,.07);font-size:13.5px;color:#d6d6d6}
.pay-row:first-child{border-top:0}
.pay-row b{color:var(--acc)}

.acc-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:6px}