:root{--ink:#111;--sec:#454545;--mut:#767676;--lin:#dcdcdc;--acc:#111;
--car:#f7f7f5;
--t:'Julius Sans One',Georgia,serif;--b:'Work Sans',system-ui,sans-serif;
--g:'EB Garamond',Georgia,serif;
--m:'Space Mono',ui-monospace,Consolas,monospace}

html[lang=ru]{--t:'Julius Sans One','Noto Sans',system-ui,sans-serif}
html[lang=zh]{--t:'Julius Sans One','Noto Sans SC','Noto Sans',system-ui,sans-serif}

*{box-sizing:border-box}
html{font-size:18px;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--car);color:var(--ink);font:400 1rem/1.7 var(--b);
-webkit-font-smoothing:antialiased}
a{color:var(--ink)}
a:focus-visible{outline:2px solid var(--acc);outline-offset:3px}
b{font-weight:500}

.pag{max-width:30rem;margin-inline:clamp(1.5rem,13vw,11rem) 1.5rem;
padding-block:0 3rem}

.head{display:flex;align-items:flex-end;gap:clamp(1rem,3vw,2rem);
margin-inline:clamp(1.5rem,13vw,11rem) 1.5rem;margin-bottom:clamp(2rem,6vh,3.4rem)}
.logo{display:block;width:min(42%,8.4rem);height:auto;margin:0}

.brand{margin:0;line-height:0;flex:0 0 auto;width:min(42%,8.4rem)}
.brand .logo{width:100%}
.rule{display:block;flex:1 1 auto;height:0;margin-bottom:.35rem;border-top:1px solid var(--lin)}
.head .path{margin:0;flex:0 0 auto}

h1.path{font:inherit;font-family:var(--m);font-size:.64rem;letter-spacing:.12em;
text-transform:uppercase;color:var(--ink)}
.head .lang{margin:0;flex:0 0 auto;font-family:var(--m);font-size:.64rem;
letter-spacing:.12em;text-transform:uppercase;color:var(--mut);white-space:nowrap}
.head .lang a{color:var(--mut);text-decoration:none;border-bottom:1px solid var(--lin)}
.head .lang a:hover,.head .lang a:focus-visible{color:var(--ink);border-bottom-color:var(--ink)}
.door .head{margin-inline:0}

.head:first-child{padding-top:clamp(3rem,10vh,5rem)}
.door .head{margin-inline:0;padding-top:0}
.logo{display:block;width:min(60%,9.5rem);height:auto;margin:0}
.head .path{margin:0}
.head .lang{margin:0;flex:0 0 auto;font-family:var(--m);font-size:.64rem;
letter-spacing:.12em;text-transform:uppercase;color:var(--mut);white-space:nowrap}
.head .lang a{color:var(--mut);text-decoration:none;border-bottom:1px solid var(--lin)}
.head .lang a:hover,.head .lang a:focus-visible{color:var(--ink);border-bottom-color:var(--ink)}

.rows{margin:clamp(4rem,12vh,7rem) 0 0;border-top:1px solid var(--lin)}
.row{display:flex;align-items:baseline;gap:1.5rem;text-decoration:none;
color:inherit;padding:1.15rem 0;border-bottom:1px solid var(--lin)}
.nam{flex:0 1 auto;min-width:0;font-family:var(--t);font-size:1.44rem;
letter-spacing:.1em;line-height:1.2}
.sub{flex:1 1 auto;min-width:0;text-align:right;color:var(--sec);
font-size:.9rem;line-height:1.4}
.row:hover .nam,.row:focus-visible .nam{color:var(--acc);text-decoration:underline;
text-decoration-thickness:2px;text-underline-offset:.2em}
.row:focus-visible{outline:2px solid var(--acc);outline-offset:4px}

.path{margin:0 0 clamp(2rem,6vh,3.4rem);font-family:var(--m);font-size:.64rem;
letter-spacing:.12em;text-transform:uppercase;color:var(--mut);line-height:2}
.path a{color:var(--mut);text-decoration:none;border-bottom:1px solid var(--lin)}
.path a:hover,.path a:focus-visible{color:var(--ink);border-bottom-color:var(--ink)}
.path b{font-weight:400;color:var(--ink)}
.path i{font-style:normal;padding:0 .5em;color:var(--lin)}

