.stats{display:grid;grid-template-columns:repeat(4,1fr);width:384px;margin-top:196px;padding:0}
.stats>div{padding:18px 16px 14px;border-left:1px solid var(--line2);position:relative}
.stats>div:first-child{border-left:0}
.stats>div::before{content:"";position:absolute;left:16px;top:0;width:32px;height:3px;background:var(--green);box-shadow:0 0 8px var(--glow)}
.stats .lab{display:block;letter-spacing:.12em;white-space:nowrap}
.stats b{display:block;font:800 40px/1 "Barlow Condensed",sans-serif;color:var(--h1);margin-top:12px}
.hero{padding-bottom:0}
.bar{display:flex;align-items:center;gap:12px;margin-top:22px;flex-wrap:wrap}
.srch{display:flex;align-items:center;gap:12px;flex:0 1 590px;min-width:260px;min-height:48px;padding:0 16px;border:1px solid var(--green);border-radius:12px;background:var(--focus-bg);box-shadow:0 0 24px -10px var(--glow),0 0 0 3px var(--glow2)}
.srch svg{width:18px;height:18px;stroke:var(--ink2);fill:none;stroke-width:2;stroke-linecap:round;flex:none}
.srch input{flex:1;min-width:0;min-height:44px;border:0;background:none;color:var(--ink);font:500 15px/1 "Barlow",sans-serif}
.srch input:focus{outline:none}
.filters{display:flex;gap:8px;flex-wrap:wrap}
.filters button{min-height:44px;padding:0 18px;border:1px solid var(--line);border-radius:999px;background:transparent;font:600 14px/1 "Barlow",sans-serif;color:var(--ink2)}
.filters button span{font:500 12px/1 "JetBrains Mono",monospace;margin-left:8px}
.filters button[aria-pressed=true]{background:var(--btn);border-color:var(--btn);color:var(--btn-ink);box-shadow:0 0 18px -4px var(--glow)}
.of{font:500 12.5px/1 "JetBrains Mono",monospace;color:var(--dim);margin-left:4px}
#dbPanel{margin-top:22px}
#dbBody tr{cursor:pointer}
#dbBody td{height:61px;padding:8px 12px}
#dbBody td.awbc b{display:block;font:700 16px/18px "JetBrains Mono",monospace;color:var(--ink)}
#dbBody td.awbc small{display:block;font:700 12px/16px "JetBrains Mono",monospace;letter-spacing:.1em;color:var(--green);text-transform:uppercase}
#dbBody td.awbc small i{font-style:normal;color:var(--ink)}
#dbBody .alg{width:74px;height:30px;border-radius:6px;background:#fff;display:grid;place-items:center;overflow:hidden}
#dbBody .alg img{max-width:68px;max-height:26px;object-fit:contain}
#dbBody .alg i{font:700 12px/1 "JetBrains Mono",monospace;color:#567;font-style:normal}
#dbBody .sc b{display:block;font:700 13.5px/18px "Barlow",sans-serif;text-transform:uppercase;color:var(--ink)}
#dbBody .sc small{display:block;font:500 13px/16px "Barlow",sans-serif;color:var(--ink2);text-transform:uppercase}
#dbBody .rt{font:800 17px/1 "Barlow Condensed",sans-serif;letter-spacing:.02em;white-space:nowrap}
#dbBody .rt u{display:inline-block;width:20px;height:2px;background:var(--green);margin:0 8px 3px;position:relative;text-decoration:none;vertical-align:middle}
#dbBody .rt u::after{content:"";position:absolute;right:-3px;top:-3px;width:4px;height:8px;background:var(--green)}
#dbBody .wt b{display:block;font:500 14px/18px "JetBrains Mono",monospace;font-weight:600}
#dbBody .wt small{display:block;font:500 12px/16px "JetBrains Mono",monospace;color:var(--ink2)}
.dgdb{font:700 12px/1 "JetBrains Mono",monospace;letter-spacing:.1em;padding:6px 8px;border:1px solid var(--amber);border-radius:6px;color:var(--amber);background:var(--amber-bg)}
#dbBody td.ls{font:500 13px/18px "JetBrains Mono",monospace;color:var(--ink2);text-align:right;white-space:nowrap}
.foot .dbl{font:500 13px/16px "JetBrains Mono",monospace;color:var(--dim)}
.foot .sp1{flex:1}
.low{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:22px;margin-top:22px;align-items:start}
.selp{padding:20px 22px 22px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:6px 22px}
.selp .head{grid-column:1}
.selp .head .lab{display:flex;justify-content:space-between;color:var(--teal)}
.selp .head .no{display:block;font:700 32px/1.1 "JetBrains Mono",monospace;margin-top:10px;letter-spacing:0;color:var(--h1)}
.selp .head small{display:block;font:500 13px/18px "JetBrains Mono",monospace;color:var(--ink2);margin-top:2px;overflow-wrap:anywhere}
.selp .kind{position:absolute;right:22px;top:20px}
.selp .tl{grid-column:2;grid-row:1/3;padding-top:2px}
.selp .tl .lab{display:flex;justify-content:space-between;color:var(--ink2);margin-bottom:8px}
.selp .thumb{display:grid;grid-template-columns:124px 1fr;gap:16px;grid-column:1}
.thumb .fr0{position:relative;background:#fff;aspect-ratio:612/792;border-radius:4px;overflow:hidden;box-shadow:0 0 0 2px var(--green),0 0 20px -4px var(--glow)}
.thumb .fr0 .mawb-sheet{position:absolute;left:0;top:0;transform-origin:0 0}
.thumb dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:6px 10px;align-content:start}
.thumb dt{font:700 12px/16px "JetBrains Mono",monospace;letter-spacing:.12em;color:var(--dim);text-transform:uppercase}
.thumb dd{margin:0;font:600 14px/16px "JetBrains Mono",monospace;text-align:right}
.tl ol{list-style:none;margin:0;padding:0;position:relative}
.tl ol::before{content:"";position:absolute;left:10px;top:12px;bottom:12px;width:2px;background:var(--line)}
.tl li{position:relative;padding:0 0 22px 36px;display:grid;grid-template-columns:1fr auto;gap:0 8px}
.tl li::before{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;border:2px solid var(--line);background:var(--panel)}
.tl li.cur::before{background:var(--green);border-color:var(--green);box-shadow:0 0 14px var(--glow)}
.tl li b{font:700 15px/20px "Barlow",sans-serif}
.tl li span{font:500 13px/20px "JetBrains Mono",monospace;color:var(--ink2)}
.tl li small{grid-column:1/3;font:500 13px/18px "JetBrains Mono",monospace;color:var(--ink2)}
.xls{padding:20px 20px 20px}
.xtop{display:flex;gap:14px;align-items:center;margin-bottom:14px}
.xl{width:40px;height:52px;border:1px solid var(--green);border-radius:8px;background:var(--tint-solid);display:grid;place-items:end center;padding-bottom:10px;font:800 12px/12px "Barlow Condensed",sans-serif;color:var(--green)}
.xtop b{display:block;font:700 17px/22px "Barlow",sans-serif}
.xtop small{display:block;font:500 13px/18px "JetBrains Mono",monospace;color:var(--ink2)}
.xr{display:flex;width:100%;justify-content:space-between;align-items:center;gap:12px;min-height:46px;padding:0 14px;margin-top:8px;border:1px solid var(--line2);border-radius:8px;background:var(--panel2);text-align:left}
.xr:hover{border-color:var(--green)}
.xr b{font:700 14px/1 "Barlow",sans-serif}
.xr span{font:500 12.5px/1.3 "JetBrains Mono",monospace;color:var(--ink2);text-align:right}
.empty{padding:36px 20px;text-align:center;color:var(--ink2);font:500 15px/22px "Barlow",sans-serif}
@media (max-width:1200px){.low{grid-template-columns:1fr}.stats{margin-top:20px}}
@media (max-width:900px){
  .stats{width:auto;margin-top:18px}
  .bar{margin-top:18px}.srch{flex:1 1 100%}
  .of{display:none}
  .tbl thead{display:none}.tbl,.tbl tbody{display:block}
  #dbBody tr{display:grid;grid-template-columns:1fr auto;grid-template-areas:"a w" "r w";padding:12px 16px;border-bottom:1px solid var(--line2);gap:0 8px}
  #dbBody td{display:block;height:auto;border:0;padding:2px 0;background:none!important;box-shadow:none!important}
  #dbBody td.alc,#dbBody td.sc,#dbBody td.dg,#dbBody td.ls{display:none}
  #dbBody td.awbc{grid-area:a}#dbBody td.rtc{grid-area:r;padding-top:4px}#dbBody td.wt{grid-area:w;text-align:right}
  #dbBody tr.sel{box-shadow:inset 3px 0 0 var(--green);background:var(--tint)}
  .foot .btn{flex:1 1 44%}.foot .sp1{display:none}.foot #bEditor{flex:1 1 100%;order:9}.foot .dbl{flex:0 0 100%}
  .low{grid-template-columns:1fr}
  .sel{grid-template-columns:1fr}.selp .tl{grid-column:1;grid-row:auto;margin-top:14px}
  .selp .thumb{grid-template-columns:110px 1fr}
  .selp .head .no{font-size:30px}
}