:root{--bg:#f6f3ec;--pn:#fffdf8;--pn2:#efe9dc;--ln:#e0d8c7;--tx:#14231f;--tx2:#3d4d48;--mut:#7a837c;--t:#0e5e5a;--t2:#13827c;--c:#ff6b4a;--gr:#1f9d5c;--rd:#d8432c;--sans:'Inter',system-ui,sans-serif;--disp:'Bricolage Grotesque',sans-serif;--mono:'JetBrains Mono',ui-monospace,monospace;--fline:#14231f1f;--facc:#0e5e5a;--fbg:#f6f3ec;--max:min(94vw,128rem)}
*{box-sizing:border-box}html{font-size:clamp(14.5px,.5vw + 9px,31px)}body{margin:0;background:var(--bg);background-image:radial-gradient(60rem 30rem at 90% -10%,#13827c1c,transparent),radial-gradient(40rem 26rem at -5% 30%,#ff6b4a12,transparent);color:var(--tx);font:400 1rem/1.6 var(--sans);-webkit-font-smoothing:antialiased}
a{color:var(--t2)}h1,h2,h3{font-family:var(--disp);line-height:1.02;margin:0 0 .6rem;font-weight:800;letter-spacing:-.025em}h1{font-size:clamp(2.4rem,5vw,6rem)}h1 em{font-style:normal;color:var(--c);background:linear-gradient(transparent 70%,#ff6b4a2e 70%)}h2{font-size:1.3rem;font-weight:700}h3{font-size:1.1rem;font-weight:700}
code,.mono{font-family:var(--mono)}.muted{color:var(--mut)}.sm{font-size:.82rem}.r{text-align:right}.up{color:var(--gr)}.dn{color:var(--rd)}.mt{margin-top:1.4rem}.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;z-index:99;background:#fff;padding:.5rem}
svg.ic{width:1.3rem;height:1.3rem}
.top{position:sticky;top:0;z-index:40;background:#f6f3ecd9;backdrop-filter:blur(14px);border-bottom:1px solid var(--ln)}
.bar{max-width:var(--max);margin:auto;display:flex;align-items:center;gap:1.4rem;padding:.8rem 0}
.brand{display:flex;align-items:center;gap:.55rem;text-decoration:none;color:var(--tx);font:700 1.35rem var(--disp);letter-spacing:-.03em}.brand b{color:var(--t)}.brand img{width:2.2rem;height:2.2rem}
.nav{display:flex;gap:.2rem;flex:1;flex-wrap:wrap}.nav a{padding:.45rem .8rem;border-radius:999px;color:var(--tx2);text-decoration:none;font-weight:500;font-size:.95rem}.nav a:hover{background:var(--pn2)}.nav a[aria-current]{background:var(--t);color:#fff}
.feed{display:flex;align-items:center;gap:.4rem;font:600 .78rem var(--mono);color:var(--mut)}.dot{width:.55rem;height:.55rem;border-radius:50%;background:var(--gr);box-shadow:0 0 0 4px #1f9d5c22;animation:p 2s infinite}@keyframes p{50%{box-shadow:0 0 0 8px #1f9d5c00}}
.burger{display:none;background:none;border:1px solid var(--ln);border-radius:10px;padding:.4rem;color:var(--tx)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.6rem 1.1rem;border-radius:999px;border:1.5px solid var(--tx);background:transparent;color:var(--tx);font:600 .92rem var(--sans);text-decoration:none;cursor:pointer;white-space:nowrap}.btn:hover{background:var(--tx);color:var(--bg)}
.btn.pri{background:var(--c);border-color:var(--c);color:#fff}.btn.pri:hover{background:#e95433}.btn.big{padding:.85rem 1.6rem;font-size:1.02rem}.btn.wide{width:100%;margin:.3rem 0}.btn.sm{padding:.3rem .7rem;font-size:.8rem}
main{max-width:var(--max);margin:auto;padding:0 0 3rem}
.tag{display:inline-block;font:600 .74rem var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--t);background:#13827c18;padding:.3rem .7rem;border-radius:999px;margin-bottom:1rem}
.lede{font-size:1.15rem;color:var(--tx2);max-width:44rem}
.hero{display:grid;grid-template-columns:1.35fr 1fr;gap:3rem;padding:4rem 0 3rem;align-items:center}
.cta{display:flex;gap:.8rem;flex-wrap:wrap;margin:1.6rem 0}
.kp{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin:2rem 0 0}.kp div{border-left:3px solid var(--t);padding-left:.8rem}.kp dt{font-size:.78rem;color:var(--mut)}.kp dd{margin:0;font:800 1.8rem var(--disp)}
.card{background:var(--pn);border:1px solid var(--ln);border-radius:20px;padding:1.5rem;margin:1.2rem 0;box-shadow:0 1px 0 #fff inset,0 10px 30px -18px #14231f40}
.card.acc{background:var(--t);color:#f6f3ec;border-color:var(--t)}.card.acc a{color:#ffd2c6}
.pod{list-style:none;padding:0;margin:0 0 1rem;counter-reset:n}.pod li{display:flex;align-items:center;gap:.8rem;padding:.6rem 0;border-bottom:1px dashed var(--ln);counter-increment:n}.pod li::before{content:counter(n);font:800 1.4rem var(--disp);color:var(--c);width:2rem}.pod li a{font-weight:600;color:var(--tx);text-decoration:none;flex:1}.pod .bar2{flex:1.3;height:.5rem;background:var(--pn2);border-radius:9px;overflow:hidden}.pod .bar2 i{display:block;height:100%;background:linear-gradient(90deg,var(--t),var(--t2))}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin:1rem 0}
.step{background:var(--pn);border:1px solid var(--ln);border-radius:20px;padding:1.4rem;text-decoration:none;color:var(--tx);transition:.2s}.step:hover{transform:translateY(-3px);border-color:var(--t)}.step .no{font:600 .8rem var(--mono);color:var(--c)}.step p{color:var(--tx2);margin:0}
.ch-h{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:.6rem}.ch-h h2{margin:0}
.fx{display:flex;gap:.7rem;flex-wrap:wrap;align-items:end}.fx label{display:flex;flex-direction:column;font-size:.78rem;color:var(--mut);gap:.25rem}.fx .w3{flex:1;min-width:16rem}
input,select{font:500 .92rem var(--sans);padding:.55rem .8rem;border:1.5px solid var(--ln);border-radius:12px;background:#fff;color:var(--tx)}input:focus,select:focus{outline:2px solid var(--t2);border-color:transparent}
.tw{overflow:auto}.tw.tall{max-height:36rem}
.tbl{width:100%;border-collapse:collapse;font-size:.9rem}.tbl th{font:600 .72rem var(--mono);text-transform:uppercase;color:var(--mut);text-align:left;padding:.55rem .6rem;border-bottom:1.5px solid var(--ln);position:sticky;top:0;background:var(--pn)}.tbl th.r{text-align:right}.tbl td{padding:.6rem;border-bottom:1px solid var(--ln);vertical-align:middle}.tbl.hov tbody tr{cursor:pointer}.tbl.hov tbody tr:hover{background:#13827c0c}
.tk{display:flex;align-items:center;gap:.55rem}.tk b{display:block;font-weight:600}.tk i{font-style:normal;font-size:.72rem;color:var(--mut)}
.ch{font:600 .7rem var(--mono);padding:.12rem .45rem;border-radius:6px;margin-right:.2rem;color:#fff;background:var(--cc,#888)}
.st{font:600 .72rem var(--mono);padding:.15rem .55rem;border-radius:999px}.st.live{background:#1f9d5c1f;color:var(--gr)}.st.day{background:#13827c18;color:var(--t)}.st.quiet{background:#7a837c1a;color:var(--mut)}
.share{height:.45rem;background:var(--pn2);border-radius:9px;min-width:6rem}.share i{display:block;height:100%;border-radius:9px;background:var(--c)}
.star{background:none;border:none;font-size:1.15rem;cursor:pointer;color:var(--mut)}.star.on{color:var(--c)}
.pager{text-align:center;margin-top:1rem}
.wire{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(22rem,1fr));gap:.7rem}.wire li{display:flex;flex-direction:column;gap:.5rem;padding:.9rem;border:1px solid var(--ln);border-radius:14px;background:#fff}.wire .wh{display:flex;justify-content:space-between;align-items:center}.wire .who{font-size:.8rem;color:var(--tx2)}.wire .who a{font-weight:600}
.g2{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}.g2>.card{margin:0}.g2{margin:1.2rem 0}
details{border-bottom:1px solid var(--ln);padding:.7rem 0}summary{cursor:pointer;font-weight:600}.card.acc details{border-color:#ffffff2a}
.ph{padding:3rem 0 1rem}.crumbs{font-size:.82rem;color:var(--mut);margin-bottom:1rem}.crumbs a{color:var(--mut)}
.rg{display:grid;grid-template-columns:1.4fr 1fr;gap:1.2rem;align-items:start}.rg>.card{margin:0}
.rlog{display:flex;flex-direction:column;gap:.7rem}.race{border:1px solid var(--ln);border-radius:14px;padding:.8rem;background:#fff}.race .rh{display:flex;justify-content:space-between;align-items:center;gap:.6rem;flex-wrap:wrap}.lane{display:flex;align-items:center;gap:.5rem;font-size:.8rem;margin-top:.3rem}.lane span:first-child{width:11rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lane .tr{flex:1;height:.4rem;background:var(--pn2);border-radius:9px;position:relative}.lane .tr i{position:absolute;top:-.2rem;width:.8rem;height:.8rem;border-radius:50%;background:var(--t);transform:translateX(-50%)}.lane.w .tr i{background:var(--c)}.lane.w span:first-child{font-weight:700;color:var(--c)}
.vs{display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;align-items:stretch}.vs .card{margin:0}.vsx{align-self:center;font:800 2.4rem var(--disp);color:var(--c)}
.side h2{word-break:break-all}.mix{display:flex;flex-direction:column;gap:.45rem}.mix div{display:flex;align-items:center;gap:.6rem;font-size:.85rem}.mix b{width:6rem}.mix .share{flex:1}.mix .share i{background:var(--cc)}
.hrs{display:grid;grid-template-columns:repeat(24,1fr);gap:2px;align-items:end;height:9rem}.hrs i{background:var(--t2);border-radius:3px 3px 0 0;min-height:2px;position:relative}.hrs i:hover{background:var(--c)}.hrsl{display:flex;justify-content:space-between;font:500 .66rem var(--mono);color:var(--mut)}
.pk{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.pk .card{margin:0}.k span{font-size:.78rem;color:var(--mut)}.k b{display:block;font:800 1.8rem var(--disp)}
.pc{grid-template-columns:1fr 1.3fr}
.slg{display:grid;grid-template-columns:repeat(auto-fill,minmax(19rem,1fr));gap:1rem;margin:1rem 0}.sc{background:var(--pn);border:1px solid var(--ln);border-radius:20px;padding:1.2rem;display:flex;flex-direction:column;gap:.5rem}.sc h3{word-break:break-all;margin:0}.sc .bl{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:auto}
ul.chk{padding-left:1.2rem}ul.chk li{margin:.3rem 0}
.prose{max-width:52rem}.prose h2{margin-top:1.6rem}
.av{width:2rem;height:2rem;border-radius:50%;flex:none;display:inline-grid;place-items:center;font:700 .7rem var(--disp);background:hsl(var(--h) 45% 40%);color:#fff;position:relative;object-fit:cover}.av i{position:absolute;right:-2px;bottom:-2px;width:.6rem;height:.6rem;border-radius:50%;background:var(--c);border:2px solid #fff}
.trade{display:flex;gap:.3rem;flex-wrap:wrap}.trade a{font:600 .72rem var(--mono);padding:.25rem .55rem;border:1.5px solid var(--ln);color:var(--tx2);text-decoration:none;border-radius:999px;background:#fff}.trade a.p{background:var(--t);color:#fff;border-color:var(--t)}.trade a:hover{border-color:var(--c)}.trade a span{display:none}.trade a::before{content:attr(data-s)}
.chart{height:clamp(22rem,42vh,48rem);margin:1rem 0 .4rem}
.dlg{width:min(92vw,84rem);background:var(--pn);color:var(--tx);border:1px solid var(--ln);border-radius:20px;padding:1.4rem}.dlg::backdrop{background:#14231f88;backdrop-filter:blur(3px)}
.foot{background:#14231f;color:#d9dfd9;margin-top:3rem;padding:3rem max(3vw,calc((100vw - var(--max))/2)) 2rem;--fline:#ffffff22;--facc:#ff6b4a;--fbg:#14231f}.foot a{color:#d9dfd9}.foot .brand{color:#fff}.foot .brand b{color:#7fd8d2}
.fgrid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:2rem}.fgrid h4{margin:0 0 .6rem;font-family:var(--disp)}.fgrid div>a{display:block;text-decoration:none;opacity:.85;margin:.25rem 0;font-size:.9rem}.foot .muted{color:#9aa59f}.disc,.cpy{font-size:.78rem;color:#9aa59f;margin-top:1.4rem}
@media (max-width:1100px){.hero,.rg,.g2,.pc{grid-template-columns:1fr}.steps,.pk{grid-template-columns:1fr 1fr}.fgrid{grid-template-columns:1fr 1fr}.nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--bg);flex-direction:column;padding:1rem 3vw;border-bottom:1px solid var(--ln)}.nav.open{display:flex}.burger{display:block}.bar{position:relative}.feed{margin-left:auto}}
@media (max-width:640px){.kp,.steps,.pk{grid-template-columns:1fr 1fr}.vs{grid-template-columns:1fr}.vsx{text-align:center}.fgrid{grid-template-columns:1fr}.top .btn.pri{display:none}.feed{display:none}.burger{margin-left:auto}.wire{grid-template-columns:1fr}.lane span:first-child{width:7rem}}

.empire-net{display:grid;grid-template-columns:auto 1fr 1fr;gap:2rem;margin-top:2.5rem;padding-top:2rem;border-top:1px solid var(--fline,#ffffff22);align-items:start}
.esoc{display:flex;gap:.6rem;flex-wrap:wrap}.esoc a{width:2.6rem;height:2.6rem;border-radius:50%;display:grid;place-items:center;border:1px solid var(--fline,#ffffff22);color:inherit;transition:.2s}.esoc a:hover{background:var(--facc,#fff);color:var(--fbg,#000);border-color:var(--facc,#fff)}
.esvg{width:1.1rem;height:1.1rem}.esvg.sm{width:.85rem;height:.85rem;flex:none;color:#2aabee}
.etg h4{margin:0 0 .7rem}.elist{display:flex;flex-wrap:wrap;gap:.4rem}.elist a{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .7rem;border-radius:999px;border:1px solid var(--fline,#ffffff22);text-decoration:none;font-size:.8rem;color:inherit}.elist a:hover{border-color:var(--facc,#fff)}

.esites{margin-top:2rem;padding-top:1.4rem;border-top:1px solid var(--fline,#ffffff22)}.esites h4{margin:0 0 .6rem}.esites nav ul{display:flex;flex-wrap:wrap;gap:.5rem .55rem}.esites a{color:inherit;opacity:.8;text-decoration:none;font-size:.86rem}.esites a:hover{opacity:1;text-decoration:underline}
@media (max-width:1000px){.empire-net{grid-template-columns:1fr}}