h1{font-family:var(--t);font-weight:400;font-size:2rem;letter-spacing:.08em;
line-height:1.15;margin:0 0 1.4rem}
p{margin:0 0 1.05rem}
.lead{color:var(--sec)}
.tag{margin:clamp(2.6rem,7vh,3.6rem) 0 .6rem;font-family:var(--m);font-size:.6rem;
letter-spacing:.24em;text-transform:uppercase;color:var(--mut)}

h1+.doc,.lead+.doc{margin-top:clamp(2.6rem,7vh,3.6rem)}
.doc{list-style:none;margin:0;padding:0;border-top:1px solid var(--lin)}
.doc li{display:flex;gap:.9rem;align-items:baseline;padding:.34rem 0;
line-height:1.5;border-bottom:1px solid var(--lin)}
.sig{flex:0 0 1.2em;text-align:center;color:var(--acc)}
.ttl{flex:1 1 auto;min-width:0}
.fmt{flex:0 0 auto;font-family:var(--m);font-size:.56rem;letter-spacing:.14em;
text-transform:uppercase;color:var(--mut)}
.fmt a{color:var(--mut);text-decoration:none;border-bottom:1px solid var(--lin)}
.fmt a:hover,.fmt a:focus-visible{color:var(--ink);border-bottom-color:var(--ink)}
.kb{margin-left:.5em;color:var(--lin);text-transform:none;letter-spacing:.06em}
.doc li:hover .kb{color:var(--mut)}

.file .sig{position:relative;flex:0 0 .8em;height:1.05em;color:transparent;
background:#fff;border:1px solid var(--mut);transition:border-color .15s}
.file .sig::before{content:'';position:absolute;top:-1px;right:-1px;width:.34em;height:.34em;
background:linear-gradient(225deg,var(--car) 44%,var(--mut) 44%,var(--mut) 56%,transparent 56%)}
.file .sig::after{content:'';position:absolute;left:.13em;right:.13em;top:.38em;
height:.2em;border-top:1px solid var(--lin);border-bottom:1px solid var(--lin)}
.file li:hover .sig{border-color:var(--ink)}

.foot{margin:clamp(4rem,12vh,7rem) 0 0;font-family:var(--m);font-size:.66rem;
letter-spacing:.1em;line-height:2.2;color:var(--mut)}
.foot a{color:var(--mut);text-decoration:none;border-bottom:1px solid var(--lin)}
.foot a:hover,.foot a:focus-visible{color:var(--ink);border-bottom-color:var(--ink)}
.lang b{font-weight:400;color:var(--ink);border-bottom:1px solid var(--ink)}

.door{position:relative;max-width:62rem;margin-inline:clamp(1.5rem,13vw,11rem) 1.5rem;
padding-block:clamp(3rem,10vh,5rem) 3rem}
.inc{display:block;height:auto;max-width:100%}

.top{display:flex;gap:clamp(2rem,5vw,4rem);align-items:flex-start;
justify-content:space-between}
.top>div{flex:1 1 auto;min-width:0;max-width:30rem}
.ruin{flex:0 0 auto;width:min(42%,23rem);margin-top:-1.2rem}
.door .moto{margin:1.5rem 0 0;color:var(--sec);font-size:1.02rem}
.claim{margin:clamp(1.5rem,5vh,3rem) 0 0;font-family:var(--g);
font-size:clamp(2.3rem,5.4vw,3.5rem);line-height:1.06;letter-spacing:-.005em}

.grid{display:grid;grid-template-columns:repeat(2,minmax(0,19rem));
justify-content:start;gap:clamp(2rem,6vw,4.5rem);margin:clamp(3rem,8vh,4.5rem) 0 0;padding-top:2.8rem;border-top:1px solid var(--lin)}
.gri3{grid-template-columns:repeat(3,minmax(0,1fr))}

.gri4{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(1.4rem,3.4vw,2.6rem)}
.gri4 .card .inc{height:7rem;max-width:100%}
.gri4 .cnam{font-size:1.28rem}
.cell{min-width:0}
.card{display:block;text-decoration:none;color:inherit}
.card .inc{height:8.5rem;width:auto;margin:0 0 1.7rem}
.num{display:block;font-family:var(--m);font-size:.6rem;letter-spacing:.24em;
color:var(--mut)}
.cnam{display:block;margin:.45rem 0 .35rem;font-family:var(--t);font-size:1.5rem;
letter-spacing:.1em;line-height:1.2}
.csub{display:block;color:var(--sec);font-size:.92rem;line-height:1.5}
.arrow{display:block;width:2.6rem;margin-top:1.5rem;border-top:1px solid var(--mut);
transition:width .18s ease}
.card:hover .cnam,.card:focus-visible .cnam{color:var(--acc);text-decoration:underline;
text-decoration-thickness:2px;text-underline-offset:.2em}
.card:hover .arrow,.card:focus-visible .arrow{width:4.4rem;border-top-color:var(--ink)}
.card:focus-visible{outline:2px solid var(--acc);outline-offset:6px}

.epigraph{display:flex;gap:clamp(2rem,5vw,4rem);align-items:center;
justify-content:space-between;margin:clamp(3rem,8vh,4.5rem) 0 0;
padding-top:2.8rem;border-top:1px solid var(--lin)}
.epigraph blockquote{flex:1 1 auto;min-width:0;max-width:27rem;margin:0;
padding-left:1.5rem;border-left:1px solid var(--lin);font-family:var(--g);
font-style:italic;font-size:clamp(1.2rem,2.5vw,1.6rem);line-height:1.4}
.epigraph cite{display:block;margin-top:1.1rem;font-family:var(--m);font-style:normal;
font-size:.6rem;letter-spacing:.22em;text-transform:uppercase;color:var(--mut)}
.twig{flex:0 0 auto;width:min(34%,15rem)}

.log{margin:clamp(3rem,8vh,4.5rem) 0 0;padding-top:1.4rem;
border-top:1px solid var(--lin)}
.log .tag{margin-top:0}
.days{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1.5rem,4vw,3rem);
margin-top:1.2rem}
.days>div{padding-left:1.3rem;border-left:1px solid var(--lin)}
.date{margin:0;font-family:var(--m);font-size:.58rem;letter-spacing:.18em;
text-transform:uppercase;color:var(--mut)}
.dttl{margin:.3rem 0 .25rem;font-family:var(--g);font-size:1.12rem;line-height:1.3}
.dttl a{text-decoration:none;border-bottom:1px solid var(--lin)}
.dttl a:hover,.dttl a:focus-visible{border-bottom-color:var(--ink)}
.dtxt{margin:0;color:var(--sec);font-size:.88rem;line-height:1.5}

