.docs{grid-template-columns:220px minmax(0,720px) 180px;justify-content:center;align-items:start;gap:48px;display:grid}.docs-nav{flex-direction:column;gap:22px;display:flex;position:sticky;top:92px}.docs-nav-title{color:var(--fg);font-weight:500}.docs-group{flex-direction:column;gap:2px;display:flex}.docs-group .cap{margin-bottom:8px}.docs-group a{color:var(--fg2);padding:5px 0;font-size:12.5px;line-height:1.3;display:block}.docs-group a:hover{color:var(--fg)}.docs-group a.on{color:var(--fg);font-weight:500}.docs-body{min-width:0}.docs-body h1{font-family:var(--display);letter-spacing:-.03em;margin:6px 0 22px;font-size:40px;font-weight:700;line-height:1.02}.docs-md{color:var(--fg2);font-size:14px;line-height:1.65}.docs-md>p:first-child{color:var(--fg);font-size:16px;line-height:1.55}.docs-md p{margin:0 0 14px}.docs-md b{color:var(--fg);font-weight:500}.docs-md a{color:var(--fg);text-decoration:underline;-webkit-text-decoration-color:var(--fg3);text-decoration-color:var(--fg3);text-underline-offset:3px}.docs-md a:hover{-webkit-text-decoration-color:var(--fg);text-decoration-color:var(--fg)}.docs-md code{font-family:var(--mono);color:var(--fg);border:1px solid var(--line2);padding:1px 5px;font-size:12.5px}.docs-md h2{letter-spacing:.16em;text-transform:uppercase;color:var(--fg);border-top:1px solid var(--line2);margin:34px 0 12px;padding-top:18px;font-size:11px;font-weight:500}.docs-md h3{color:var(--fg);margin:22px 0 8px;font-size:14px;font-weight:500}.docs-md ul,.docs-md ol{margin:0 0 14px;padding-left:20px}.docs-md li{margin:0 0 6px}.docs-md li::marker{color:var(--fg3)}.docs-md hr{border:0;border-top:1px solid var(--line2);margin:22px 0}.docs-md table{border-collapse:collapse;width:100%;margin:6px 0 18px;font-size:13px}.docs-md th{text-align:left;letter-spacing:.14em;text-transform:uppercase;color:var(--fg3);border-bottom:1px solid var(--line2);padding:0 12px 8px 0;font-size:10px;font-weight:500}.docs-md td{border-bottom:1px solid var(--line2);vertical-align:top;color:var(--fg2);padding:9px 12px 9px 0}.docs-md td:first-child{color:var(--fg)}.docs-md tr:last-child td{border-bottom:0}.docs-pager{justify-content:space-between;gap:12px;margin-top:40px;display:flex}.docs-pager .box{letter-spacing:.04em;text-transform:none;text-overflow:ellipsis;max-width:48%;height:38px;font-size:12.5px;overflow:hidden}.docs-toc{flex-direction:column;gap:2px;display:flex;position:sticky;top:92px}.docs-toc .cap{margin-bottom:8px}.docs-toc a{color:var(--fg3);padding:4px 0;font-size:12px;line-height:1.3;display:block}.docs-toc a:hover{color:var(--fg)}@media (max-width:1100px){.docs{grid-template-columns:200px minmax(0,1fr);gap:32px}.docs-toc{display:none}}@media (max-width:720px){.docs{grid-template-columns:1fr;gap:24px}.docs-nav{flex-flow:wrap;gap:6px 14px;position:static}.docs-nav-title{width:100%}.docs-group{flex-flow:wrap;gap:4px 12px}.docs-group .cap{width:100%;margin-bottom:2px}.docs-body h1{font-size:30px}.docs-pager .box{max-width:none}}

/* ===== Beafy DA (2026-10-31): sky blue + clouds, black ink, white glass. Appended to every CSS chunk by tools/rebrand.py ===== */
:root{--bg:#8fd6f6;--fg:#0a0a0a;--fg2:rgba(0,0,0,.68);--fg3:rgba(0,0,0,.46);--line:rgba(0,0,0,.26);--line2:rgba(0,0,0,.14);
  --yellow:#0a0a0a;--gold:#0a0a0a;--warn:#0a0a0a;--green:#0a7a3a;--red:#d3263b;
  --lx-ink:#0a0a0a;--lx-80:rgba(0,0,0,.8);--lx-45:rgba(0,0,0,.5);--lx-30:rgba(0,0,0,.35);--lx-12:rgba(255,255,255,.85);--lx-06:rgba(255,255,255,.5);--lx-g30:rgba(255,255,255,.95);--lx-glass:rgba(255,255,255,.62);
  --glass:rgba(255,255,255,.62);--glass2:rgba(255,255,255,.82);--gl:rgba(0,0,0,.35);--gl2:rgba(0,0,0,.08);color-scheme:light}
