/* Volt theme: server lists and rankings (best, trending, verified, voters, yearly, loyal, launching, locations, versions,
   similar, compare, graveyard, grave, wipes, statistics, seeds, resource lists). Built from Figma "02 Category" parts, on top of volt.css. */
.pghead{background-size:cover;background-position:center}
.lmeta{display:flex;flex-wrap:wrap;gap:6px 22px;margin-top:18px;font:800 italic 13px/1.2 Kanit;color:var(--a);text-transform:uppercase}
.lmeta span+span{color:#ddd}
.lmeta .dot{color:var(--on)}
.pghead .chips,.pghead .lchips{margin-top:22px}
.lfilt{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;margin-top:24px}
.lfilt .btn{margin-left:auto}
.lp{padding-top:36px}
.lead{max-width:640px}
.lsmall{font-size:14px}
.lsec{margin-top:56px}
.lsec0{margin-bottom:20px}
.lsec>.h2{font-size:32px;margin:6px 0 10px}
.lsec>.k{font-size:14px}
.h3 a:hover{color:var(--a)}
.lnk{color:var(--a)}

/* side cards */
aside>.card+.card,aside>*+.card{margin-top:20px}
.lnav{padding:22px}
.lnav .g+.g{margin-top:22px}
.lnav .ks{margin-bottom:10px}
.lnav a{display:flex;gap:10px;align-items:center;font:600 14px/2.1 Cairo;color:#ccc}
.lnav a i{font-style:normal;color:#777;margin-left:auto}
.lnav a:hover{color:#fff}
.lnav a.on{color:#fff}.lnav a.on:before{content:"■";color:var(--a);font-size:11px}
.lnote{padding:22px}
.lnote .ks{margin-bottom:10px}
.lnote p,.lnote ol{font-size:14px;line-height:1.6;margin-bottom:10px}
.lnote ol{padding-left:18px}.lnote li::marker{color:var(--a)}
.lnote p:last-child{margin-bottom:0}
.lnote b{color:#fff}
.lnote code,.sdform code{background:#151515;padding:1px 5px;font-size:13px;color:#f0e2d6}
.lsrc{display:flex;flex-direction:column;gap:12px;padding:22px}
.lsrc:hover b{color:var(--a)}

/* bar above a list (Figma: chips left, search right) */
.lbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 16px;margin-bottom:16px}
.lbar2{margin-top:28px}
.lbar .muted{font-size:14px}
.lfind{display:flex}
.lfind .in{width:280px;height:40px;border-right:0;font-size:14px}
.lfind .btn{height:40px}
.chips a i,.lchipn a i{font-style:normal;opacity:.6;margin-left:4px}

/* answer line under the band (answer_line()) */
.ans-line{background:var(--s1);border-left:3px solid var(--a);padding:14px 18px;margin-bottom:16px;font-size:15px;color:#ddd}
.ans-line a{color:#fff;font-weight:700}.ans-line a:hover{color:var(--a)}
.ans-line code{font:600 13px Cairo;color:var(--a)}

/* little server identity: icon + name + small line */
.lic{display:block;flex:none;object-fit:cover;background:#1a1a1a;image-rendering:pixelated}
span.lic{width:40px;height:40px}
.yid{display:flex;align-items:center;gap:14px;min-width:0}
.yid>span{min-width:0}
.yid b{display:block;font:800 italic 17px/1.15 Kanit;color:#fff;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.yid small{display:block;font-size:13px;color:#aaa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
a.yid:hover b{color:var(--a)}
.lchips{display:flex;flex-wrap:wrap;gap:6px}
.lchips i,.lchips a,.lchips span{font:600 12px/26px Cairo;font-style:normal;padding:0 10px;background:#1a1a1a;color:#ccc;display:inline-flex;align-items:center;gap:6px}
.lchips a:hover{color:#fff}
.pghead .lchips i,.pghead .lchips a{background:rgba(0,0,0,.5)}
.lhm{margin-top:20px}

/* rows: extra line under a server row */
.lsub{display:flex;justify-content:flex-end;gap:16px;margin:-2px 0 10px;font-size:13px}

/* empty state */
.lempty{padding:40px;text-align:center}
.lempty p{margin:10px auto 20px;max-width:460px}
.lempty .btn{margin-top:4px}

/* questions */
.faq{border-top:1px solid rgba(255,255,255,.85)}
.faq details{border-bottom:1px solid rgba(255,255,255,.85)}
.faq summary{list-style:none;cursor:pointer;position:relative;padding:18px 40px 18px 4px;font:800 italic 15px/1.3 Kanit;color:#fff;text-transform:uppercase}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";position:absolute;right:6px;top:14px;font:800 22px/1 Kanit;color:var(--a)}
.faq details[open] summary:after{content:"–"}
.faq p{padding:0 4px 18px;font-size:15px;max-width:760px}
.faq p a{color:var(--a)}

/* verified: the five checks */
.lchecks{margin-bottom:20px}
.lchecks .h3{margin-bottom:14px}
.lchecks .rule>div{gap:20px}
.lchecks .rule>div>span{min-width:0}
.lchecks em{color:var(--a);font-style:normal;margin-right:6px}
.lchecks .rule b{font:800 italic 16px/1 Kanit;color:var(--a);white-space:nowrap}
.lchecks>p{font-size:14px;margin-top:16px}
.lchecks>p b{color:#fff}

/* tables in cards */
.ltbl{padding:22px 22px 10px}
.tw{overflow-x:auto}
.tbl .r{text-align:right}
.tbl .rk{font:800 italic 16px/1 Kanit;color:#777;width:44px}
.tbl tr.us td,.tbl tr.us th{background:#2c2015}
.tbl tbody th{text-align:left;padding:13px 14px;border-bottom:1px solid var(--ln);font:600 14px/1.5 Cairo;text-transform:none;color:#fff;vertical-align:middle}
.lpl{display:flex;align-items:center;gap:10px;min-width:0}
.lpl img{flex:none;image-rendering:pixelated}
.lpl b{color:#fff;font-weight:700}
.lpl small{display:block;font-size:12px;color:#888}
a.lpl:hover b{color:var(--a)}

/* top three players (voters, yearly) */
.lpod{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:8px;align-items:end;margin-bottom:20px}
.lpod3{grid-template-columns:repeat(3,1fr)}
.lpod a{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;padding:22px 16px 20px}
.lpod img{height:96px;width:auto;margin-bottom:8px}
.lpod .p1{padding-top:30px;outline:2px solid var(--a);outline-offset:-2px;background:#2b1d12}
.lpod .p1 img{height:120px}
.lpod .n{font:800 italic 28px/1 Kanit;color:var(--a)}
.lpod b{font:800 italic 17px/1.2 Kanit;color:#fff;text-transform:uppercase;overflow-wrap:anywhere}
.lpod small{font-size:13px;color:#aaa}
.lpod a:hover b{color:var(--a)}
.lmonths{margin-top:24px}
.lmonths .card{padding:22px}
.lmonths .ks{margin-bottom:12px}
.lmonths .lpl{padding:8px 0;border-top:1px solid var(--ln)}
.lmonths .lpl small{margin-left:auto}
.md{width:22px;height:22px;flex:none;font:800 italic 12px/22px Kanit;text-align:center;color:#140a02;background:#777}
.md.m1{background:#f2c14e}.md.m2{background:#cfd5db}.md.m3{background:#d98a50}

/* compact list inside a card (.rule rows with links) */
.lmini>div{min-height:0;padding:0}
.lmini a{display:flex;align-items:center;gap:12px;width:100%;padding:10px 4px;min-width:0}
.lmini a>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lmini a:hover{color:var(--a)}
.lmini .rk{font:800 italic 16px/1 Kanit;color:var(--a);width:30px;flex:none}

/* yearly */
.ywin{margin-top:14px}
.ybig{display:flex;flex-direction:column;gap:20px;padding:22px}
.ybig .yid b{font-size:34px;white-space:normal}
.ybig .yid small{color:var(--a)}
.ybig .statrow .stat{padding:18px 0 16px}
.ybig .statrow .stat b{font-size:32px}
.ybig .statrow{grid-template-columns:repeat(3,1fr)}
.yip{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#1a1a1a;padding:8px 8px 8px 16px}
.yip code{font:600 14px Cairo;color:#ddd;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ybig:hover .yid b{color:var(--a)}
.ybn{display:block;width:100%;aspect-ratio:468/60;background:#1a1a1a;overflow:hidden}
.ybn img,.ybn picture,.ybn video{display:block;width:100%;height:100%;object-fit:fill}
.ybn .banner-fallback{display:flex;align-items:center;gap:8px;height:100%;padding:0 10px;overflow:hidden;background:#111}
.ybn .banner-fallback img{width:auto;height:70%;flex:none}
.ybn .bf-text{display:flex;flex-direction:column;min-width:0;font:600 11px/1.3 Cairo}.ybn .bf-name{color:#fff}.ybn .bf-motd{color:#aaa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ycard{display:flex;flex-direction:column;gap:14px;padding:22px}
.ycard:hover b{color:var(--a)}
.lyears{margin-top:18px}
.lown{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap}
.lown>div{max-width:620px}
.lown .h3{margin-bottom:8px}

/* loyal: one row with a meter */
.lyr{display:grid;grid-template-columns:52px minmax(0,1.3fr) minmax(0,1fr) 220px;gap:18px;align-items:center;background:var(--s1);padding:14px 20px;margin-bottom:6px}
.lyr .rk{font:800 italic 26px/1 Kanit;color:var(--a)}
.lyr .rk.g{color:#777}
.lid{display:flex;align-items:center;gap:14px;min-width:0}
.lid>span{min-width:0}
.lid b{display:block;font:800 italic 17px/1.15 Kanit;color:#fff;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lid:hover b{color:var(--a)}
.lid small{display:block;font-size:13px;color:#aaa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lmeter .bar{position:relative;height:10px;background:#1a1a1a}
.lmeter .bar i{display:block;height:100%;background:var(--a)}
.lmeter .bar s{position:absolute;top:-3px;width:2px;height:16px;background:#fff;margin-left:-1px}
.lmeter span{display:block;font-size:13px;margin-top:6px}
.lmeter span b{font:800 italic 16px/1 Kanit;color:#fff}
.lfacts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0}
.lfacts dt{font:800 italic 10px/1.2 Kanit;color:#888;text-transform:uppercase}
.lfacts dd{margin:4px 0 0;font:800 italic 16px/1 Kanit;color:#fff}
.lkey{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;margin-top:12px}
.lkey span{display:inline-block;width:18px;height:10px;background:var(--a)}
.lkey .k2{width:2px;height:16px;background:#fff;margin-left:14px}
.lbadge{display:block;margin:6px 0 14px;height:auto}
.grid2 .card .h3{margin-bottom:10px}
.grid2 .card p{font-size:15px;margin-bottom:10px}

/* cards with a banner (launching, wipes, compare) */
.lcard{display:flex;flex-direction:column;gap:14px;padding:20px;min-width:0}
.lwhen{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 12px;border-top:1px solid var(--ln);padding-top:12px}
.lwhen b{font:800 italic 22px/1 Kanit;color:var(--a);text-transform:uppercase}
.lwhen b.live{color:#fff}
.lwhen small{font-size:13px;color:#aaa}
.lwhen .pill{align-self:center}
.lnt{font-size:14px;color:#bbb}
.lact{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}
.lact .btn{flex:1}
.lact form{display:contents}

/* tiles (locations, versions) */
.ltiles{display:grid;gap:8px}
.ltiles.t3{grid-template-columns:repeat(3,1fr)}
.tile{display:flex;flex-direction:column;gap:6px;background:var(--s1);padding:20px 22px;min-width:0}
.tile:hover{background:#2c2c2c}
.tile:hover b{color:var(--a)}
.tile small{font-size:13px;color:#aaa}
.tile.tc{flex-direction:row;align-items:center;gap:14px}
.tile.tc>span:last-child{min-width:0}
.tile.tc b{display:block;font:800 italic 15px/1.2 Kanit;color:#fff;text-transform:uppercase}
.tile.tc small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tile .cc{flex:none;width:44px;height:44px;background:#1a1a1a;font:800 italic 15px/44px Kanit;color:var(--a);text-align:center}
.tv .vtp{display:flex;align-items:center;justify-content:space-between;gap:10px}
.tv .v{font:800 italic 38px/1 Kanit;color:#fff}
.tv .nm{font:800 italic 14px/1.2 Kanit;color:#ddd;text-transform:uppercase}
.tv .nm small{color:#888;font-size:12px}
.tv .vnt{min-height:40px;margin:0;line-height:1.5}
.tv .vft{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--ln);padding-top:12px;margin-top:4px;font-size:13px}
.tv .vft b{font:800 italic 16px/1 Kanit;color:var(--a)}
.tv .ics{display:flex;gap:4px}
.tv .ics .lic{width:26px;height:26px}
.tv.on{outline:2px solid var(--a);outline-offset:-2px;background:#2b1d12}
.tv.off{opacity:.55}
.ladmin{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px;padding:20px 22px;border-left:3px solid var(--a)}
.ladmin p{font-size:14px;margin-top:6px}.ladmin .note{margin:10px 0 0}
.lfoot{font-size:14px;margin-top:28px}

/* compare */
.chead{display:grid;grid-template-columns:1fr 200px 1fr;gap:8px;align-items:stretch}
.cside{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:28px 22px}
.cside .lic{width:72px;height:72px}
.cside .h3{font-size:24px;overflow-wrap:anywhere}
.cside small{font-size:13px;color:#aaa}
.cip{display:flex;align-items:center;gap:8px;margin-top:8px;max-width:100%;background:#1a1a1a;padding:6px 6px 6px 14px}
.cip code{font:600 13px Cairo;color:#ddd;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.cscore{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#191919;text-align:center}
.cscore b{font:800 italic 56px/1 Kanit;color:#777}
.cscore em{font-style:normal}.cscore em.on{color:var(--a)}
.cscore small{font-size:13px}
.ckey{display:flex;align-items:center;gap:8px;font-size:13px;color:#aaa}
.ckey i{width:12px;height:12px;display:inline-block;margin-left:10px}
.ckey .a{background:var(--a)}.ckey .b{background:#ddd}
.duel .d{display:grid;grid-template-columns:110px 1fr 200px 1fr 110px;gap:14px;align-items:center;padding:12px 0;border-top:1px solid var(--ln)}
.duel b{font:800 italic 18px/1 Kanit;color:#999}
.duel b.win{color:#fff}
.duel .vb{text-align:right}
.duel .lab{text-align:center;font:800 italic 12px/1.3 Kanit;color:#ddd;text-transform:uppercase}
.duel .lab small{display:block;font:400 11px Cairo;color:#888;text-transform:none}
.duel .bar{height:10px;background:#1a1a1a;display:flex}
.duel .ba{justify-content:flex-end}
.duel .bar i{display:block;height:100%;background:#555}
.duel .ba i.win{background:var(--a)}.duel .bb i.win{background:#ddd}
.ctbl th:first-child{width:200px}
.ctbl .pill{margin:0 4px 4px 0}
.yes{color:var(--on);font-weight:700}.no{color:#888}

/* graveyard rows */
.gvr{display:grid;grid-template-columns:52px minmax(0,1fr) 110px 110px 110px;gap:16px;align-items:center;background:var(--s1);padding:14px 20px;margin-bottom:6px}
.gvr:hover{background:#2c2c2c}
.gvr .lic{width:48px;height:48px;filter:grayscale(1)}
.gvr .nm{min-width:0}
.gvr .nm b{display:block;font:800 italic 18px/1.1 Kanit;color:#fff;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gvr:hover .nm b{color:var(--a)}
.gvr .nm small{font-size:13px;color:#aaa}
.gvr .n{text-align:center;font:800 italic 18px/1 Kanit;color:#fff}
.gvr .n small{display:block;font:700 italic 10px/1.4 Kanit;color:var(--a);text-transform:uppercase}
.ltorch{display:flex;align-items:center;gap:16px;margin-top:24px}
.ltorch span{font:800 italic 14px Kanit;color:#ddd;text-transform:uppercase}
.lmotd{display:flex;gap:14px;align-items:center;background:#0c0c0c;border:1px solid #333;padding:14px 16px}
.lmotd .lic{width:48px;height:48px}
.lmotd b{font:600 15px/1.4 Cairo;color:#fff}
.lmotd .motd{font:600 14px/1.5 Cairo;color:#aaa;overflow-wrap:anywhere}
.laxis{display:flex;justify-content:space-between;margin-top:8px;font-size:12px;color:#888}
.bars i{min-width:0}
.lbars{height:160px;gap:3px}
.lbars i.pk{background:#fff}

/* statistics: horizontal bars */
.hb{list-style:none;margin-top:12px}
.hb li{display:grid;grid-template-columns:minmax(0,130px) 1fr 52px;gap:4px 12px;align-items:center;padding:7px 0;font-size:14px}
.hb .l{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#ddd}
.hb .l a:hover{color:var(--a)}
.hb .b{height:10px;background:#1a1a1a}
.hb .b i{display:block;height:100%;background:var(--a)}
.hb b{font:800 italic 15px/1 Kanit;color:#fff;text-align:right}
.hb small{display:none}
.side>div>.card+.card,.side>aside>.card+.card{margin-top:20px}
.lfind2>div{font:400 15px/1.55 Cairo;color:#ddd;text-transform:none;justify-content:flex-start}
.lfind2{margin:14px 0 14px}

/* seeds */
.sdg{gap:8px}
.sdc{display:flex;flex-direction:column;gap:12px;padding:16px;min-width:0}
.sdc .pic{position:relative;display:block;aspect-ratio:16/9;background:#151515;overflow:hidden}
.sdc .pic img{width:100%;height:100%;object-fit:cover;display:block}
.sdc .pic.no{display:flex;align-items:center;justify-content:center;border:1px solid var(--ln)}
.sdc .pic code{font:800 italic 18px/1 Kanit;color:#555;padding:0 14px;overflow-wrap:anywhere;text-align:center}
.sdc .pic .pill{position:absolute;left:8px;top:8px}
.sdc .h3{font-size:16px;line-height:1.2}
.sdcode,.sdtp{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;background:#151515;border:1px solid rgba(255,255,255,.14);padding:8px 12px;cursor:pointer;color:#ddd;text-align:left}
.sdcode code,.sdtp code{font:600 13px ui-monospace,Menlo,Consolas,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.sdcode span{font:700 italic 11px Kanit;color:var(--a);text-transform:uppercase;flex:none}
.sdcode:hover,.sdtp:hover{border-color:var(--a)}
.sdm{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto}
.sdm b{font:800 italic 15px/1 Kanit;color:var(--a);flex:none}
.sdbox .ks{margin-bottom:12px}
.sdbig{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;background:#151515;border:1px solid var(--a);padding:12px 12px 12px 20px;cursor:pointer;margin-bottom:12px}
.sdbig code{font:800 italic 30px/1.1 Kanit;color:#fff;overflow-wrap:anywhere;text-align:left;min-width:0}
.sdbox .lact{margin-top:16px}.sdbox .lact .btn{flex:0 0 auto}
.sdshot{margin:0 0 20px}.sdshot img{display:block;width:100%}
.lbody{font-size:15px;margin-top:10px}
.sdform{padding:28px}
.sdform fieldset{border:0;padding:0;margin:0;min-width:0}
.sdform label{display:block}
.sdform .lbl em{font:400 12px Cairo;text-transform:none;margin-left:6px}
.pick{display:flex;flex-wrap:wrap;gap:6px}
.pick label{display:inline-block}
.pick input{position:absolute;opacity:0;width:1px;height:1px}
.pick span{display:inline-block;height:34px;padding:0 15px;font:700 italic 12px/34px Kanit;text-transform:uppercase;color:#ddd;background:#1a1a1a;cursor:pointer}
.pick input:checked+span{background:var(--a);color:#140a02}
.pick input:focus-visible+span{outline:2px solid var(--a);outline-offset:2px}
.sph,.sp{display:grid;grid-template-columns:minmax(0,1fr) 90px 70px 90px;gap:6px}
.sph{font:800 italic 11px/1 Kanit;color:#888;text-transform:uppercase;margin-bottom:6px}
.sp{margin-bottom:6px}
.sp .in{height:42px;font-size:14px}
#sd-sp-add{margin-top:6px}
.in.mono{font-family:ui-monospace,Menlo,Consolas,monospace}
.in.file{height:auto;padding:10px 12px;color:#aaa}
.sdform .note{margin-bottom:0}

/* resources (same card as the resources hub) */
.rcg{gap:8px}
.rc{background:var(--s1);padding:22px;display:flex;flex-direction:column;gap:14px;min-width:0}
.rc .t{display:flex;gap:14px;align-items:center;min-width:0}
.rc .t>span{min-width:0}
.rc .rs-ico{width:58px;height:58px}
.rc b{display:block;font:800 italic 17px/1.15 Kanit;color:#fff;text-transform:uppercase;overflow-wrap:anywhere}
.rc .t:hover b{color:var(--a)}
.rc small{font-size:13px;color:#999}
.rc p{font-size:14px;line-height:1.5;color:#bbb;min-height:42px;flex:1;overflow-wrap:anywhere}
.rc .f{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid var(--ln);padding-top:12px;font:800 italic 13px/1 Kanit;color:var(--a);text-transform:uppercase}
.rc .f span:last-child{color:#888}
.rs-ico{display:block;flex:none;object-fit:cover;image-rendering:pixelated;background:#111}
.rs-ico-gen{display:flex;align-items:center;justify-content:center;background:var(--c,#333);color:#fff;font-family:Kanit,sans-serif;font-weight:800;font-style:italic}
.rtbl td{white-space:nowrap}
.rtbl td:nth-child(2),.rtbl td:first-child{white-space:normal}
.lsrc .rs-ico{width:48px;height:48px}

/* server lists guide (article frame) */
.stbl{min-width:760px}
.stbl td,.stbl th{font-size:14px;line-height:1.5}
.art .stbl a{color:#fff}.art .stbl a:hover{color:var(--a)}
.art .tw.card{padding:6px 10px;margin-bottom:12px}
.sitem{margin:0 0 12px;padding:22px}
.art .sitem h3{margin:0 0 6px}
.sitem .kv b{font-weight:400;color:#ddd;text-align:left;max-width:520px}
.sitem .kv span{flex:none;width:150px;color:#888}
.art .sitem p.lsmall{font-size:13px;margin:12px 0 0}
.art .lsmall{font-size:14px}
.lsrcs{font-size:13px!important;word-break:break-all}

.pg{margin-top:26px}

@media (max-width:980px){
  .lyr{grid-template-columns:44px minmax(0,1fr);gap:12px}
  .lyr .lmeter,.lyr .lfacts{grid-column:1/-1}
  .ltiles.t3{grid-template-columns:1fr 1fr}
  .chead{grid-template-columns:1fr 1fr}.cscore{grid-column:1/-1;grid-row:1;flex-direction:row;padding:14px}.cscore b{font-size:36px}
  .duel .d{grid-template-columns:70px 1fr 70px;gap:8px}
  .duel .lab{grid-column:1/-1;grid-row:1;text-align:left}
  .duel .bar{display:none}
  .gvr{grid-template-columns:48px minmax(0,1fr) 70px;gap:12px}
  .gvr .n:not(:last-child){display:none}
  .ybig .yid b{font-size:26px}
  .lpod{grid-template-columns:1fr 1fr 1fr}
  .lfilt .btn{margin-left:0}
}
@media (max-width:640px){
  .ltiles.t3,.lpod,.lpod3{grid-template-columns:1fr}
  .lpod .p1{order:-1}
  .lbar{align-items:flex-start}
  .lfind{width:100%}.lfind .in{width:auto;flex:1;min-width:0}
  .lfacts{grid-template-columns:repeat(3,1fr)}
  .chead{grid-template-columns:1fr}
  .cside .h3{font-size:20px}
  .ladmin{flex-direction:column;align-items:flex-start}
  .lsub{justify-content:flex-start}
  .sph,.sp{grid-template-columns:minmax(0,1fr) 64px 52px 64px}
  .sdbig code{font-size:20px}
  .lown img{max-width:100%}
  .lempty{padding:28px 20px}
  .hb li{grid-template-columns:minmax(0,110px) 1fr 46px}
  .ybig .statrow{grid-template-columns:repeat(3,1fr)}.ybig .statrow .stat{border-bottom:0!important}.ybig .statrow .stat b{font-size:22px}
}
.lsec>.h3{margin-bottom:14px}
.card .lsmall{margin:8px 0 14px}.card .lsmall code{background:#151515;padding:1px 5px;color:#f0e2d6;overflow-wrap:anywhere}
.rcg+.lsmall,.pg+.lsmall{margin-top:16px}
.sdform legend.lbl{float:left;width:100%;padding:0}.sdform fieldset>:not(legend){clear:both}.sdform>.grid2{gap:20px}
@media (max-width:980px){.lp .sideL>aside{order:2}.duel .d{grid-template-columns:1fr 1fr}}