.door .rows{margin-top:clamp(2.5rem,6vh,3.5rem)}
.door .row{border-bottom:0}
.door .foot{margin-top:clamp(3rem,8vh,4.5rem)}

.markhead{display:flex;align-items:center;gap:1.3rem;margin:0 0 1.4rem}
.markhead>*{margin:0}
.mark{width:auto;height:5.2rem}

@media (max-width:900px){
}
@media (max-width:700px){
html{font-size:17px}
.pag,.door{margin-inline:1.4rem;padding-block:3rem 2rem}
.row{display:block}
.nam,.sub{display:block}
.sub{text-align:left;margin-top:.15rem}
.top{display:block}
.ruin{width:58%;margin:2.5rem 0 0 auto}
.grid,.days{grid-template-columns:1fr;gap:2.8rem}
.card .inc{height:7rem}
.epigraph{display:block}
.twig{width:62%;margin:2.5rem 0 0 auto}
}

h2{font-family:var(--t);font-weight:400;font-size:1.45rem;letter-spacing:.08em;
line-height:1.2;margin:clamp(2.6rem,7vh,3.6rem) 0 .9rem}
h3{font-family:var(--b);font-weight:500;font-size:1.02rem;margin:2rem 0 .5rem}
.pag table{width:100%;border-collapse:collapse;margin:0 0 1.05rem;font-size:.92rem}
.pag th,.pag td{text-align:left;padding:.28rem .6rem .28rem 0;
border-bottom:1px solid var(--lin);vertical-align:top}
.pag th{font-family:var(--m);font-size:.58rem;letter-spacing:.16em;
text-transform:uppercase;color:var(--mut);font-weight:400}
.pag blockquote{margin:0 0 1.05rem;padding-left:1.2rem;
border-left:1px solid var(--lin);color:var(--sec)}