html{background:#8fd6f6}
body{background:#8fd6f6 url(/brand/sky-tall.jpg) center top/cover no-repeat fixed!important;color:var(--fg)}
/* header: lockup instead of the text logo, translucent sky gradient */
.top{background:linear-gradient(rgba(143,214,246,.96) 55%,rgba(143,214,246,0))!important}
.top .logo{font-size:0!important;color:transparent!important;width:154px;height:34px;background:url(/brand/lockup.png) left center/contain no-repeat}
.top .nav a{color:var(--fg3)}.top .nav a:hover,.top .nav a.on{color:var(--fg)}
.top .me .ava{border-color:var(--fg)}
/* glass panels */
.panel,.v3-side,.sched-page .side-card,.rules-page .ttl5>*,.rules-page .lad4>*,.sched-page .dc,.v3-tape .v3-tc,.create .ep,.arena .sb,.arena .days,.pv,.pv.chart,.pv.panel,.md,.v3-pod,.v3-podium.c .v3-pod,.c2-stats>div,.hero-card,.side{
  background:var(--glass)!important;border:1px solid rgba(255,255,255,.9)!important;box-shadow:0 10px 40px rgba(20,80,120,.12),inset 0 1px 0 #fff!important;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:18px}
.v3-pod,.v3-podium.c .v3-pod{border-radius:22px}
.v3-podium.c .v3-pod.p1{box-shadow:0 18px 60px rgba(20,80,120,.18),inset 0 1px 0 #fff!important;border-color:#fff!important}
.v3-pod .rk{color:rgba(0,0,0,.12)}.v3-pod.p1 .rk{color:rgba(0,0,0,.2)}
.v3-podium.c .v3-pod .rk{color:var(--fg)}
.v3-podium.c .v3-pod .pf{box-shadow:0 0 0 4px #fff,0 8px 24px rgba(20,80,120,.2)}
.v3-podium.c .v3-pod .pill{background:var(--fg);color:#fff}
.v3-clans .v3-head{border-bottom-color:rgba(0,0,0,.25)}
.v3-clans .tbl th{border-bottom-color:rgba(0,0,0,.2)}.v3-clans .tbl td{border-top-color:rgba(0,0,0,.1)}.v3-clans .tbl tr.group td{border-bottom-color:rgba(0,0,0,.2)}
.tbl td{border-bottom-color:rgba(0,0,0,.1)}.tbl tr.me td{box-shadow:inset 0 -1px rgba(0,0,0,.4)}
/* buttons: black fill / white text, outlined */
.box.y,.vbtn,.btn,.sysbar,.v3-podium.c .v3-pod .pill,.create .ep-cells button.on{background:var(--fg)!important;border-color:var(--fg)!important;color:#fff!important}
.box.y:hover,.vbtn:hover,.btn:hover{filter:none;background:#222!important}
.btn[disabled],.vbtn[disabled]{opacity:.35}
.box.ghost{border-color:var(--line);color:var(--fg2);background:rgba(255,255,255,.4)}
.arena .vbtn{color:#fff}
.toast{background:var(--fg);color:#fff;border-radius:999px}
.tag.live{color:var(--red)}.tag.gold,.tag.y,.tag.w{color:var(--fg);border-color:rgba(0,0,0,.4)}.tag.g{color:var(--green);border-color:rgba(10,122,58,.5)}
.bell{background:rgba(255,255,255,.5)}
/* text that was hard-coded white */
.white,.v3 .white,.sched-page .white,.rules-page .white,.rules-page section b,.rules-page .formula,.rules-page .toc a:hover,.v3-clock .big,.sched-page .dc .n,.sched-page .side-card .line,
.pv-id b,.pv-kv b,.pv-x:hover,.pv.chart .pv-pr .v,.pv.chart .pv-tf button.on,.feed li .tx b,.feed li.buy .am,.feed li:first-child .tx,.ydc .fc b,.arena .rA .hd .k:first-child{color:var(--fg)!important}
.pv-id span,.pv-kv span,.pv-kv b small,.pv-x,.pv.chart .pv-pr .k,.pv.chart .pv-tf button,.create .ep-grid h4,.pv-spark.down polyline{color:var(--fg3)!important;stroke:var(--fg3)}
.pv.chart .pv-tf button.on{background:rgba(0,0,0,.08)}
.pv-back{color:var(--fg2);background:rgba(255,255,255,.7);border-color:rgba(0,0,0,.2)}
.pv.chart:before{background:linear-gradient(270deg,rgba(0,0,0,.5),transparent)}
.pv-scrim{background:rgba(143,214,246,.45)}
.rules-page .toc a{border-left-color:rgba(0,0,0,.15)}
.rules-page .split .s1{background:var(--fg);color:#fff}.rules-page .split .s2{background:#fff;color:#000}.rules-page .split .s3{background:#5ab6e6;color:#000}
.sched li{border-bottom-color:rgba(0,0,0,.1)}.sched li.today{background:rgba(255,255,255,.35)}
.sched-page .dc:hover,.sched-page .dc.sel,.v3-tape .v3-tc.today,.v3-tape .v3-tc.sel{border-color:var(--fg)!important;box-shadow:inset 0 1px 0 #fff,0 0 0 1px var(--fg)!important}
.sched-page .dc.now{background:rgba(255,255,255,.75)!important;border-color:var(--red)!important}
.days .cells{border-top-color:rgba(0,0,0,.15)}.days .c.today{background:rgba(255,255,255,.5)}
/* arena: the canvas galaxy becomes a glow over the sky */
.galaxy{background:transparent!important;mix-blend-mode:multiply;opacity:.9}
.arena .rA{background:var(--glass)!important;border:1px solid rgba(255,255,255,.9);border-radius:18px;padding:12px 16px 8px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);text-shadow:none!important}
.feed{text-shadow:none!important}.feed li{color:var(--fg3)}.feed li .tx,.feed li .who{color:var(--fg2)}
.arena .sb{border-radius:18px;top:calc(var(--top-h) + 12px)}
.arena .sb>div+div:before{background:rgba(0,0,0,.15)}
.arena .sb .v,.arena .sb .v.mono{color:var(--fg)!important}
.ydc .bar{background:rgba(0,0,0,.12)}.ydc .bar i{background:var(--fg)}
.feed li.vault_chunk .tx,.feed li.burn .tx{color:var(--fg)}
/* trade panel and clan page */
.side .tabs button.on{color:var(--fg)}.side .pre button.on{border-color:var(--fg);color:var(--fg)}
.cnt.on{background:rgba(255,255,255,.7);border-color:rgba(0,0,0,.2)}
.c2-stats>div{padding:14px 16px}
.create .steps span{border-top-color:rgba(0,0,0,.15)}.create .steps span.on{box-shadow:none}
.create .ep-cur{box-shadow:0 8px 24px rgba(20,80,120,.2);background:#fff}
.create .ep-cur.empty{border-color:rgba(0,0,0,.2);background:rgba(255,255,255,.5)}
.create .ep-grid h4{background:linear-gradient(rgba(255,255,255,.95) 70%,rgba(255,255,255,0))}
.create .ep-cells button:hover:not(.tk){background:rgba(0,0,0,.06)}
.create .ep-grid{scrollbar-color:rgba(0,0,0,.3) transparent}
/* big headlines: wide black uppercase like the key visual */
.v3-head h1,.v3-clans .v3-head h1,h1.big,.wrap h1{font-family:var(--display);font-weight:800;letter-spacing:-.01em;text-transform:uppercase}
/* footer */
.foot{border-top-color:rgba(0,0,0,.15)}
.md .opt{background:rgba(255,255,255,.5)}
img.pf,.face,.ava img{background:#fff}
/* ---- pass 2: pages that paint their own black ---- */
.galaxy,.starfield{background:transparent!important;mix-blend-mode:screen;opacity:1}
.arena:after{background:none!important}
.clanp.v3.c2 .v3-head,.clanp.v3.c2 .v3-today,.clanp.v3.c2 .first.full,.clanp.v3.c2 .under,.clanp.v3.c2 .foot,.clanp.v3.c2 .c2-top,.clanp.v3.c2 .stage,.clanp .hero,.clanp.v3 .hero,.clanp .side,.v3-tabs,.chartbox,.cfull,.v3-today,.v3-today.gathering,.v3-today.one,.tabbar,.mb,.drop,.v3-clans .v3-create.ghost,.beefs .bc,.pro-hero,.create .prev,.clanp .stream .vid{background:transparent!important}
.clanp.v3.c2 .stage{border-top:1px solid rgba(255,255,255,.7)}
.clanp.v3.c2 .clan-bg{background:radial-gradient(42% 46% at 50% 56%,rgba(255,255,255,.55),rgba(255,255,255,.15) 55%,transparent 75%)!important}
.chartbox,.v3-tabs,.v3-today,.v3-today.gathering,.clanp .hero,.clanp.v3 .hero,.beefs .bc,.pro-hero,.create .prev,.drop,.md{background:var(--glass)!important;border:1px solid rgba(255,255,255,.9)!important;border-radius:18px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 10px 40px rgba(20,80,120,.12),inset 0 1px 0 #fff}
.v3-today.one{border-radius:0;background:transparent!important;border:0!important;border-top:1px solid rgba(0,0,0,.15)!important;border-bottom:1px solid rgba(0,0,0,.15)!important;box-shadow:none}
.cfull{background:#8fd6f6 url(/brand/sky-tall.jpg) center/cover!important}
.mb{background:rgba(143,214,246,.6)!important}
.tabbar{background:rgba(255,255,255,.85)!important;border-top-color:rgba(0,0,0,.12)}
.clanp.v3.c2 .v3-head.c3 .ava-w .em,.create .pface-w .em{background:#fff!important}
.clanp .v3-head .ava,.create .pface-w .face{border-color:#fff!important;box-shadow:0 0 0 3px #fff,0 8px 24px rgba(20,80,120,.2)!important}
.clanp .pay .bar i,.ydc .bar i{background:var(--fg)!important}
.v3-clans .v3-create,.v3-create{background:var(--fg)!important;color:#fff!important;border-color:var(--fg)!important}
.v3-pod.p1,.v3-dc.now,.v3-side.now,.v3-tldr .c.gold,.v3-pass,.v3-dc.inf,.v3-tc.now,.clanp .beefp,.beefs .beef-empty,.pro .cardm{background:var(--glass2)!important;border-color:rgba(0,0,0,.35)!important}
.v3-side.now,.panel.now,.v3-podium.c .v3-pod.p1{box-shadow:0 18px 60px rgba(20,80,120,.18),inset 0 1px 0 #fff!important}
.v3-board tr.burnline td{background:linear-gradient(90deg,rgba(0,0,0,.08),transparent 70%)}
.medal.m1{background:var(--fg);box-shadow:none;color:#fff}
.rc .r.mr,.rc .r.fo{border-left-color:var(--fg);background:linear-gradient(90deg,rgba(255,255,255,.6),rgba(255,255,255,.2))}
.arena .hudA{background:var(--glass)!important;border-color:rgba(255,255,255,.9)!important;border-radius:999px}
.md .dsel .dlist{background:#fff!important}
.create .steps span.on{border-color:var(--fg)}
.clanp .side.panel,.v3-side.panel{background:var(--glass)!important}
/* chart (TradingView lightweight) sits on a dark canvas: keep it readable on a white card */
.chartbox canvas{filter:none}
.c2-stats{gap:12px}
/* ---- pass 3: texts that were hard-coded white, trade panel presets, canvas under the content ---- */
:root{--lx-g15:rgba(0,0,0,.08);--lx-g30:rgba(255,255,255,.95)}
.clanp .amt input,.clanp .sub .ca,.clanp .sub b,.rc .r.fo .fx,.rc .r.fo .fx .dim,.rules-page .formula,.rules-page .toc a:hover,.rules-page .white,.rules-page section b,.sched-page .dc .n,.sched-page .side-card .line,.sched-page .white,.v3 .white,.v3-bal .main b,.v3-clock .big,.v3-dc .n,.v3-dc.now .w .mono,.v3-fold .body b,.v3-legal b,.v3-r14 .c b,.v3-rules .formula,.v3-rules .tiles b.nm,.v3-side .line,.v3-tc .n,.v3-tc .win b,.v3-tc.now .wd,.v3-title .now b,.v3-tldr .c b,.testbar{color:var(--fg)!important}
.v3-pod .rk{color:rgba(0,0,0,.12)!important}
.clanp.v3 .pre button.on,.side .pre button.on{background:var(--fg)!important;color:#fff!important;border-color:var(--fg)!important}
.tag{background:rgba(255,255,255,.55)}
.galaxy,.starfield{z-index:-1!important}
.arena{isolation:isolate}
.galaxy,.starfield{mix-blend-mode:normal!important;opacity:1!important}
/* ---- pass 4: arena overlays (contest block, feed, leaderboard) fully opaque and black on the sky ---- */
.arena .ydA,.arena .ydA *,.arena .trule,.arena .trule *,.arena .rA,.arena .rA *,.feed,.feed *{text-shadow:none!important}
.arena .ydA .nm,.arena .ydA .k,.arena .ydA p,.arena .ydA .s,.arena .ydA b{color:var(--fg)!important}
.arena .ydA .k,.arena .ydA .s,.arena .ydA p.dim{color:var(--fg2)!important}
.arena .feed,.arena .rA{opacity:1!important}
.arena .ydA{background:var(--glass);border:1px solid rgba(255,255,255,.9);border-radius:18px;padding:14px 16px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 10px 40px rgba(20,80,120,.12)}
.feed{background:var(--glass)!important;border:1px solid rgba(255,255,255,.9);border-radius:18px;padding:12px 16px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
.feed .k i,.arena .sb .k .lv{background:var(--red)!important;box-shadow:none!important}
.top .hday i{background:var(--fg);box-shadow:none}
:root{--lx-60:rgba(0,0,0,.6)}
.feed .k,.arena .rA .k{color:var(--fg2)!important}