/* SOLO GLOBAL — shared stylesheet */
:root{
  --bg:#050506;
  --line:rgba(214,168,79,.40);--line-soft:rgba(214,168,79,.22);--line-faint:rgba(214,168,79,.16);--line-hot:rgba(240,205,125,.85);
  --gold:#e6c473;--gold-bright:#f2e2c0;--gold-line:#d6a84f;--gold-hot:#f0cd7d;
  --text:#ece2cd;--label:#b6ac97;--soft:#cfc4b0;--dim:#a79d87;--faint:#8b8271;--on-gold:#22160a;
  --online:#6fbf73;--danger:#b2544a;--danger-text:#c9a09a;--success:#8fb98f;
  --field:#131317;--tint:rgba(214,168,79,.10);
  --btn-primary:linear-gradient(180deg,#f6dc9e 0%,#d5a337 42%,#93661a 100%);
  --badge:linear-gradient(180deg,#f2d693,#c79a35);
  --metal:linear-gradient(180deg,#fbe6b0 0%,#e2b55e 30%,#b98530 52%,#7a5216 70%,#d9a74e 88%,#f5d58f 100%);
  --sheen:linear-gradient(100deg,transparent 40%,rgba(255,250,235,.95) 50%,transparent 60%);
  --f-ui:'Cairo',system-ui,sans-serif;--f-latin:'Inter','Cairo',system-ui,sans-serif;--f-display:'Cinzel','Cairo',serif;
  --pad:clamp(16px,3.2vw,32px);
}
html[lang=en]{--f-ui:'Inter','Cairo',system-ui,sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{background:var(--bg);-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;min-height:100vh;color:var(--text);font:400 15px/1.7 var(--f-ui);overflow-x:hidden;background:var(--bg)}
body::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 50% 30%,rgba(60,44,18,.45) 0%,rgba(5,5,5,0) 60%)}
h1,h2,h3,p,ul,ol,dl,dd{margin:0}
ul,ol{padding:0}
img{max-width:100%;display:block}
a{color:var(--gold);text-decoration:none}
a:hover{color:var(--gold-hot)}
button,input,select{font:inherit;color:inherit}
:focus-visible{outline:1px solid var(--gold-hot);outline-offset:2px}
::selection{background:rgba(214,168,79,.35);color:#fff}
.skip{position:absolute;inset-inline-start:8px;top:-60px;z-index:100;background:var(--field);border:1px solid var(--line-hot);padding:10px 14px;color:var(--text)}
.skip:focus{top:8px}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* dragons — framed exactly like the launcher login */
.dragon{display:none;position:fixed;top:50%;z-index:0;height:min(94vh,980px);width:clamp(200px,18vw,330px);object-fit:fill;opacity:.35;pointer-events:none;transform:translateY(-50%)}
.dragon--l{right:calc(50% + 470px)}
.dragon--r{left:calc(50% + 470px);transform:translateY(-50%) scaleX(-1)}
@media (min-width:1024px){.dragon{display:block}}

/* page + panel */
.page{position:relative;z-index:1;padding:clamp(0px,2.4vw,24px) clamp(0px,2vw,16px)}
.panel{max-width:1000px;margin-inline:auto;border:1px solid var(--line);background:linear-gradient(180deg,rgba(13,13,17,.94),rgba(7,7,10,.94))}
@media (max-width:599px){.panel{border-inline:0}}
html.js:not(.ready) .panel{opacity:0}
html.ready .panel{transition:opacity .35s ease}

/* header block */
.hd{text-align:center;padding:28px var(--pad) 22px}
.emblem{width:64px;height:64px;margin:0 auto 10px}
.wm{font:700 clamp(21px,5.6vw,38px)/1.15 var(--f-display);letter-spacing:.35em;padding-left:.35em;white-space:nowrap}
.wm a{display:inline-flex;gap:.5em;color:inherit}
.wm span{display:inline-block;color:transparent;-webkit-background-clip:text;background-clip:text;background-image:var(--sheen),var(--metal);background-size:300% 100%,100% 100%;background-position:100% 0,0 0;background-repeat:no-repeat}
.wm a:hover span{animation:sheen .9s ease-in-out}
.wm-line{position:relative;width:min(360px,72%);height:1px;margin:12px auto 10px;background:linear-gradient(90deg,transparent,rgba(240,205,125,.95) 50%,transparent)}
.wm-line::after{content:"";position:absolute;left:50%;top:50%;width:7px;height:7px;background:var(--gold);transform:translate(-50%,-50%) rotate(45deg)}
.sub{font:500 13px/1.2 var(--f-latin);letter-spacing:.3em;padding-left:.3em;color:var(--soft)}

/* intro (first visit) */
html.intro-wait .wm,html.intro-wait .wm-line{opacity:0}
html.intro .wm-a{animation:inStart 1.1s cubic-bezier(.2,.75,.2,1) both,sheen .9s 1.85s ease-in-out}
html.intro .wm-b{animation:inEnd 1.1s cubic-bezier(.2,.75,.2,1) both,sheen .9s 1.95s ease-in-out}
html.intro .wm-line{animation:grow .8s .95s cubic-bezier(.3,.7,.2,1) both}
html.intro .wm-line::after{animation:pop .4s 1.6s both}
@keyframes inStart{from{opacity:0;transform:translateX(-38vw)}}
@keyframes inEnd{from{opacity:0;transform:translateX(38vw)}}
@keyframes grow{from{transform:scaleX(0);opacity:0}}
@keyframes pop{from{transform:translate(-50%,-50%) rotate(45deg) scale(0)}}
@keyframes sheen{from{background-position:100% 0,0 0}to{background-position:0 0,0 0}}

/* navigation */
.navbar{margin:0 var(--pad);padding:14px 0;border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-faint)}
.nav{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.navbar .nav-toggle,.nav .drawer-head,.nav .lang-toggle{display:none}
.nav .btn[aria-current=page]{border-color:var(--line-hot);background:linear-gradient(var(--tint),var(--tint)),var(--field);color:var(--gold-bright)}
.burger{position:relative;width:16px;height:10px;border-block:1px solid var(--gold)}
.burger::after{content:"";position:absolute;inset-inline:0;top:50%;height:1px;background:var(--gold)}
@media (max-width:899px){
  .navbar .nav-toggle{display:flex;width:100%}
  .nav{position:fixed;inset:0;z-index:60;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;gap:8px;padding:16px 16px 32px;background:#050506;overflow-y:auto;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s}
  .nav.open{opacity:1;visibility:visible}
  .nav>.btn{justify-content:flex-start;min-height:52px;font-size:16px;flex:none}
  .nav .drawer-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:14px;margin-bottom:6px;border-bottom:1px solid var(--line-soft)}
  .drawer-head img{width:40px;height:40px}
  .nav .lang-toggle{display:flex;margin-top:auto}
  body.no-scroll{overflow:hidden}
}

/* content + grid */
.content{padding:26px var(--pad) 30px}
.cols{display:grid;gap:30px}
.cols>.col+.col{border-top:1px solid var(--line-faint);padding-top:26px}
@media (min-width:860px){
  .cols{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0}
  .cols>.col:first-child{padding-inline-end:28px;border-inline-end:1px solid var(--line-soft)}
  .cols>.col+.col{padding-inline-start:28px;padding-top:0;border-top:0}
}
.cols3{display:grid;gap:30px}
.cols3>.col+.col{border-top:1px solid var(--line-faint);padding-top:26px}
@media (min-width:900px){
  .cols3{grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
  .cols3>.col{padding-inline:22px}
  .cols3>.col:first-child{padding-inline-start:0}
  .cols3>.col:last-child{padding-inline-end:0}
  .cols3>.col+.col{border-top:0;padding-top:0;border-inline-start:1px solid var(--line-soft)}
}
.col>*+*,.stack-lg>*+*{margin-top:30px}
.rule{height:1px;background:var(--line-faint);margin:30px 0}

/* section titles */
.st{display:flex;align-items:center;gap:10px;margin-bottom:16px;font:600 16px/1.4 var(--f-ui);color:var(--text)}
.st::before{content:"";flex:none;width:7px;height:7px;background:var(--gold);transform:rotate(45deg)}
.st::after{content:"";flex:1;min-width:24px;max-width:180px;height:1px;margin-inline-start:6px;background:linear-gradient(90deg,var(--line),transparent)}
[dir=rtl] .st::after{background:linear-gradient(270deg,var(--line),transparent)}
.h3{font:600 14px/1.4 var(--f-ui);color:var(--label);margin:20px 0 8px}
.lead{color:var(--soft);font-size:16px;text-wrap:pretty;margin-bottom:18px}
.note{color:var(--dim);font-size:13.5px;margin:10px 0 14px;text-wrap:pretty}
p{text-wrap:pretty}
.dia{display:inline-block;flex:none;width:7px;height:7px;background:var(--gold);transform:rotate(45deg)}
.dia--shinsoo{background:#a8564b}.dia--chunjo{background:#b99a4f}.dia--jinno{background:#5b7aa5}
.soon{display:flex;align-items:center;gap:10px;margin-top:12px;color:var(--dim);font-size:14px}
.auto{display:flex;align-items:center;gap:10px;margin-top:18px;padding-top:14px;border-top:1px solid var(--line-faint);color:var(--soft);font-size:14px}
.more{display:inline-flex;align-items:center;gap:6px;min-height:44px;margin-top:6px;font-size:13.5px}
.more::after{content:"→";font-family:var(--f-latin)}
[dir=rtl] .more::after{content:"←"}

/* buttons */
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:8px 18px;border:1px solid var(--line);border-radius:0;background:var(--field);color:var(--text);font:600 14px/1.25 var(--f-ui);text-align:center;cursor:pointer;overflow:hidden;transition:border-color .2s,color .2s}
.btn:hover{border-color:var(--line-hot);color:var(--gold-bright)}
.btn>*{position:relative;z-index:1}
.btn svg{color:var(--gold)}
.btn--primary{min-height:52px;padding-inline:24px;background:var(--btn-primary);border-color:var(--gold-hot);color:var(--on-gold);font-weight:700;font-size:17px}
html[lang=en] .btn--primary{font-weight:600;font-size:16px}
.btn--primary:hover{color:var(--on-gold);border-color:var(--gold-hot)}
.btn--primary svg{color:var(--on-gold)}
.btn .pf{flex:none;width:20px;height:20px}
.st--pf .pf{flex:none;width:22px;height:22px;color:var(--gold)}
.btn--primary .pf circle[fill]{fill:#c99a3e}
.btn--primary::after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(100deg,transparent 30%,rgba(255,250,235,.95) 50%,transparent 70%);transform:translateX(-130%);pointer-events:none}
.btn--primary:hover::after{transform:translateX(130%);transition:transform .9s ease}
.btn--lg{min-height:60px}
.btn--block{display:flex;width:100%}
.btn--sm{padding:6px 14px;font-size:13px}
.btn--dia::before,.btn--danger::before{content:"";flex:none;width:7px;height:7px;background:var(--gold);transform:rotate(45deg)}
.btn--danger{border-color:rgba(178,84,74,.5);color:var(--danger-text)}
.btn--danger::before{background:var(--danger)}
.btn--danger:hover{border-color:var(--danger);color:#e4c3be}
.btn[disabled],.btn.is-disabled{opacity:.55;cursor:not-allowed;pointer-events:none}
.btn.is-disabled{border-color:var(--line-soft);color:var(--label)}
.btn[aria-selected=true]{border-color:var(--line-hot);background:linear-gradient(var(--tint),var(--tint)),var(--field);color:var(--gold-bright)}
.btn-row{display:flex;flex-wrap:wrap;gap:10px}

/* forms */
.field{display:grid;gap:6px;margin-bottom:16px;min-width:0}
.label{font-size:13px;color:var(--label)}
.input,.select{display:block;width:100%;height:52px;padding-inline:14px;border:1px solid var(--line);border-radius:0;background:var(--field);color:var(--text);font:500 16px var(--f-ui);outline:0;appearance:none;-webkit-appearance:none;transition:border-color .2s}
.input::placeholder{color:var(--faint)}
.input:hover,.select:hover{border-color:rgba(214,168,79,.6)}
.input:focus,.select:focus{border-color:var(--gold-hot)}
.input[type=search]::-webkit-search-cancel-button{filter:sepia(1) saturate(3) hue-rotate(5deg)}
.select-wrap{position:relative}
.select-wrap::after{content:"";position:absolute;inset-inline-end:16px;top:50%;margin-top:-2px;border:5px solid transparent;border-top-color:var(--gold);pointer-events:none}
.select{padding-inline-end:40px;cursor:pointer}
.select option{background:#131317;color:var(--text)}
.filters{display:grid;gap:0 12px;grid-template-columns:1fr 1fr}
.filters .field--q{grid-column:1/-1}
@media (min-width:760px){.filters{grid-template-columns:1fr 1fr 1.4fr}.filters .field--q{grid-column:auto}}
.toolbar{display:grid;gap:14px;margin-bottom:6px}
.tabs{display:flex;gap:10px}
.tabs .btn{flex:1;max-width:220px}

/* list rows */
.list{display:grid;gap:8px;list-style:none}
.row{display:flex;align-items:center;gap:12px;min-height:52px;padding:8px 14px;border:1px solid var(--line);background:var(--field);color:var(--text);transition:border-color .2s}
a.row:hover{border-color:var(--line-hot);color:var(--text)}
.row.is-sel{border-color:var(--line-hot);background:linear-gradient(var(--tint),var(--tint)),var(--field)}
.row-main{display:grid;flex:1;min-width:0;gap:1px}
.row-title{font-weight:600;font-size:15px;line-height:1.45;overflow-wrap:anywhere}
.row-meta{font-size:12.5px;color:var(--dim);line-height:1.5}
.row-end{display:flex;align-items:center;gap:10px;flex:none;color:var(--soft);font-size:13.5px}
.row-end--col{flex-direction:column;align-items:flex-end;gap:0}
.row--ev{flex-wrap:wrap}
@media (max-width:479px){.row--ev .row-end--col{flex-basis:100%;flex-direction:row;justify-content:space-between;align-items:center;padding-top:6px;border-top:1px solid var(--line-faint)}}
.badge{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:50%;background:var(--badge);color:var(--on-gold);font:700 14px/1 var(--f-latin)}
.chip{display:inline-flex;align-items:center;flex:none;min-height:24px;padding:0 9px;border:1px solid var(--line-soft);color:var(--gold);font-size:12px;line-height:1;white-space:nowrap}
.dot{display:inline-block;flex:none;width:8px;height:8px;border-radius:50%;background:var(--online);box-shadow:0 0 0 3px rgba(111,191,115,.14)}
.dot--off{background:var(--danger);box-shadow:0 0 0 3px rgba(178,84,74,.16)}
.dot--normal{background:#6fbf73;box-shadow:0 0 0 3px rgba(111,191,115,.16)}
.dot--busy{background:#e0a33a;box-shadow:0 0 0 3px rgba(224,163,58,.18)}
.dot--full{background:#c4534a;box-shadow:0 0 0 3px rgba(196,83,74,.2)}
.dot--offline{background:#6b6558;box-shadow:0 0 0 3px rgba(107,101,88,.18)}
.chs{font-weight:700;font-size:.95em}.chs-normal{color:#8fd08f}.chs-busy{color:#e0a33a}.chs-full{color:#d9675d}.chs-offline{color:#8b8271}
.off{color:var(--danger-text)}
.num{font-family:var(--f-latin);font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate}
.cd{font:600 15px/1.4 var(--f-display);color:var(--gold);direction:ltr;unicode-bidi:isolate;font-variant-numeric:tabular-nums;white-space:nowrap}
.cd-label{font-size:12px;color:var(--dim)}
.srv{display:flex;align-items:center;gap:10px;margin-bottom:10px;font-size:14px}
.srv strong{font-weight:600}
.srv-n{margin-inline-start:auto;color:var(--dim)}
.srv-n b{color:var(--gold-bright);font-weight:600}
.bar{display:block;position:relative;height:3px;margin-top:6px;background:rgba(214,168,79,.14);overflow:hidden}
.bar>i{position:absolute;inset-block:0;inset-inline-start:0;width:var(--v,0%);background:linear-gradient(90deg,#93661a,#e6c473)}
[dir=rtl] .bar>i{background:linear-gradient(270deg,#93661a,#e6c473)}
.rk{display:inline-flex;align-items:center;gap:8px;font:600 14px var(--f-latin);color:var(--soft)}
.rk::before{content:"";width:7px;height:7px;transform:rotate(45deg);background:transparent}
.rk--1::before{background:#e6c473}.rk--2::before{background:#c7c9cc}.rk--3::before{background:#b87b4c}
.rk--1{color:var(--gold-bright)}

/* table */
.tbl{width:100%;border-collapse:separate;border-spacing:0 6px;font-size:14px;table-layout:auto}
.tbl th{padding:2px 12px;font-weight:600;font-size:12.5px;color:var(--label);text-align:start;white-space:nowrap}
.tbl td{height:52px;padding:6px 12px;background:var(--field);border-block:1px solid var(--line);color:var(--soft);overflow-wrap:anywhere}
.tbl td:first-child{border-inline-start:1px solid var(--line)}
.tbl td:last-child{border-inline-end:1px solid var(--line)}
.tbl tr:hover td{border-color:var(--line-hot)}
.tbl .name{color:var(--text);font-weight:600}
.tbl .sm-meta{display:none;font-size:12px;color:var(--dim);font-weight:400}
@media (max-width:599px){.tbl .hide-sm{display:none}.tbl .sm-meta{display:block}.tbl td,.tbl th{padding-inline:9px}}
.pager{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px}
.pg{color:var(--dim);font-size:13.5px}

/* blocks */
.grid2{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}
.grid3{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}
.block{padding:18px;border:1px solid var(--line-soft);background:rgba(19,19,23,.6)}
.block-t{display:flex;align-items:center;gap:10px;font:600 17px/1.4 var(--f-ui);color:var(--gold-bright);margin-bottom:4px}
.role{font-size:13px;color:var(--gold);margin-bottom:8px}
.block p{color:var(--soft);font-size:14.5px}
.stats{display:grid;gap:8px;margin-top:14px}
.stat{display:grid;grid-template-columns:40px 1fr;align-items:center;gap:10px;font:600 11.5px var(--f-latin);letter-spacing:.06em;color:var(--label)}
.stat .bar{margin:0;height:4px}
.stat .bar>i{background:var(--c)}
.meta{display:grid;grid-template-columns:max-content 1fr;gap:6px 18px;font-size:14px}
.meta dt{color:var(--label)}
.meta dd{color:var(--text)}
.tiles{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.tile{padding:14px;border:1px solid var(--line-faint);background:var(--field)}
.tile dt{font-size:12.5px;color:var(--label)}
.tile dd{margin-top:4px;font:700 20px/1.3 var(--f-display);color:var(--gold-bright);display:flex;align-items:center;gap:8px}
.tile dd.sm{font:600 14px/1.5 var(--f-ui);color:var(--text)}
.sha{display:grid;gap:6px;margin-top:14px}
.sha-row{display:flex;gap:8px;align-items:stretch}
.sha code{flex:1;min-width:0;padding:8px 10px;border:1px solid var(--line-faint);background:var(--field);color:var(--soft);font:12px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere;direction:ltr;text-align:left}
.steps{display:grid;gap:8px;list-style:none;counter-reset:s}
.steps li{display:grid;grid-template-columns:24px 1fr;gap:10px;color:var(--soft);font-size:14.5px;counter-increment:s}
.steps li::before{content:counter(s);display:grid;place-items:center;width:24px;height:24px;border:1px solid var(--line);color:var(--gold);font:600 12px var(--f-latin)}
.ticks{display:grid;gap:6px;list-style:none}
.ticks li{display:flex;align-items:baseline;gap:10px;color:var(--soft);font-size:14.5px}
.ticks li::before{content:"";flex:none;width:5px;height:5px;background:var(--gold-line);transform:translateY(-3px) rotate(45deg)}
.prose{display:grid;gap:14px;color:var(--soft);font-size:16px;line-height:1.85;max-width:68ch}
.art-meta{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:-6px 0 20px;color:var(--dim);font-size:13.5px}
.faq{border:1px solid var(--line);background:var(--field)}
.faq+.faq{margin-top:8px}
.faq[open]{border-color:var(--line-hot)}
.faq summary{display:flex;align-items:center;gap:12px;min-height:52px;padding:10px 14px;font-weight:600;cursor:pointer;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary::before{content:"";flex:none;width:7px;height:7px;background:var(--gold);transform:rotate(45deg)}
.faq summary::after{content:"+";margin-inline-start:auto;color:var(--gold);font:400 20px/1 var(--f-latin)}
.faq[open] summary::after{content:"−"}
.faq p{padding:0 14px 16px 14px;padding-inline-start:33px;color:var(--soft);font-size:14.5px}
.nf{display:grid;justify-items:center;gap:14px;padding:30px 0 20px;text-align:center}
.nf-code{font:700 clamp(64px,16vw,120px)/1 var(--f-display);letter-spacing:.2em;padding-left:.2em;color:transparent;-webkit-background-clip:text;background-clip:text;background-image:var(--metal)}
.nf p{color:var(--soft);max-width:44ch}

/* in-game account line + download flow */
.acc-line{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 16px;color:var(--soft);font-size:14px;text-align:center}
.content .acc-line{justify-content:flex-start;text-align:start;margin:0 0 12px;padding:14px 16px;border:1px solid var(--line-soft);background:var(--field)}
.flow+.acc-line{margin-top:18px}
.flow{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;list-style:none}
.flow li{display:flex;align-items:center;gap:10px;font-weight:600;font-size:15px;color:var(--text)}
.flow li+li::before{content:"→";color:var(--gold);font-family:var(--f-latin);margin-inline-end:6px}
[dir=rtl] .flow li+li::before{content:"←"}
.flow-n{display:grid;place-items:center;flex:none;width:32px;height:32px;border:1px solid var(--line);background:var(--field);color:var(--gold);font:600 14px var(--f-latin)}
@media (max-width:599px){.flow{flex-direction:column;align-items:flex-start;gap:6px}.flow li+li::before,[dir=rtl] .flow li+li::before{content:"↓";width:32px;text-align:center;margin:0}.flow li+li{flex-direction:column;align-items:flex-start;gap:6px}}

/* states */
.skel{position:relative;height:52px;border:1px solid var(--line-faint);background:linear-gradient(90deg,#0f0f13 0%,#1a1a1f 50%,#0f0f13 100%) 0 0/200% 100%;animation:shimmer 1.4s linear infinite}
.skel::after{content:"";position:absolute;inset-inline:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--gold-line),transparent);opacity:.7}
@keyframes shimmer{to{background-position:-200% 0}}
.state{display:grid;justify-items:center;gap:12px;padding:26px 16px;border:1px solid var(--line-faint);background:rgba(19,19,23,.5);color:var(--dim);font-size:14px;text-align:center}
.state--err{color:var(--danger-text);border-color:rgba(178,84,74,.35)}
.state--err .dia{background:var(--danger)}

/* footer */
.ft{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 var(--pad);padding:16px 0 20px;border-top:1px solid var(--line-soft)}
.ver{margin-inline-start:auto;color:var(--dim);font-size:13px}

/* embers */
.embers{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.ember{position:absolute;bottom:-12px;width:var(--s);height:var(--s);border-radius:50%;background:#f6d88f;opacity:0;animation:rise var(--d) linear var(--dl) infinite}
@keyframes rise{0%{transform:translate(0,0);opacity:0}12%{opacity:var(--o)}85%{opacity:var(--o)}100%{transform:translate(var(--x),-108vh);opacity:0}}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .embers,.btn--primary::after{display:none}
}