.v{position:relative;color:inherit;text-decoration:none;
border-bottom:1px dotted var(--mut)}
.v .vp{display:none}
.v:hover .vp,.v:focus .vp{display:block;position:absolute;left:0;top:1.5em;z-index:9;
width:min(24rem,78vw);background:#fff;border:1px solid var(--ink);padding:.7rem .9rem;
box-shadow:4px 4px 0 var(--ink);font:400 .8rem/1.5 var(--b);color:var(--ink);
font-style:normal;text-align:left;letter-spacing:0;
white-space:normal;overflow-wrap:break-word}
.v .vp b{font-weight:500}

.toc{list-style:none;margin:0 0 clamp(2.6rem,7vh,3.6rem);padding:0;
border-top:1px solid var(--lin)}
.toc li{padding:.28rem 0;border-bottom:1px solid var(--lin);font-family:var(--t);
font-size:1rem;letter-spacing:.08em}
.toc li.sot{padding-left:1.5rem;font-family:var(--b);font-size:.86rem;
letter-spacing:0;color:var(--sec)}
.toc a{text-decoration:none}
.toc a:hover,.toc a:focus-visible{text-decoration:underline;text-underline-offset:.2em}

.wide{max-width:54rem}

.wide>.lead,.wide>.mut,.wide>p{max-width:44rem}
.rules{display:grid;grid-template-columns:14.5rem minmax(0,1fr);
gap:clamp(1.5rem,4vw,3rem);margin-top:clamp(2rem,6vh,3rem)}
.rail{position:sticky;top:1.4rem;align-self:start;
max-height:calc(100vh - 2.8rem);overflow:auto}
.rail .tag{margin-top:0}
.rail .doc li{padding:.24rem 0;gap:.5rem;font-size:.86rem}
.rail .fmt{font-size:.5rem}
.rail .kb{display:none}
.rail .toc{margin:1.6rem 0 0;font-size:.9rem}
.rail .toc li{padding:.2rem 0;font-size:.86rem;letter-spacing:.06em}
.rail .toc li.sot{padding-left:.9rem;font-size:.78rem}
.body h2:first-of-type{margin-top:0}

.railcheck{position:absolute;opacity:0;width:1px;height:1px;overflow:hidden}
.railsum{cursor:pointer;display:block;margin:0 0 .9rem;
font-family:var(--m);font-size:.6rem;letter-spacing:.22em;
text-transform:uppercase;color:var(--mut)}
.railsum::before{content:'▸ ';display:inline-block;transition:transform .15s}
.railcheck:checked ~ .railsum::before{transform:rotate(90deg)}
.railcheck:focus-visible ~ .railsum{outline:2px solid var(--acc);outline-offset:2px}
@media (min-width:901px){
.railsum{display:none}
.railbox{max-height:none!important}
}
@media (max-width:900px){
.rules{display:block}
.rail{position:static;max-height:none;overflow:visible;margin-bottom:2.4rem;
border-bottom:1px solid var(--lin);padding-bottom:1.2rem}
.railbox{max-height:0;overflow:hidden;transition:max-height .2s ease}
.railcheck:checked ~ .railbox{max-height:70vh;overflow:auto}
.rail .toc{margin-top:1rem}
}

.lead{font-size:1.06rem}
.big{font-size:1.12rem;line-height:1.5}
.mut{color:var(--mut);font-size:.92rem}
.afor{font-family:var(--g);font-style:italic;font-size:1.12rem;color:var(--sec);
margin:1.4rem 0;padding-left:1.2rem;border-left:1px solid var(--lin)}
.pag code{font-family:var(--m);font-size:.86em}

