:root{--bg:hsl(308 25% 96%);--sf:hsl(308 19% 94%);--tx:hsl(308 25% 15%);--mu:hsl(308 12% 40%);--br:hsl(308 62% 33%);--ac:hsl(98 62% 39%);--oa:hsl(98 20% 99%);--ln:hsl(308 14% 84%);--r:10px;--rs:6px;--rf:6px;--u:6px}
*{box-sizing:border-box}
html{font-size:16px}
body{margin:0;background:var(--bg);color:var(--tx);font:400 1rem/1.67 Verdana, Geneva, &quot;DejaVu Sans&quot;, sans-serif;padding:calc(var(--u)*2)}
h1,h2,h3,summary{font-family:&quot;Palatino Linotype&quot;, Palatino, &quot;Book Antiqua&quot;, serif;line-height:1.2}
a{color:var(--ac)}
.nf310{max-width:72rem;margin:0 auto}
.fbda1{display:flex;flex-wrap:wrap;gap:calc(var(--u)*2);align-items:center;justify-content:space-between;padding:calc(var(--u)*3) 0;border-bottom:1px solid var(--ln)}
.tb429{display:flex;flex-wrap:wrap;gap:calc(var(--u)*2)}
.c82d6{text-decoration:none;color:var(--mu);font-size:.9rem}
.c82d6:hover{color:var(--ac)}
.j9f86{display:inline-flex;align-items:center;gap:calc(var(--u)*1.25);font-family:&quot;Palatino Linotype&quot;, Palatino, &quot;Book Antiqua&quot;, serif;font-weight:700;color:var(--br);text-decoration:none}
/* Знак отдаётся вдвое крупнее, чем показывается: на плотных экранах ужатый вдвое
   PNG держит края, а отрисованный один в один мылит. Размер задан жёстко —
   картинка приходит из шапки первой, и без него страница прыгает при загрузке. */