.menu{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 2rem}
.in{display:inline}
.bt{font-family:var(--m);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;
color:var(--ink);background:transparent;border:1px solid var(--lin);border-radius:0;
padding:.5rem .9rem;cursor:pointer}
.bt:hover,.bt:focus-visible{border-color:var(--ink)}
.bt.qui{border-color:var(--ink);box-shadow:3px 3px 0 var(--ink)}
.bt.pieno{background:var(--ink);color:var(--car);border-color:var(--ink)}
.note{color:var(--mut);font-size:.88rem}
.msg{border-left:3px solid var(--ink);padding:.6rem .9rem;margin:0 0 1.6rem;
background:#fff;font-size:.92rem}
.msg.no{border-left-color:#8a2d1c}
label{display:block;font-family:var(--m);font-size:.58rem;letter-spacing:.14em;
text-transform:uppercase;color:var(--mut);margin:.9rem 0 .2rem}
input[type=text],input[type=password],input[type=email],textarea,select{width:100%;box-sizing:border-box;
padding:.5rem .6rem;border:1px solid var(--lin);background:#fff;color:var(--ink);
font:400 .95rem/1.55 var(--b);border-radius:0}
textarea{resize:vertical}
input:focus,textarea:focus,select:focus{outline:none;border-color:var(--ink)}

.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
fieldset{border:0;border-top:1px solid var(--lin);margin:0 0 1.6rem;padding:1rem 0 0}
legend{font-family:var(--m);font-size:.58rem;letter-spacing:.16em;text-transform:uppercase;
color:var(--mut);padding:0}
.box{border-top:1px solid var(--lin);padding:1rem 0}
.two{display:grid;grid-template-columns:1fr 1fr;gap:0 1.4rem}
.off{margin:.7rem 0 0}
.off label{display:inline;text-transform:none;letter-spacing:0;font-family:var(--b);
font-size:.85rem;color:var(--sec)}
.off input{width:auto}
@media (max-width:700px){.two{grid-template-columns:1fr}}

.dice{margin:1.6rem 0 0}
.capn{display:inline-block;font:700 .72rem/1 var(--meas,monospace);letter-spacing:.1em;
  padding:.2rem .45rem;margin-right:.5rem;background:var(--ink);color:var(--paper)}
.dadi{display:flex;gap:1rem;margin:.8rem 0 0}
.dd{background:transparent;border:1px solid var(--lin);padding:.7rem;cursor:pointer;
border-radius:0;line-height:0}
.dd:hover,.dd:focus-visible{border-color:var(--ink);box-shadow:3px 3px 0 var(--ink)}
.dado{display:grid;grid-template-columns:repeat(3,10px);grid-template-rows:repeat(3,10px);
gap:3px;width:36px;height:36px}
.dado i{display:block;width:10px;height:10px;border-radius:50%}
.dado i.on{background:var(--ink)}
.sr{position:absolute;left:-9999px}

.tot{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--lin);
border:1px solid var(--lin);margin:0 0 2.2rem}
.unam{background:var(--car);padding:1rem .9rem}
.totv{display:block;font-family:var(--g);font-size:2rem;line-height:1}
.tote{display:block;margin-top:.3rem;font-family:var(--m);font-size:.56rem;
letter-spacing:.18em;text-transform:uppercase;color:var(--mut)}

.charts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
gap:2.2rem clamp(1.5rem,4vw,3rem)}
.chart{min-width:0}
.chart .tag{margin-top:0}
.chart.larga{grid-column:1/-1;margin:0 0 2.2rem}

.bars{list-style:none;margin:0;padding:0;border-top:1px solid var(--lin)}
.bars li{display:grid;grid-template-columns:minmax(0,9rem) 1fr auto;gap:.7rem;
align-items:center;padding:.26rem 0;border-bottom:1px solid var(--lin)}
.bnam{font-size:.8rem;color:var(--sec);overflow:hidden;text-overflow:ellipsis;
white-space:nowrap}
.bbar{height:.5rem;background:var(--lin)}
.bbar i{display:block;height:100%;background:var(--ink)}
.bval{font-family:var(--m);font-size:.6rem;color:var(--mut)}

.cols{list-style:none;margin:0;padding:0;display:flex;align-items:flex-end;
gap:2px;height:7rem;border-bottom:1px solid var(--lin)}
.cols li{flex:1 1 0;min-width:0;height:100%;display:flex;flex-direction:column;
justify-content:flex-end}
.cols i{display:block;background:var(--ink)}
.clab{display:block;margin-top:.25rem;font-family:var(--m);font-size:.48rem;
color:var(--mut);text-align:center}
@media (max-width:700px){
.tot{grid-template-columns:repeat(2,1fr)}
.charts{grid-template-columns:1fr}
}

h1.named{margin:0 0 1.4rem}
h1.named img{display:block;width:min(100%,17rem);height:auto}
.soon,.soon .ttl{color:var(--mut)}
.soon .sig{opacity:.5}