.p8893{flex:none;width:36px;height:36px;border-radius:calc(var(--u)*1)}
.k8df3{display:flex;align-items:center;gap:calc(var(--u)*2)}
.ub0ee,.e5687{display:flex;align-items:center;gap:calc(var(--u)*.75)}
.s8232{display:inline-flex;align-items:center;gap:calc(var(--u)*.75);padding:calc(var(--u)*.5) calc(var(--u)*1);border:1px solid var(--ln);border-radius:var(--rs);text-decoration:none;color:var(--mu);font-size:.72rem;line-height:1;opacity:.72}
.s8232 svg{width:1.15rem;height:.82rem;display:block;border-radius:1px}
.s8232:hover{opacity:1;color:var(--tx);border-color:var(--ac)}
.ke144{opacity:1;color:var(--tx);border-color:var(--ac);background:var(--sf)}
.e5687{display:none}
.n13cd{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.jd6c5{display:none;flex-direction:column;justify-content:center;gap:4px;width:2.1rem;height:2.1rem;padding:0 .35rem;border:1px solid var(--ln);border-radius:var(--rs);cursor:pointer;flex:none}
.jd6c5 i{display:block;height:2px;background:var(--tx);border-radius:2px}
.na75c{padding:calc(var(--u)*5) 0}
.mee6d{max-width:44rem}
.e1c5a{list-style:none;padding:calc(var(--u)*2);margin:calc(var(--u)*3) 0;background:var(--sf);border-radius:var(--r)}
.e1c5a ul{list-style:none;margin:0;padding:0}
.e1c5a li{padding:calc(var(--u)*1) 0;border-bottom:1px solid var(--ln)}
.e1c5a li:last-child{border:0}
.v2bbc{display:grid;grid-template-columns:2fr 1fr;gap:calc(var(--u)*4)}
.i530c{display:flex;gap:calc(var(--u)*2);align-items:center}
.y941c{display:inline-block;padding:calc(var(--u)*.5) calc(var(--u)*1.5);background:var(--sf);color:var(--mu);border-radius:var(--rs);font-size:.8rem}
.c3611{display:inline-block;padding:calc(var(--u)*1.5) calc(var(--u)*4);background:var(--ac);color:var(--oa);border-radius:var(--rs);text-decoration:none;font-weight:700}
.cfc47{padding:calc(var(--u)*5) 0;border-top:1px solid var(--ln)}
.da4ee{margin:0 0 calc(var(--u)*3)}
.pa9b1{display:flex;flex-direction:column;gap:calc(var(--u)*3)}
.c9e27{background:var(--sf);border-radius:var(--r);padding:calc(var(--u)*3)}
.qafa6{display:flex;align-items:center;gap:calc(var(--u)*2)}
.qafa6 .y941c{margin-left:auto;flex:0 0 auto}
.o72e6{font-family:&quot;Palatino Linotype&quot;, Palatino, &quot;Book Antiqua&quot;, serif;font-size:1.4rem;color:var(--br);font-weight:700;flex:0 0 auto}
.id842{font-family:&quot;Palatino Linotype&quot;, Palatino, &quot;Book Antiqua&quot;, serif;font-size:1.2rem;font-weight:700;min-width:0}
.r4077{display:block;line-height:0;flex:0 0 auto}
.r4077 img{display:block;height:calc(var(--u)*6);width:auto;border-radius:14px;box-shadow:0 0 0 1px var(--ln)}
.z53af{margin:0 calc(var(--u)*0) calc(var(--u)*2) calc(var(--u)*3);float:right;max-width:min(100%,17rem)}
.z53af img{display:block;width:100%;height:auto;border-radius:12px}
.cfc47{overflow:hidden}
.t50a2{position:relative;aspect-ratio:16/9;border:1px solid var(--ln);border-radius:12px;overflow:hidden;background:var(--ln)}
.t50a2 iframe,.uc9e4{display:block;width:100%;height:100%;border:0}
.uc9e4{position:relative;padding:0;cursor:pointer;background:none}
.uc9e4 img{display:block;width:100%;height:100%;object-fit:cover}
.uc9e4 .c3611{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.me858{color:var(--mu);font-size:.92rem;margin:calc(var(--u)*2) 0 0}
.t6c21{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:calc(var(--u)*2)}
.j5b62{margin:0}
.j5b62 img{display:block;width:100%;height:auto;border-radius:12px;border:1px solid var(--ln)}
.j5b62 figcaption{color:var(--mu);font-size:.88rem;margin-top:calc(var(--u)*1)}
.f5f2b{color:var(--br);font-weight:700;margin:calc(var(--u)*2) 0 0}
.v286b{margin:calc(var(--u)*2) 0;padding:0;color:var(--mu);font-size:.92rem}
.v286b li{margin-left:1.1em}
.v286b dd{margin:0}
.id842{text-decoration:none;color:var(--tx)}
.id842:hover{color:var(--ac)}
.z71a9{margin-top:calc(var(--u)*3);display:flex;flex-wrap:wrap;gap:calc(var(--u)*2);align-items:center}
.fb8a1{display:inline-block;padding:calc(var(--u)*1.25) calc(var(--u)*3);border:1px solid var(--ac);color:var(--ac);border-radius:var(--rs);text-decoration:none;font-weight:700;font-size:.92rem}
.fb8a1:hover{background:var(--ac);color:var(--oa)}
.eb797{display:flex;flex-wrap:wrap;gap:calc(var(--u)*2);align-items:center;margin:calc(var(--u)*4) 0 0}
.h1e95{font-size:.82rem;color:var(--mu);margin:calc(var(--u)*1.5) 0 0}
.fcd50{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:calc(var(--u)*2)}
.z74b0{margin:0}
.r301b{display:inline-block;padding:calc(var(--u)*1.25) calc(var(--u)*3);background:var(--ac);color:var(--oa);border-radius:var(--rs);text-decoration:none;font-weight:700;white-space:nowrap;font-size:.92rem}
.x923e{margin:calc(var(--u)*3) 0 calc(var(--u)*1)}
.q2925{color:var(--mu)}
.g1f21{padding:calc(var(--u)*3) 0;border-bottom:1px dashed var(--ln)}
.k40db{margin:0;font-weight:700;color:var(--br)}
.y60f7{color:var(--mu)}
.o0410 table,.n43aa{width:100%;border-collapse:collapse;margin:calc(var(--u)*3) 0}
.o0410 td,.o0410 th{border:1px solid var(--ln);padding:calc(var(--u)*1.5);text-align:left}
.n43aa th{border:1px solid var(--ln);padding:calc(var(--u)*1.5);text-align:left;width:40%;color:var(--mu);font-weight:400}
.n43aa td{border:1px solid var(--ln);padding:calc(var(--u)*1.5);text-align:left}
.f2f18{display:flex;flex-wrap:wrap;gap:calc(var(--u)*1);padding:calc(var(--u)*2) 0 0;font-size:.85rem;color:var(--mu)}
.f2f18 a{color:var(--mu);text-decoration:none}
.f2f18 a:hover{color:var(--ac)}
.lc278{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--u)*3)}
.dfb20,.d3bc0{background:var(--sf);border-radius:var(--r);padding:calc(var(--u)*3)}
.dfb20 h3,.d3bc0 h3{margin:0 0 calc(var(--u)*2);font-size:1rem}
.dfb20 h3{color:var(--br)}
.d3bc0 h3{color:var(--mu)}
.dfb20 ul,.d3bc0 ul{margin:0;padding-left:1.2em;color:var(--mu);font-size:.94rem}
.dfb20 li,.d3bc0 li{margin:calc(var(--u)*1) 0}
.ie3af{font-family:&quot;Palatino Linotype&quot;, Palatino, &quot;Book Antiqua&quot;, serif;font-weight:700;color:var(--tx);margin:0 0 calc(var(--u)*1.5)}
.sf035 .nb308{flex-wrap:wrap;margin-bottom:calc(var(--u)*3);gap:calc(var(--u)*2)}
.m0ee3{font-size:.82rem;color:var(--mu)}
.sf035{padding:calc(var(--u)*4) 0;border-top:1px solid var(--ln);color:var(--mu);font-size:.9rem}
.nb308{display:flex;gap:calc(var(--u)*1.5)}
@media (max-width:720px){.v2bbc{grid-template-columns:1fr;gap:calc(var(--u)*3)}
.lc278{grid-template-columns:1fr;gap:calc(var(--u)*2)}
.n43aa th{width:45%}
.v2bbc .e1c5a{margin:0}
.mee6d>*:last-child{margin-bottom:0}
body{padding:calc(var(--u)*1.5)}
h1{font-size:1.55rem}h2{font-size:1.25rem}
.fbda1{position:sticky;top:0;z-index:9;background:var(--bg);flex-wrap:nowrap;margin:0 calc(var(--u)*-1.5);padding:calc(var(--u)*1.5);gap:calc(var(--u)*1.5)}
.fbda1 .y941c{display:none}
/* В варианте шапки с датой ссылка лежит внутри колонки, и сжиматься должна
   колонка: иначе длинное имя распирает шапку и выталкивает бургер за экран. */
.fbda1 .i530c,.fbda1 .j9f86{flex:1;min-width:0}
/* Многоточие живёт на подписи, а не на ссылке: рядом со знаком ссылка стала
   флексом, и обрезка на ней съедала бы саму картинку, а не длинное имя. */
.fbda1 .j9f86>span{flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fbda1 .p8893{width:30px;height:30px}
.fbda1 .ub0ee{display:none}
.jd6c5{display:flex}
.fbda1 .tb429{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;gap:0;background:var(--bg);border-bottom:1px solid var(--ln);box-shadow:0 8px 24px rgba(0,0,0,.18);padding:calc(var(--u)*1) calc(var(--u)*2) calc(var(--u)*2)}
.n13cd:checked~.tb429{display:flex}
.fbda1 .tb429 .c82d6{padding:calc(var(--u)*1.5) 0;border-bottom:1px solid var(--ln);font-size:1rem;color:var(--tx)}
.e5687{display:flex;flex-wrap:wrap;padding-top:calc(var(--u)*2)}
.r301b{flex:none;padding:calc(var(--u)*1) calc(var(--u)*2.5);font-size:.86rem}
.na75c{padding:calc(var(--u)*2.5) 0 calc(var(--u)*4)}
.na75c h1{margin:calc(var(--u)*1.5) 0 calc(var(--u)*2)}
.na75c .eb797{margin-top:calc(var(--u)*3)}
.e1c5a{margin:calc(var(--u)*3) 0 0}
.z53af{float:none;margin:0 0 calc(var(--u)*2.5)}
.c9e27{padding:calc(var(--u)*2.5)}
.qafa6{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"logo logo logo" "rank name badge";align-items:center;gap:calc(var(--u)*1.5) calc(var(--u)*1.5)}
.r4077{grid-area:logo;justify-self:start}
.o72e6{grid-area:rank}
.id842{grid-area:name}
.qafa6 .y941c{grid-area:badge;margin:0;justify-self:end}
.z71a9{flex-direction:column;align-items:stretch;gap:calc(var(--u)*1.5)}
.z71a9 a{text-align:center}
.eb797{flex-direction:column;align-items:stretch}
.eb797 a{text-align:center}}
.talk{max-width:100%;margin:0}
.talk-cell{display:flex;flex-direction:column;gap:calc(var(--u)*.75);margin:0 0 calc(var(--u)*2)}
.talk-mark{display:block;font-size:.88rem;color:var(--mu);margin:0}
.talk-slot,.talk-sheet{width:100%;padding:calc(var(--u)*1.25) calc(var(--u)*1.75);background:var(--sf);color:var(--tx);border:1px solid var(--ln);border-radius:var(--rf);font:inherit;font-size:.95rem}
.talk-sheet{resize:vertical;min-height:calc(var(--u)*18);line-height:1.5;display:block}
.talk-slot:focus,.talk-sheet:focus{outline:2px solid var(--ac);outline-offset:1px;border-color:var(--ac)}
.talk-go{display:inline-block;padding:calc(var(--u)*1.5) calc(var(--u)*4);background:var(--ac);color:var(--oa);border:0;border-radius:var(--rs);font:inherit;font-weight:700;cursor:pointer}
.talk-go[disabled]{opacity:.55;cursor:default}
.talk-flash{margin:calc(var(--u)*1.5) 0 0;font-size:.9rem;color:var(--mu);min-height:1.2em}
.talk-flash-ok{color:var(--br);font-weight:700}
.talk-flash-err{color:var(--ac);font-weight:700}
.talk-small{font-size:.84rem;color:var(--mu);margin:calc(var(--u)*2) 0 0}
.talk-decoy{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.talk-pair{display:grid;grid-template-columns:1fr 1.6fr;gap:calc(var(--u)*4);align-items:start}
.talk-left{background:var(--sf);border-radius:var(--r);padding:calc(var(--u)*3)}
.talk-left .talk-slot{background:var(--bg)}
.talk-right>.talk-flash{margin-bottom:calc(var(--u)*2)}
@media (max-width:720px){.talk-pair{grid-template-columns:1fr;gap:calc(var(--u)*2.5)}
.talk-go{width:100%}}
.d9cd1{border:1px solid var(--ln);border-radius:var(--r);padding:calc(var(--u)*3);margin:calc(var(--u)*3) 0;background:var(--sf)}
.o9176{display:flex;flex-wrap:wrap;gap:calc(var(--u)*2)}
.ad5cd{flex:1 1 12rem;display:flex;flex-direction:column;gap:calc(var(--u)*0.5)}
.ad5cd span{color:var(--mu);font-size:.9em}
.ad5cd input,.ad5cd select{padding:calc(var(--u)*1.5);border:1px solid var(--ln);border-radius:var(--rf);background:var(--bg);color:var(--tx);font:inherit;width:100%}
.ta0a7{margin-top:calc(var(--u)*3)}
.m6b49{color:var(--mu);font-size:.9em;margin-top:calc(var(--u)*2)}
.fd88d{display:flex;align-items:center;gap:calc(var(--u)*1.5);margin:calc(var(--u)*2) 0;color:var(--mu);font-size:.88rem;flex-wrap:wrap}
.lc909{width:calc(var(--u)*5);height:calc(var(--u)*5);border-radius:999px;object-fit:cover;flex:0 0 auto;box-shadow:0 0 0 1px var(--ln)}
.hf569{color:var(--tx);text-decoration:none;font-weight:700}
.hf569:hover{color:var(--ac)}
.c8429{color:var(--ln)}
.u36ee{display:flex;gap:calc(var(--u)*3);align-items:flex-start;background:var(--sf);border-radius:var(--r);padding:calc(var(--u)*3)}
.ideb3{width:calc(var(--u)*14);height:calc(var(--u)*14);border-radius:10px;object-fit:cover;flex:0 0 auto;box-shadow:0 0 0 1px var(--ln)}
.dc481{min-width:0}
.dc481 p{margin:calc(var(--u)*1) 0 0}
.z32cb{color:var(--br);font-size:.9rem;font-weight:700}
.qc409{color:var(--mu);font-size:.85rem;margin:.2rem 0 .6rem}
@media (max-width:600px){.u36ee{flex-direction:column}}

