:root{--bg:#09090a;--bg2:#0e0e10;--card:#121214;--card2:#161618;--card3:#1c1c1f;--line:rgba(255,255,255,.08);--line2:rgba(255,255,255,.14);--ink:#f4f4f2;--mute:#9b9ba1;--dim:#64646b;--gold:#f2c14e;--gold2:#d9a73a;--violet:#8b7cf6;--violet2:#a99cff;--rose:#ff5c7a;--green:#3ddc84;--disp:Archivo,system-ui,sans-serif;--body:Inter,system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:64px}
body{margin:0;background:var(--bg);color:var(--ink);font:400 13.5px/1.42 var(--body);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}img{display:block}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}
body.out .in-only,body.in .out-only{display:none!important}
.lbtn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:9px;font-weight:800;padding:8px 14px;font-size:13px;white-space:nowrap;transition:transform .08s,filter .15s}
.lbtn:active{transform:scale(.97)}.gold{background:var(--gold);color:#16130a}.gold:hover{filter:brightness(1.07)}.ghost{box-shadow:inset 0 0 0 1px var(--line2)}.ghost:hover{background:var(--card2)}
.rose{background:var(--rose);color:#fff}

/* header */
.top{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:22px;height:58px;padding:0 18px;background:rgba(12,12,14,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:9px;white-space:nowrap;font:900 16px/1 var(--disp);font-stretch:118%;letter-spacing:.01em}.brand img{width:26px;height:26px}
.tnav{display:flex;gap:20px;height:100%}.tnav a{display:flex;align-items:center;color:var(--mute);font-weight:600;border-bottom:2px solid transparent;position:relative}.tnav a:hover{color:var(--ink)}.tnav a.on{color:var(--ink);border-color:var(--gold)}
.cnt:not(:empty){position:absolute;top:12px;right:-14px;font-size:9.5px;background:var(--rose);color:#fff;border-radius:999px;padding:0 5px;font-weight:800;line-height:15px}
.sp{flex:1}.auth{display:flex;align-items:center;gap:10px}
.bal{display:flex;flex-direction:column;align-items:flex-end;line-height:1.1}.bal small{color:var(--mute);font-size:11px}.bal b{font-size:15px}
.bell{width:34px;height:34px;border-radius:9px;background:var(--card2);display:flex;align-items:center;justify-content:center;position:relative}.bell[data-n]:after{content:attr(data-n);position:absolute;top:-4px;right:-4px;background:var(--rose);color:#fff;font:800 9.5px/1 var(--body);border-radius:999px;padding:3px 5px}
.av{width:32px;height:32px;border-radius:50%;object-fit:cover;background:var(--card3)}
.balp{display:none}

/* layout */
.body{display:grid;grid-template-columns:200px minmax(0,1fr) 296px;min-height:calc(100vh - 58px)}
.side{border-right:1px solid var(--line);padding:14px 10px;position:sticky;top:58px;height:calc(100vh - 58px);overflow:auto}
.side h4,.feedh{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);margin:8px 8px 8px;font-weight:700}
.it{display:flex;align-items:center;gap:9px;padding:7px 8px;border-radius:8px;color:var(--mute);font-weight:600;cursor:pointer;width:100%;text-align:left}.it:hover{background:var(--card);color:var(--ink)}.it.on{background:var(--card2);color:var(--ink)}
.it span{margin-left:auto;font-size:11.5px;color:var(--dim);font-weight:500}.it .lv{color:var(--rose);font-weight:700}
.it .ic{width:18px;height:18px;border-radius:5px;background:var(--card3);display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--mute)}.it img{width:20px;height:20px;border-radius:50%;object-fit:cover}
.lim{margin:18px 8px 0;padding:10px;border-radius:10px;background:var(--card);border:1px solid var(--line);color:var(--mute);font-size:11.5px}.lim b{color:var(--ink);display:block;font-size:12px;margin-bottom:3px}
.main{padding:14px 18px 40px;min-width:0}
.slip{border-left:1px solid var(--line);padding:14px;background:#0c0c0e;position:sticky;top:58px;height:calc(100vh - 58px);overflow:auto}
.lvdot{color:var(--rose);letter-spacing:0;text-transform:none;font-weight:600;float:right}

/* live bar */
.livebar[hidden]{display:none!important}.livebar{display:flex;align-items:center;gap:12px;background:linear-gradient(90deg,rgba(255,92,122,.16),rgba(255,92,122,.03));border:1px solid rgba(255,92,122,.32);border-radius:12px;padding:9px 12px;margin-bottom:12px}
.livebar .dot{width:8px;height:8px;border-radius:50%;background:var(--rose);animation:pulse 1.6s infinite}.livebar b{font-size:13px}.livebar span.m{color:var(--mute)}.livebar img{width:26px;height:36px;object-fit:cover;border-radius:3px}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(255,92,122,.6)}70%{box-shadow:0 0 0 8px rgba(255,92,122,0)}100%{box-shadow:0 0 0 0 rgba(255,92,122,0)}}

/* intro */
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:10px}.steps div{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:11px}.steps b{display:block;font-size:13px;margin-bottom:3px}.steps span{color:var(--mute);font-size:12px}.steps i{font:900 15px var(--disp);font-style:normal;color:var(--gold);margin-right:6px}
.trust{display:flex;flex-wrap:wrap;gap:6px 16px;color:var(--mute);font-size:12px;margin:0 0 12px}.trust span:before{content:"✓ ";color:var(--green);font-weight:800}

/* promos */
.promo{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:10px;margin-bottom:14px}
.pr{border-radius:14px;padding:16px;min-height:132px;display:flex;flex-direction:column;justify-content:space-between;gap:10px;position:relative;overflow:hidden;transition:transform .15s}.pr:hover{transform:translateY(-1px)}
.pr1{background:linear-gradient(120deg,#3a2b0a,#151209 72%);border:1px solid rgba(242,193,78,.3)}.pr2{background:linear-gradient(120deg,#1e1838,#100e19 72%);border:1px solid rgba(139,124,246,.3)}
.pr .k{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:var(--gold)}.pr2 .k{color:var(--violet2)}
.pr h3{font:800 20px/1.12 var(--disp);font-stretch:110%;margin:4px 0;padding-right:104px}.pr .d{color:var(--mute);padding-right:104px}
.pr img.art{position:absolute;right:14px;top:14px;width:84px;max-height:118px;object-fit:contain;transform:rotate(6deg);filter:drop-shadow(0 10px 18px rgba(0,0,0,.55))}
.seatsav{display:flex;align-items:center;margin-top:8px}.seatsav img{width:22px;height:22px;border-radius:50%;border:2px solid #241c08;margin-right:-6px;object-fit:cover;background:var(--card3)}.seatsav span{margin-left:12px;color:var(--mute);font-size:12px}

/* tabs + chips */
.tabs,.chips{display:flex;gap:6px;margin-bottom:10px;align-items:center;flex-wrap:wrap}
.tabs button,.chips button{padding:7px 12px;border-radius:999px;background:var(--card2);color:var(--mute);font-weight:700;font-size:12.5px;white-space:nowrap}
.tabs button:hover,.chips button:hover{color:var(--ink)}.tabs button.on,.chips button.on{background:var(--ink);color:#0c0c0e}.tabs .live{color:var(--rose)}
.tabs .n{opacity:.7;font-weight:600;margin-left:3px}

/* break list: one markup, table on desktop, rows on phone */
.list{border-top:1px solid var(--line)}
.r{display:grid;grid-template-columns:minmax(0,2.6fr) minmax(0,.7fr) minmax(0,.8fr) minmax(0,1.25fr) minmax(0,1.1fr) 92px;gap:10px;align-items:center;padding:9px 8px;border-bottom:1px solid var(--line);transition:background .12s}
a.r:hover{background:var(--card)}
.r.rhd{padding:7px 8px;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);font-weight:600}
.r .b{display:flex;align-items:center;gap:10px;min-width:0}.r .b img{width:30px;height:42px;object-fit:contain;border-radius:3px;flex:none;background:var(--card2)}
.r .nm{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.r .sub{color:var(--mute);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.r .money{font:800 15px/1 var(--disp)}.r .val{color:var(--mute)}.r .host{display:flex;align-items:center;gap:7px;min-width:0;color:var(--mute)}.r .host img{width:20px;height:20px;border-radius:50%;object-fit:cover}.r .host span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.r .act{text-align:right}
.bar{display:inline-block;width:64px;height:5px;border-radius:3px;background:var(--card3);overflow:hidden;vertical-align:middle;margin-right:7px}.bar i{display:block;height:100%;background:var(--gold);border-radius:3px}.bar.live i{background:var(--rose)}
.tag{font-weight:800;font-size:11px;margin-left:6px}.hot{color:var(--rose)}.you{color:var(--gold)}.tag.pro{color:#c9bfff}
.r.mine{background:rgba(242,193,78,.05);box-shadow:inset 3px 0 0 var(--gold)}
.join{display:inline-block;padding:6px 14px;border-radius:7px;background:var(--gold);color:#16130a;font-weight:800;font-size:12.5px}.watch{display:inline-block;padding:6px 12px;border-radius:7px;box-shadow:inset 0 0 0 1px rgba(255,92,122,.5);color:var(--rose);font-weight:800;font-size:12.5px}
.empty{padding:28px 10px;color:var(--mute);text-align:center}
.mph{display:none}

/* solo */
.secth{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:22px 0 10px}.secth h3{font:800 17px/1 var(--disp);font-stretch:110%;margin:0}.secth span{color:var(--mute);font-size:12px;text-align:right}.secth a{color:var(--gold)}
.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:9px}
.tile{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px;text-align:center;position:relative;display:flex;flex-direction:column;align-items:center;transition:border-color .15s,transform .15s}.tile:hover{border-color:var(--line2);transform:translateY(-1px)}
.tile img.p{width:70px;height:70px;object-fit:contain;margin:4px 0}.tile b{font-size:14px}.tile .a{color:var(--mute);font-size:12px;margin:1px 0 8px}.tile .lbtn{width:100%;padding:7px}
.tile.off{opacity:.45}.tile .last{position:absolute;left:7px;top:7px;display:flex;align-items:center;gap:4px;font-size:10.5px;color:var(--green);font-weight:700;background:rgba(61,220,132,.1);border-radius:999px;padding:2px 7px 2px 2px}.tile .last img{width:12px;height:17px;border-radius:2px;object-fit:cover}

/* slip */
.slip h4.sh{font:800 15px/1 var(--disp);font-stretch:108%;margin:2px 0 12px;display:flex;justify-content:space-between;align-items:baseline}.slip h4.sh span{font:600 11px var(--body);color:var(--mute)}
.ent{display:block;background:var(--card);border:1px solid var(--line);border-radius:11px;padding:10px;margin-bottom:8px}.ent .rr{display:flex;justify-content:space-between;align-items:center;gap:8px}.ent b{font-size:13px}.ent small{color:var(--mute);display:block;margin-top:2px}
.ent .q{display:flex;gap:3px;margin-top:7px}.ent .q i{flex:1;height:4px;border-radius:2px;background:var(--card3)}.ent .q i.d{background:var(--rose)}.ent .q i.me{background:var(--gold)}
.st{font-size:10.5px;font-weight:800;padding:3px 8px;border-radius:999px;white-space:nowrap}.st.l{background:rgba(255,92,122,.15);color:var(--rose)}.st.w{background:rgba(242,193,78,.14);color:var(--gold)}.st.d{background:rgba(61,220,132,.13);color:var(--green)}
.win{background:linear-gradient(135deg,rgba(61,220,132,.13),var(--card) 62%);border:1px solid rgba(61,220,132,.3);border-radius:12px;padding:10px;margin-bottom:10px;display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px}.win img{width:42px;height:58px;object-fit:cover;border-radius:4px}.win b{font-size:13px}.win small{color:var(--mute);display:block;margin:2px 0 8px}.win .acts{display:flex;gap:6px;flex-wrap:wrap}.win .lbtn{padding:6px 9px;font-size:12px}
.welcome{background:linear-gradient(160deg,#2a2109,#121214 62%);border:1px solid rgba(242,193,78,.3);border-radius:14px;padding:14px;margin-bottom:14px}.welcome h5{font:800 17px/1.15 var(--disp);font-stretch:110%;margin:0 0 6px}.welcome p{color:var(--mute);font-size:12.5px;margin:0 0 12px}.welcome .lbtn{width:100%;margin-bottom:7px}
.pull{display:flex;align-items:center;gap:9px;padding:7px 0;border-top:1px solid var(--line);font-size:12.5px}.pull img{width:22px;height:31px;object-fit:cover;border-radius:3px;flex:none;background:var(--card2)}.pull .t{min-width:0}.pull .t div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pull .t small{color:var(--mute)}.pull b{margin-left:auto;color:var(--green);white-space:nowrap}
.pull.big b{color:var(--gold)}

/* phone-only bits */
.mchips,.fab,.tabbar,.sheetwrap{display:none}


@media (max-width:1240px){.body{grid-template-columns:minmax(0,1fr) 280px}.side{display:none}
  .mchips{display:flex;gap:7px;padding:10px 18px 0;overflow-x:auto;scrollbar-width:none}.mchips::-webkit-scrollbar{display:none}
  .mchips button{padding:7px 11px;border-radius:999px;background:var(--card2);color:var(--mute);font-weight:700;font-size:12px;white-space:nowrap;flex:none}.mchips button.on{background:var(--ink);color:#0c0c0e}}
@media (max-width:1100px){.r{grid-template-columns:minmax(0,2.4fr) minmax(0,.7fr) minmax(0,.8fr) minmax(0,1.2fr) 84px}.r .host{display:none}}
@media (max-width:1000px) and (min-width:901px){.body{grid-template-columns:minmax(0,1fr) 250px}.r .val{display:none}.r{grid-template-columns:minmax(0,2.4fr) minmax(0,.7fr) minmax(0,1.2fr) 80px}.promo{grid-template-columns:minmax(0,1fr)}}

/* ---------- phone ---------- */
@media (max-width:900px){
  html{scroll-padding-top:54px}
  .top{height:54px;gap:10px;padding:0 12px}.tnav,.bal,.bell,.auth .lbtn.ghost{display:none}.brand{font-size:14.5px}.brand img{width:22px;height:22px}
  .balp{display:flex;align-items:center;border-radius:999px;background:var(--card2);box-shadow:inset 0 0 0 1px var(--line2);overflow:hidden}.balp b{padding:6px 10px;font-size:12.5px}.balp a{background:var(--gold);color:#16130a;font-weight:900;padding:6px 11px;font-size:14px;line-height:1}
  .auth .av{width:28px;height:28px}.auth .lbtn.gold{padding:7px 11px;font-size:12.5px}
  .body{display:block}.side,.slip{display:none}
  .main{padding:10px 0 150px}
  .mchips{display:flex;gap:7px;padding:10px 12px 4px;overflow-x:auto;scrollbar-width:none;position:sticky;top:54px;z-index:20;background:rgba(9,9,10,.94);backdrop-filter:blur(8px)}.mchips::-webkit-scrollbar{display:none}
  .mchips button{padding:7px 11px;border-radius:999px;background:var(--card2);color:var(--mute);font-weight:700;font-size:12px;white-space:nowrap;flex:none}.mchips button.on{background:var(--ink);color:#0c0c0e}
  .livebar{margin:6px 12px 10px}.livebar span.m{display:none}
  #intro{padding:0 12px}.steps{grid-template-columns:minmax(0,1fr);gap:6px}.steps div{padding:9px 11px}
  .promo{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;padding:4px 12px 2px;scrollbar-width:none}.promo::-webkit-scrollbar{display:none}
  .pr{flex:0 0 88%;scroll-snap-align:center;min-height:126px}.pr h3{font-size:18px;padding-right:84px}.pr .d{padding-right:84px;font-size:12.5px}.pr img.art{width:68px}
  .tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding:6px 12px;margin:6px 0 0;gap:16px;border-bottom:1px solid var(--line)}.tabs::-webkit-scrollbar{display:none}
  .tabs button{background:none;padding:6px 0;border-radius:0;border-bottom:2px solid transparent}.tabs button.on{background:none;color:var(--ink);border-color:var(--gold)}
  .list{border-top:0}.r.rhd{display:none}
  .r{grid-template-columns:40px minmax(0,1fr) auto;padding:10px 12px;gap:11px}
  .r .b{display:contents}.r .b img{width:40px;height:56px}
  .r .val,.r .seats,.r .host{display:none}.r .mid{min-width:0}
  .r .money{display:none}.r .mph{display:block}
  .r .mph .bar{width:100%;margin:5px 0 0;height:4px}
  .r .act{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.r .act .pp{display:block;font:800 15px/1 var(--disp)}
  .secth{padding:0 12px;margin-top:20px}.secth span{display:none}
  .solochips{padding:0 12px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
  .tiles{display:flex;overflow-x:auto;padding:0 12px;scrollbar-width:none}.tiles::-webkit-scrollbar{display:none}.tile{flex:0 0 130px}
  .fab{display:flex;position:fixed;left:12px;right:12px;bottom:calc(66px + env(safe-area-inset-bottom));z-index:40;align-items:center;gap:10px;background:#1f1f23;border:1px solid var(--line2);border-radius:14px;padding:11px 13px;box-shadow:0 12px 30px rgba(0,0,0,.6);text-align:left}
  .fab .c{background:var(--gold);color:#16130a;font-weight:900;border-radius:999px;min-width:22px;height:22px;display:flex;align-items:center;justify-content:center;font-size:12px;padding:0 6px}.fab b{font-size:13px}.fab small{margin-left:auto;font-weight:700;font-size:12px;color:var(--mute)}.fab small.l{color:var(--rose)}.fab small.w{color:var(--green)}
  .fab[hidden]{display:none}
  .tabbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:45;justify-content:space-around;align-items:center;height:calc(60px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:rgba(12,12,14,.96);backdrop-filter:blur(10px);border-top:1px solid var(--line)}
  .tabbar a{display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--dim);font-size:10px;font-weight:700;position:relative;padding:6px 8px}.tabbar a i{font-style:normal;font-size:16px;line-height:1}.tabbar a.on{color:var(--gold)}
  .tabbar a[data-n]:after{content:attr(data-n);position:absolute;top:0;right:4px;background:var(--rose);color:#fff;font-size:9px;font-weight:900;border-radius:999px;padding:1px 5px}
  .sheetwrap{display:block;position:fixed;inset:0;z-index:70}.sheetwrap[hidden]{display:none}
  .sheetdim{position:absolute;inset:0;background:rgba(0,0,0,.55);animation:fade .2s}
  .sheet{position:absolute;left:0;right:0;bottom:0;max-height:82vh;overflow:auto;background:#111113;border-radius:18px 18px 0 0;border-top:1px solid var(--line2);padding:8px 14px calc(24px + env(safe-area-inset-bottom));animation:up .22s ease-out}
  .grab{width:40px;height:5px;border-radius:3px;background:var(--line2);margin:2px auto 12px}
  body.in .auth>a.lbtn.gold{display:none}
}
@keyframes up{from{transform:translateY(40px);opacity:.6}to{transform:none;opacity:1}}@keyframes fade{from{opacity:0}}
.ent.signin .lbtn{margin-top:10px;width:100%}

/* filling-seat bar, rip while you wait, spending check-in, play break */
.livebar.fillbar{background:linear-gradient(90deg,rgba(242,193,78,.16),rgba(242,193,78,.03));border-color:rgba(242,193,78,.35)}.livebar.fillbar .dot{background:var(--gold);animation:none}
.lbtn.sm{padding:6px 11px;font-size:12px}.lbtn.paused,.paused{display:inline-flex;align-items:center;padding:6px 11px;border-radius:8px;font-weight:700;font-size:12px;background:var(--card3);color:var(--mute);white-space:nowrap}.paused.sm{padding:6px 10px}
.rw{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:9px;padding-top:9px;border-top:1px dashed var(--line2)}.rw span{color:var(--mute);font-size:12px;font-weight:600;margin-right:auto}
.ent a.rr{color:inherit}
.checkin{display:flex;align-items:center;gap:14px;justify-content:space-between;flex-wrap:wrap;background:linear-gradient(90deg,rgba(139,124,246,.16),rgba(139,124,246,.04));border:1px solid rgba(139,124,246,.35);border-radius:12px;padding:11px 14px;margin-bottom:12px}
.checkin b{display:block;font-size:13.5px}.checkin span{color:var(--mute);font-size:12.5px}.checkin .acts{display:flex;gap:8px}
.checkin.calm{background:var(--card);border-color:var(--line2)}
@media (max-width:900px){#checkin{padding:0 12px}.livebar.fillbar .m{display:inline;font-size:12px}.livebar.fillbar{flex-wrap:wrap}}

/* ripping now strip */
.ripping{margin-bottom:14px}.ripping[hidden]{display:none}
.sech2{display:flex;align-items:baseline;justify-content:space-between;margin:2px 0 8px}.sech2 b{font:800 15px/1 var(--disp);font-stretch:110%;display:flex;align-items:center;gap:8px}.sech2 span{color:var(--mute);font-size:12px}
.lvdot2{width:8px;height:8px;border-radius:50%;background:var(--rose);animation:pulse 1.6s infinite;display:inline-block}
.rts{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.rts::-webkit-scrollbar{display:none}
.rt{flex:0 0 272px;display:grid;grid-template-columns:62px minmax(0,1fr);gap:10px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:9px;transition:border-color .15s}.rt:hover{border-color:var(--line2)}
.rt.live{border-color:rgba(255,92,122,.35);background:linear-gradient(135deg,rgba(255,92,122,.08),var(--card) 55%)}
.rti{position:relative}.rti img{width:62px;height:86px;object-fit:cover;border-radius:6px;background:var(--card3)}
.lvp{position:absolute;left:4px;top:4px;font-size:9px;font-weight:900;color:#fff;background:var(--rose);border-radius:4px;padding:1px 5px;letter-spacing:.04em}
.rtb{min-width:0;display:flex;flex-direction:column;gap:3px}.rtb b{font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rtb small{color:var(--mute);font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lp{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lp span{color:var(--green);font-weight:700}
.rtf{margin-top:auto;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--mute)}.watch.dim{box-shadow:inset 0 0 0 1px var(--line2);color:var(--ink)}
@media (max-width:900px){
  .ripping{padding:0 12px}.rt{flex-basis:250px}}

/* ===== PB touches (2026-10-11): his logo, white primary buttons, outline chips, kickers, fanned featured card,
   homepage stats strip, and a bottom bar that matches his outlined controls. Our layout stays as it was. ===== */
.brand img{height:30px;width:auto}
.tnav{gap:4px}.tnav a{padding:0 12px;border-bottom:0;border-radius:8px;height:36px;align-self:center;font-weight:500}
.tnav a.on{background:rgba(255,255,255,.06);border:0}
.gold{background:#fff;color:#0a0a0a}.gold:hover{background:#e7e7e4;filter:none}
.ghost{box-shadow:inset 0 0 0 1px var(--line3,rgba(255,255,255,.22))}
.join{background:#fff;color:#0a0a0a;border-radius:9px;font-weight:700}
.r .money,.r .pp,.tile b+.a,.balp b{color:inherit}.r .money,.r .act .pp{color:var(--gold)}
.kick{display:inline-flex;align-items:center;gap:8px;font:600 .68rem/1 var(--body);letter-spacing:.16em;text-transform:uppercase;color:var(--mute)}
.kick:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--gold)}
/* chips: PB's outline pills, white when on */
.tabs button,.chips button,.mchips button{background:transparent;box-shadow:inset 0 0 0 1px var(--line2);color:var(--mute);font-weight:500;border-radius:999px;height:32px;padding:0 13px}
.tabs button:hover,.chips button:hover,.mchips button:hover{color:var(--ink);box-shadow:inset 0 0 0 1px var(--line3,rgba(255,255,255,.22))}
.tabs button.on,.chips button.on,.mchips button.on{background:#fff;color:#0a0a0a;box-shadow:none}
.tabs .live{color:var(--rose)}.tabs button.live.on{color:#0a0a0a}
/* section heads like PB's */
.secth{align-items:end}.secth h3{font:800 clamp(1.15rem,1.8vw,1.5rem)/1.1 var(--disp);font-stretch:108%;margin:8px 0 0}.secth .lnk{color:var(--mute);font-size:.86rem;font-weight:500;white-space:nowrap}.secth .lnk:hover{color:var(--ink)}
/* homepage stats strip (signed out) */
.kpis:not(:empty){display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 14px;padding:12px 14px;background:var(--card);border-radius:12px;box-shadow:inset 0 0 0 1px var(--line)}
.kpis small{display:block;font:600 .62rem/1.2 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--dim);margin-bottom:5px}
.kpis b{font:800 1.25rem/1 var(--disp);font-stretch:108%}.kpis b.g{color:var(--gold)}
/* featured cards: PB's frame + fanned slabs + stat trio */
.pr{display:grid;grid-template-columns:minmax(0,1fr) 150px;align-items:stretch;gap:14px;background:var(--card);border:0;box-shadow:inset 0 0 0 1px var(--line);border-radius:16px;padding:18px;min-height:0}
.pr1{background:radial-gradient(120% 140% at 100% 0,rgba(242,193,78,.10),transparent 55%),var(--card)}
.pr2{background:radial-gradient(120% 140% at 100% 0,rgba(139,124,246,.12),transparent 55%),var(--card)}
.pr:hover{box-shadow:inset 0 0 0 1px var(--line2);transform:none}
.prt{display:flex;flex-direction:column;gap:6px;min-width:0}
.pr h3{font:800 1.3rem/1.1 var(--disp);font-stretch:108%;margin:4px 0 0;padding:0}.pr .d{padding:0;font-size:12.5px}
.trio{display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:4px 22px;margin:6px 0 2px}.trio b{display:block;font:800 1.05rem/1 var(--disp);font-stretch:106%}.trio b.g{color:var(--gold)}.trio small{color:var(--dim);font-size:11px}
.pbar{height:4px;border-radius:2px;background:var(--card3);overflow:hidden;margin:4px 0}.pbar i{display:block;height:100%;background:var(--gold);border-radius:2px}
.lbtn.wide{margin-top:auto;width:100%;height:40px;border-radius:10px;font-weight:700}
.pr .seatsav{margin-top:0}
.fan{position:relative;min-height:150px}.fan img{position:absolute;bottom:4px;left:50%;height:86%;max-height:170px;width:auto;aspect-ratio:3/4.1;object-fit:cover;border-radius:6px;box-shadow:0 0 0 1px rgba(255,255,255,.14),0 16px 26px -10px #000;background:#1c1c1f;transform-origin:50% 100%}
.fan img:nth-child(1){transform:translateX(-50%) rotate(0deg);z-index:3}
.fan img:nth-child(2){transform:translateX(-82%) rotate(-9deg);z-index:2;filter:brightness(.8)}
.fan img:nth-child(3){transform:translateX(-18%) rotate(9deg);z-index:1;filter:brightness(.8)}
.fan.one img{transform:translateX(-50%) rotate(4deg)}
.pr img.art{position:static;transform:rotate(6deg);width:110px;align-self:center;justify-self:center}
/* My seats bar + bottom bar: PB's outlined control style */
@media (max-width:900px){
  .kpis:not(:empty){margin:4px 12px 12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .pr{grid-template-columns:minmax(0,1fr) 108px;padding:15px}.fan{min-height:130px}.pr h3{font-size:1.15rem}
  .tabs{gap:8px;border-bottom:0;padding:6px 12px 8px}.tabs button{border-bottom:0;padding:0 13px}
  .tabs button.on{background:#fff;color:#0a0a0a}
  .fab{background:rgba(22,22,24,.92);backdrop-filter:blur(14px);border:0;box-shadow:inset 0 0 0 1px var(--line2),0 14px 30px -12px #000;border-radius:14px;bottom:calc(84px + env(safe-area-inset-bottom))}
  .fab .c{background:#fff;color:#0a0a0a}
  .tabbar{left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));height:62px;padding:0 4px;border-radius:16px;border:0;background:rgba(18,18,20,.88);backdrop-filter:blur(16px) saturate(1.3);box-shadow:inset 0 0 0 1px var(--line2),0 18px 36px -14px #000}
  .tabbar a{color:var(--mute);font:500 10.5px/1 var(--body);gap:5px;padding:8px 10px;border-radius:12px;flex:1;max-width:84px}
  .tabbar a svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
  .tabbar a.on{color:#fff;background:rgba(255,255,255,.06)}
  .tabbar a.on::before{content:"";position:absolute;top:5px;left:50%;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:var(--gold)}
  .tabbar a[data-n]:after{background:var(--gold);color:#0a0a0a;top:2px;right:14px}
  .main{padding-bottom:calc(110px + env(safe-area-inset-bottom))}
}
/* fan sizing fix: fixed height, centred, tighter spread, text always on top */
.prt{position:relative;z-index:4}
.fan{height:168px;min-height:0;align-self:center}
.fan img{height:100%;max-height:none;bottom:0}
.fan img:nth-child(2){transform:translateX(-74%) rotate(-8deg)}
.fan img:nth-child(3){transform:translateX(-26%) rotate(8deg)}
.pr{grid-template-columns:minmax(0,1fr) 160px;overflow:hidden}
@media (max-width:900px){.pr{grid-template-columns:minmax(0,1fr) 96px}.fan{height:118px}.fan img:nth-child(2){transform:translateX(-70%) rotate(-8deg)}.fan img:nth-child(3){transform:translateX(-30%) rotate(8deg)}}
@media (max-width:900px){.pr{grid-template-columns:minmax(0,1fr) 82px;gap:10px}.fan{height:104px}.trio{gap:4px 14px}.trio b{font-size:.98rem}}

/* ===== dedicated views (#/breaks, #/solo) ===== */
.viewhead:not(:empty){margin:4px 0 16px}.viewhead h2{font:900 clamp(1.7rem,3vw,2.4rem)/1.02 var(--disp);font-stretch:112%;margin:10px 0 6px}.viewhead p{color:var(--mute);margin:0;max-width:640px;font-size:13.5px}
body.view-breaks #kpis,body.view-breaks .promo,body.view-breaks #solo,body.view-breaks #solofeed{display:none}
body.view-solo #kpis,body.view-solo .promo,body.view-solo #ripping,body.view-solo #breaks,body.view-solo #solo>.secth{display:none!important}
body.view-lobby #solofeed{display:none}
.tile .mx{display:none;color:var(--dim);font-size:11px;margin:-4px 0 8px}
body.view-solo .tile .mx{display:block}
body.view-solo .tiles{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}
body.view-solo #solo{margin-top:0}
.solofeed .secth{margin-top:26px}
.pcs{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:10px}
.pc{display:flex;flex-direction:column;gap:3px;background:var(--card);border-radius:12px;padding:8px;box-shadow:inset 0 0 0 1px var(--line);transition:box-shadow .15s}.pc:hover{box-shadow:inset 0 0 0 1px var(--line2)}
.pc{min-width:0}.pc img{width:100%;aspect-ratio:3/5;object-fit:contain;border-radius:6px;background:var(--card3);margin-bottom:4px}
.pc b{font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pc .v{color:var(--gold);font:800 .95rem/1 var(--disp)}.pc small{color:var(--dim);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:900px){
  .viewhead:not(:empty){padding:6px 12px 0;margin-bottom:10px}.viewhead h2{font-size:1.8rem}
  body.view-solo .tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;overflow:visible}body.view-solo .tile{flex:none}
  .solofeed{padding:0 12px}.pcs{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
}

/* hero cards on phones: two columns side by side, compact (slabs on top, short button) */
.pr .sm2{display:none}
@media (max-width:900px){
  .promo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;overflow:visible;padding:4px 12px 2px;scroll-snap-type:none}
  .pr{flex:none;display:flex;flex-direction:column;gap:8px;padding:11px;min-height:0;border-radius:14px}
  .pr .fan{order:-1;height:92px;width:100%}
  .pr .fan img:nth-child(2){transform:translateX(-78%) rotate(-9deg)}.pr .fan img:nth-child(3){transform:translateX(-22%) rotate(9deg)}
  .prt{gap:4px;flex:1}
  .pr .kick{font-size:.56rem;letter-spacing:.12em}
  .pr h3{font-size:.98rem;line-height:1.12;margin:2px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .pr .d,.pr .seatsav{display:none}
  .trio{grid-template-columns:auto auto;gap:2px 12px;margin:2px 0 0}.pr .trio>div:nth-child(3){display:none}.trio b{font-size:.92rem}.trio small{font-size:10px}
  .pbar{margin:2px 0 0}
  .lbtn.wide{height:34px;min-height:34px;flex:none;font-size:12.5px;margin-top:6px;padding:0 8px}
  .pr .lg{display:none}.pr .sm2{display:inline}
}
@media (max-width:900px){.pr .lbtn.wide{margin-top:auto}.prt{min-height:0}}

/* ===== app shell (2026-10-11): PB's chrome hidden, his modals kept; More sheet; not-found; reconnecting ===== */
body.lobby>.hd,body.lobby>.ribbon:not(.probar),body.lobby>.ft{display:none!important}
body.lobby{font:400 13.5px/1.42 var(--body)}
.lobby .lbtn{height:auto;line-height:1.15}
#view>section,#view>div{margin-bottom:0}
.more{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.more .mi{display:flex;flex-direction:column;gap:3px;padding:12px;border-radius:12px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line)}.more .mi b{font-size:13.5px}.more .mi small{color:var(--dim);font-size:11px}
.nf{padding:40px 6px;max-width:520px}.nf h2{font:900 2rem/1.05 var(--disp);font-stretch:112%;margin:10px 0 8px}.nf p{color:var(--mute);margin:0 0 16px}
.stale{background:rgba(242,193,78,.1);color:var(--gold);border-radius:10px;padding:8px 12px;margin-bottom:10px;font-size:12.5px}.stale[hidden]{display:none}
.tnav a[data-go="more"]{cursor:pointer}
.tile button.lbtn{width:100%;padding:7px}

/* ===== break room (#/break/…) ===== */
.bk-loading{padding:40px 4px;color:var(--mute)}
.bk-head{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:18px;align-items:center;background:radial-gradient(120% 140% at 100% 0,rgba(242,193,78,.10),transparent 55%),var(--card);border-radius:16px;box-shadow:inset 0 0 0 1px var(--line);padding:20px;margin-bottom:16px}
.bk-info{display:flex;flex-direction:column;gap:8px;min-width:0}
.bk-head h1{font:900 clamp(1.6rem,3vw,2.3rem)/1.02 var(--disp);font-stretch:112%;margin:2px 0}
.bk-host{display:inline-flex;align-items:center;gap:8px;color:var(--mute);font-size:13px}.bk-host img{width:22px;height:22px;border-radius:50%;object-fit:cover}.bk-host b{color:var(--ink)}
#bk-follow{display:inline-block;margin-left:8px}
.bk-head .trio{grid-template-columns:repeat(4,auto);gap:4px 26px}.bk-head .trio b{font-size:1.2rem}
.bk-act{display:flex;align-items:center;gap:14px;margin-top:6px;flex-wrap:wrap}.bk-act .lbtn{height:44px;padding:0 22px;border-radius:11px;font-size:14px}.bk-status{color:var(--mute);font-size:13px}
.bk-act .lbtn:disabled{opacity:.5;cursor:default}
.fan.bk-fan{height:210px}
.bk-seats,.bk-stage,.bk-box,.bk-stream,.bk-proof{margin-bottom:18px}
.seatgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:9px}
.seatgrid .seat{position:relative;height:84px;border-radius:13px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:linear-gradient(180deg,#161618,#121214);box-shadow:inset 0 0 0 1px var(--line2);transition:transform .12s,box-shadow .15s;overflow:hidden}
.seatgrid .seat b{font:800 1.25rem/1 var(--disp)}.seatgrid .seat small{font:700 .62rem/1 var(--body);letter-spacing:.1em;text-transform:uppercase;color:var(--green)}
.seatgrid .seat:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px rgba(242,193,78,.6)}
.seatgrid .seat.held{opacity:.75}.seatgrid .seat.held small{color:var(--mute)}.seatgrid .seat.paid small{color:var(--gold)}
.seatgrid .seat.mine{box-shadow:inset 0 0 0 2px var(--gold)}.seatgrid .seat.mine small{color:var(--gold)}
.seatgrid .seat.refunded{opacity:.45;text-decoration:line-through}
.seatgrid .seat .who{font:600 .6rem/1 var(--body);color:var(--mute);max-width:78px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.seatgrid .seat.won img{position:absolute;inset:5px;width:calc(100% - 10px);height:calc(100% - 10px);object-fit:cover;border-radius:9px;opacity:.9}
.seatgrid .seat.won b,.seatgrid .seat.won small{position:relative;z-index:1;text-shadow:0 2px 8px #000}.seatgrid .seat.won small{color:var(--gold)}
.bk-stream iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:14px;background:#000}
.bk-stream .ph{padding:22px;border-radius:14px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line)}.bk-stream .ph h3{margin:8px 0 12px}
.bk-stagegrid{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:12px;align-items:stretch}
.bk-stagegrid .rsbox{border-radius:14px;overflow:hidden;background:#050506;box-shadow:inset 0 0 0 1px var(--line)}
.plog{display:flex;flex-direction:column;gap:6px;overflow:auto;max-height:460px;padding:8px;border-radius:14px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line)}
.plog .muted{color:var(--mute);font-size:12.5px;padding:6px}
.pl{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:center;padding:6px 8px;border-radius:10px;background:rgba(255,255,255,.03);box-shadow:inset 0 0 0 1px var(--line)}
.pl img{width:34px;height:46px;object-fit:cover;border-radius:4px}.pl b{display:block;font:800 .78rem/1.2 var(--body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pl small{font:700 .68rem/1 var(--body);color:var(--mute)}
.pl .v{font:700 .82rem/1 var(--body);color:var(--gold)}.pl.r-epic{box-shadow:inset 0 0 0 1px rgba(242,193,78,.6)}.pl.r-rare{box-shadow:inset 0 0 0 1px rgba(94,166,255,.4)}
.bk-packs{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:9px}
.bk-packs .pk{display:flex;flex-direction:column;gap:3px;padding:10px;border-radius:12px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line)}.bk-packs .pk img{width:100%;aspect-ratio:3/4.1;object-fit:cover;border-radius:6px;margin-bottom:5px;background:var(--card3)}.bk-packs .pk b{font-size:13px}.bk-packs .pk small{color:var(--mute);font-size:11.5px}
.bk-proof{padding:14px;border-radius:14px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line);display:flex;flex-direction:column;gap:8px;font-size:13px}.bk-proof[hidden]{display:none}.bk-proof .orc{display:flex;gap:12px;flex-wrap:wrap;color:var(--mute)}.bk-proof .orc a{color:var(--gold)}.bk-proof .seed{color:var(--dim);font-size:11.5px;word-break:break-all}
@media (max-width:1100px){.bk-stagegrid{grid-template-columns:minmax(0,1fr)}.plog{max-height:260px}}
@media (max-width:900px){
  .bk-head{grid-template-columns:minmax(0,1fr);padding:15px;margin:0 12px 14px}.bk-head .fan{order:-1;height:150px}.bk-head .trio{grid-template-columns:repeat(2,auto)}
  .bk-seats,.bk-stage,.bk-box,.bk-stream,.bk-proof{margin-left:12px;margin-right:12px}
  .seatgrid{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.seatgrid .seat{height:58px;border-radius:10px;gap:3px}.seatgrid .seat b{font-size:1rem}.seatgrid .seat small{font-size:.5rem}.seatgrid .seat .who{display:none}
  .bk-packs{grid-template-columns:repeat(3,minmax(0,1fr))}
}

/* Single My seats entry: tab badge shows state (no floating bar) */
@media (max-width:900px){
  .tabbar a[data-st=live]:after{background:var(--rose);color:#fff;box-shadow:0 0 0 3px rgba(255,77,109,.25)}
  .tabbar a[data-st=won]:after{background:var(--green);color:#06130b}
}

/* ---------- My account (#/me) ---------- */
.me-card{display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:var(--card);border-radius:16px;box-shadow:inset 0 0 0 1px var(--line);padding:16px;margin-bottom:12px}
.me-card h3{font:800 17px/1.15 var(--disp);font-stretch:108%;margin:6px 0 4px}.me-card small{color:var(--mute);font-size:12.5px}
.me-card>div:first-child{flex:1;min-width:220px}
.me-ac{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.me-id{background:radial-gradient(120% 160% at 100% 0,rgba(242,193,78,.10),transparent 55%),var(--card)}
.me-id .av{width:58px;height:58px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px var(--line2);flex:none}
.me-id .who{flex:1;min-width:160px}.me-id h2{font:800 22px/1 var(--disp);font-stretch:110%;margin:0 0 7px}
.me-id .chips{display:flex;gap:6px;flex-wrap:wrap}.me-id .chip{font:700 11px/1 var(--body);padding:5px 9px;border-radius:999px;background:var(--card3);color:var(--mute)}.me-id .chip.gold{background:rgba(242,193,78,.14);color:var(--gold)}
.me-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:6px}
.me-k{background:var(--card);border-radius:14px;box-shadow:inset 0 0 0 1px var(--line);padding:13px;display:flex;flex-direction:column;gap:5px;min-width:0}
.me-k small{color:var(--mute);font-weight:700;font-size:11.5px}.me-k small em{font-style:normal;color:var(--dim);font-weight:600;margin-left:4px}
.me-k>b{font:800 22px/1.05 var(--disp);font-stretch:108%}.me-k>b i{font:600 12px var(--body);color:var(--mute);font-style:normal}
.me-k>span{color:var(--mute);font-size:11.5px;line-height:1.35}.me-k>span i{font-style:normal;font-weight:700}
.me-k .me-ac{margin-top:auto;padding-top:4px}.me-k.mbal{background:radial-gradient(120% 140% at 0 0,rgba(242,193,78,.12),transparent 60%),var(--card)}
.pos{color:var(--green)}.neg{color:var(--rose)}
.me-sec{margin-bottom:8px}
.me-seats{display:grid;gap:8px}
.me-seat{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:12px;align-items:center;background:var(--card);border-radius:12px;box-shadow:inset 0 0 0 1px var(--line);padding:10px 12px}
.me-seat:hover{box-shadow:inset 0 0 0 1px var(--line2)}.me-seat .sn{font:800 16px var(--disp);color:var(--gold);text-align:center;background:var(--card3);border-radius:9px;padding:9px 0}
.me-seat b{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.me-seat small{color:var(--mute);font-size:12px}.me-seat .live{color:var(--rose);font-style:normal;font-weight:800}.me-seat .go{color:var(--mute);font-weight:700;font-size:12.5px}
#me-tabs{margin:18px 0 10px}.me-filt{margin:0 0 12px}.tabs button span{opacity:.6;margin-left:3px}
.me-vault{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}
.me-slab{background:var(--card);border-radius:14px;box-shadow:inset 0 0 0 1px var(--line);overflow:hidden;display:flex;flex-direction:column}
.me-slab .im{position:relative;aspect-ratio:3/4;background:radial-gradient(80% 60% at 50% 40%,color-mix(in srgb,var(--rc) 22%,transparent),transparent 70%),var(--card2);display:flex;align-items:center;justify-content:center;padding:12px}
.me-slab .im img{position:absolute;inset:12px;width:calc(100% - 24px);height:calc(100% - 24px);object-fit:contain;filter:drop-shadow(0 10px 18px rgba(0,0,0,.5))} /* absolute, not max-height:100%: Safari treats a % max-height inside an aspect-ratio box as none, so the slab filled the tile edge to edge (feedback #24) */
.me-slab .rb{position:absolute;top:8px;left:8px;font:800 9.5px/1 var(--body);letter-spacing:.1em;text-transform:uppercase;color:var(--rc);background:rgba(0,0,0,.55);padding:4px 7px;border-radius:999px}
.me-slab .bd{padding:10px 11px 12px;display:flex;flex-direction:column;gap:4px;flex:1}.me-slab .nm{font-size:13px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.me-slab .bd>small{color:var(--mute);font-size:11.5px}
.me-slab .vv{display:flex;justify-content:space-between;align-items:baseline;margin:2px 0 6px}.me-slab .vv b{font:800 16px var(--disp)}.me-slab .vv span{font-weight:700;font-size:12px}
.me-slab .me-ac{margin-top:auto}.me-slab .me-ac .lbtn{flex:1;justify-content:center}.me-cd{color:var(--dim);font-size:11px;margin-top:4px}.me-sold{margin-top:auto;color:var(--green);font-weight:700;font-size:12px}
.me-act{display:grid;gap:8px}
.me-ar{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:12px;align-items:center;background:var(--card);border-radius:12px;box-shadow:inset 0 0 0 1px var(--line);padding:9px 12px}
.me-ar img{width:40px;height:52px;object-fit:contain}.me-ar .ic{font:800 9px var(--body);letter-spacing:.06em;color:var(--mute);background:var(--card3);border-radius:8px;height:40px;display:flex;align-items:center;justify-content:center}
.me-ar .tx b{display:block;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.me-ar small{color:var(--mute);font-size:11.5px;display:block}.me-ar .rv{text-align:right}.me-ar .rv b{font:800 15px var(--disp)}
.me-empty{background:var(--card);border-radius:14px;box-shadow:inset 0 0 0 1px var(--line);padding:22px;text-align:center;display:flex;flex-direction:column;gap:8px;align-items:center}.me-empty b{font:800 16px var(--disp)}.me-empty span{color:var(--mute);font-size:13px}
.me-pro{margin-top:16px;background:radial-gradient(120% 160% at 0 100%,rgba(139,124,246,.14),transparent 60%),var(--card)}
.me-early{background:radial-gradient(120% 160% at 100% 0,rgba(242,193,78,.14),transparent 60%),var(--card)}.me-early>div{flex:1;min-width:200px}.me-early h3{margin:2px 0 4px}.me-early .ps-q{display:block;margin-top:3px;color:var(--dim);font-size:11.5px}
.ps-m .ps-about{display:block;min-height:1.2em;margin:0 0 12px;color:var(--mute);font-size:.8rem}.ps-m .ps-warn{margin:0 0 14px;color:var(--mute);font-size:.8rem;line-height:1.4}.ps-m .ps-sw{justify-self:center;border:0;background:none;padding:4px 8px;color:var(--gold);font:600 .85rem/1.2 var(--body);text-decoration:underline;cursor:pointer}
@media (max-width:1100px){.me-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){
  #me{padding:0 12px}.me-id{padding:14px}.me-id .av{width:48px;height:48px}.me-id h2{font-size:19px}.me-id>.me-ac{width:100%}
  .me-k>b{font-size:19px}.me-vault{grid-template-columns:repeat(2,minmax(0,1fr))}#me-tabs{padding:6px 0}
}

/* ---------- Hall of Hits (#/hits) ---------- */
.hh-hero{display:grid;grid-template-columns:150px minmax(0,1fr);gap:18px;align-items:center;background:radial-gradient(120% 160% at 0 0,color-mix(in srgb,var(--rc) 20%,transparent),transparent 60%),var(--card);border-radius:16px;box-shadow:inset 0 0 0 1px var(--line);padding:16px;margin-bottom:14px}
.hh-hero .im img{width:100%;border-radius:8px;filter:drop-shadow(0 14px 22px rgba(0,0,0,.55))}
.hh-hero h3{font:800 22px/1.1 var(--disp);font-stretch:108%;margin:8px 0 4px}.hh-hero small{display:block;color:var(--mute);font-size:12.5px}
.hh-hero .v{font:800 30px/1 var(--disp);color:var(--gold);margin:12px 0 8px}.hh-hero .v em{font:700 13px var(--body);color:var(--green);font-style:normal;margin-left:6px}
.hh .tabs{margin-bottom:8px}.hh-t{margin-bottom:0}
.hh-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}
.hh-c{display:flex;flex-direction:column;gap:3px;background:var(--card);border-radius:12px;padding:8px;box-shadow:inset 0 0 0 1px var(--line);transition:box-shadow .15s}.hh-c:hover{box-shadow:inset 0 0 0 1px var(--line2)}
.hh-c .im{position:relative;aspect-ratio:3/4.1;border-radius:7px;overflow:hidden;background:radial-gradient(80% 60% at 50% 40%,color-mix(in srgb,var(--rc) 20%,transparent),transparent 70%),var(--card3);margin-bottom:5px}
.hh-c .im img{width:100%;height:100%;object-fit:cover}
.hh-c .rb{position:absolute;left:6px;top:6px;font:800 9px/1 var(--body);letter-spacing:.1em;text-transform:uppercase;color:var(--rc);background:rgba(0,0,0,.6);padding:4px 6px;border-radius:999px}
.hh-c .x{position:absolute;right:6px;top:6px;font:800 10px/1 var(--body);color:#06130b;background:var(--green);padding:4px 6px;border-radius:999px}
.hh-c b{font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hh-c .g{color:var(--dim);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hh-c .row{display:flex;justify-content:space-between;align-items:flex-end;gap:6px;margin-top:3px}.hh-c .v{color:var(--gold);font:800 15px/1 var(--disp)}.hh-c small{color:var(--mute);font-size:10.5px;text-align:right;line-height:1.3;min-width:0;overflow:hidden;text-overflow:ellipsis}

/* ---------- Live (#/live) ---------- */
.lv-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}
.lv-t{display:flex;flex-direction:column;background:var(--card);border-radius:14px;box-shadow:inset 0 0 0 1px var(--line);overflow:hidden;transition:box-shadow .15s}.lv-t:hover{box-shadow:inset 0 0 0 1px var(--line2)}
.lv-t.on{box-shadow:inset 0 0 0 1px rgba(255,92,122,.35)}
.lv-t .im{position:relative;height:150px;background:var(--card3);display:flex;align-items:center;justify-content:center;overflow:hidden}.lv-t .im img{height:100%;width:100%;object-fit:cover}
.lv-t .lvp{left:8px;top:8px;font-size:10px;padding:2px 6px}.lv-t .pl{position:absolute;right:8px;top:8px;font:800 10px/1 var(--body);background:rgba(0,0,0,.6);color:#fff;border-radius:4px;padding:3px 6px}
.lv-t .bd{padding:10px 12px 12px;display:flex;flex-direction:column;gap:4px;flex:1}.lv-t .tl{display:flex;align-items:center;gap:4px}.lv-t .tl b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lv-t small{color:var(--mute);font-size:12px}.lv-t .lp{font-size:12px;color:var(--mute)}.lv-t .lp span{color:var(--gold);font-weight:800}
.lv-t .ft{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:6px}.lv-t .host{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--mute);font-weight:600}.lv-t .host img{width:20px;height:20px;border-radius:50%}
.secth h3 .lvdot2{vertical-align:middle;margin-right:4px}
@media (max-width:900px){
  .hh,body.view-live #view>section{padding:0 12px}.hh .tabs{padding:6px 0}.hh-hero{grid-template-columns:96px minmax(0,1fr);gap:12px;padding:12px}.hh-hero h3{font-size:17px}.hh-hero .v{font-size:22px;margin:8px 0 6px}
  .hh-g{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.lv-g{grid-template-columns:minmax(0,1fr)}.lv-t{flex-direction:row}.lv-t .im{width:110px;height:auto;min-height:120px;flex:none}
}

/* ---------- Host (#/host/:handle) ---------- */
.ho-id .hn{color:var(--mute);font-weight:600;margin:-3px 0 6px}.ho-id h2{margin:8px 0 6px}.ho-id .bio{color:var(--ink);opacity:.85;font-size:13.5px;margin:0 0 8px;max-width:60ch}
.ho-id .chip{font:700 11px/1 var(--body);padding:5px 9px;border-radius:999px;background:var(--card3);color:var(--mute)}.ho-id h2 .chip.gold{vertical-align:middle;font-size:10px}
.ho-live{display:flex;align-items:center;gap:10px;background:linear-gradient(90deg,rgba(255,92,122,.16),var(--card) 70%);border-radius:12px;box-shadow:inset 0 0 0 1px rgba(255,92,122,.35);padding:12px 14px;margin-bottom:12px}.ho-live .go{margin-left:auto;color:var(--rose);font-weight:800;font-size:13px}
.ho-past{display:grid;gap:8px}
@media (max-width:900px){#ho{padding:0 12px}#ho #breaks .list{margin:0 -12px}}

/* ---------- Rewards (#/rewards) ---------- */
.rw-prog{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;margin:10px 0 4px;font-size:12px;color:var(--mute)}.rw-prog .bar{height:6px;border-radius:9px;background:var(--card3);overflow:hidden}.rw-prog .bar i{display:block;height:100%;background:var(--gold);border-radius:9px}.rw-prog b{color:var(--ink);font-size:12px}
.rw-flow{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);gap:8px;align-items:stretch}.rw-flow .arr{display:flex;align-items:center;color:var(--dim);font-size:20px}
.rw-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.rw-two .me-card{margin:0;align-items:flex-start}.rw-two small{line-height:1.5}
.rw-both{display:flex;gap:14px;align-items:center;margin-top:10px;background:linear-gradient(90deg,rgba(242,193,78,.14),var(--card) 70%);border-radius:12px;box-shadow:inset 0 0 0 1px rgba(242,193,78,.3);padding:12px 14px}.rw-both>b{font:800 26px/1 var(--disp);color:var(--gold)}.rw-both span{color:var(--mute);font-size:13px}.rw-both span b{color:var(--ink)}
.rw-ladder{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.rw-ladder>div{background:var(--card);border-radius:11px;box-shadow:inset 0 0 0 1px var(--line);padding:10px 6px;text-align:center;display:flex;flex-direction:column;gap:3px}
.rw-ladder b{font:800 17px/1 var(--disp)}.rw-ladder span{font-weight:700;font-size:12px}.rw-ladder small{color:var(--dim);font-size:10.5px}
.rw-ladder .done{opacity:.55}.rw-ladder .on{box-shadow:inset 0 0 0 1.5px var(--gold);background:radial-gradient(100% 100% at 50% 0,rgba(242,193,78,.16),transparent 70%),var(--card)}.rw-ladder .on b{color:var(--gold)}
.rw-note{display:block;color:var(--mute);font-size:12px;margin-top:8px}
.rw-check{display:flex;gap:8px}.rw-check input{flex:1;min-width:0;background:var(--card);border:1px solid var(--line2);border-radius:10px;padding:10px 12px;color:var(--ink);font:500 13px var(--body)}
.rw-cr{flex-direction:column;align-items:stretch;gap:6px;margin-top:10px}.rw-cr .big{font:800 16px var(--disp)}.rw-cr .row{display:flex;justify-content:space-between;font-size:13px;color:var(--mute);border-top:1px solid var(--line);padding-top:6px}.rw-cr .row b{color:var(--ink)}
.rw-faq details{background:var(--card);border-radius:11px;box-shadow:inset 0 0 0 1px var(--line);padding:12px 14px;margin-bottom:8px}.rw-faq summary{font-weight:700;cursor:pointer}.rw-faq p{color:var(--mute);font-size:13px;margin:8px 0 0;line-height:1.5}
@media (max-width:900px){.rw{padding:0 12px}.rw-flow{grid-template-columns:minmax(0,1fr)}.rw-flow .arr{justify-content:center;transform:rotate(90deg);height:14px}.rw-two{grid-template-columns:minmax(0,1fr)}.rw-ladder{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* views that already pad their own column on phones: no second inset on section headers */
@media (max-width:900px){#me .secth,.hh .secth,#ho .secth,.rw .secth,body.view-live .secth,.solofeed .secth{padding:0}#ho #breaks .secth{padding:0}}
/* one button height on phones: hero buttons and list Join/Watch match (34px) */
@media (max-width:900px){.r .join,.r .watch,.r .paused.sm{display:inline-flex;align-items:center;justify-content:center;height:34px;padding:0 14px;flex:none}}
/* seat badge on the header avatar (phone bar slot is now Build a break) */
.auth .avme{position:relative;display:inline-flex}
.auth .avme[data-n]:after{content:attr(data-n);position:absolute;top:-4px;right:-5px;background:var(--gold);color:#0a0a0a;font:900 9.5px/1 var(--body);border-radius:999px;padding:3px 5px;box-shadow:0 0 0 2px var(--bg)}
.auth .avme[data-st=live]:after{background:var(--rose);color:#fff}.auth .avme[data-st=won]:after{background:var(--green);color:#06130b}
@media (max-width:900px){.tabbar a{font-size:10.5px;white-space:nowrap}}
/* line filters only where they filter something (lobby + breaks) */
body:not(.view-lobby):not(.view-breaks) #mchips,body:not(.view-lobby):not(.view-breaks) #lines,body:not(.view-lobby):not(.view-breaks) .side>h4:first-child{display:none}
/* phone header: the balance pill's + is the one Add funds; desktop keeps the labelled button */
@media (max-width:900px){.auth .lbtn.gold[data-fund],.auth a.lbtn.gold[href$="/me/"]{display:none}}
/* balance pill: the + is the phone's Add funds, a gold circle seated inside the pill */
.balp{padding-right:3px;gap:2px}
.balp button,.balp a{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border-radius:50%;background:var(--gold);color:#16130a;font:900 16px/1 var(--body);flex:none}
.balp b{padding:6px 6px 6px 11px}

/* ---------- PB parity additions ---------- */
.bk-math{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:12px;margin:18px 0}
.bk-math .me-card{margin:0;align-items:flex-start;flex-direction:column}.bk-math .me-card>div:first-child{width:100%}
.bk-split .sbar{display:flex;height:8px;border-radius:9px;overflow:hidden;margin:12px 0 4px;gap:2px}.bk-split .sbar i{display:block}
.bk-split ul{list-style:none;margin:10px 0 4px;padding:0;display:grid;gap:8px}.bk-split li{display:flex;gap:9px;align-items:baseline;color:var(--mute);font-size:13px;line-height:1.45}
.bk-split li>i{flex:none;width:9px;height:9px;border-radius:50%;background:var(--c);transform:translateY(1px)}.bk-split li b{color:var(--ink)}.bk-split li.ev{padding-left:18px}
.bk-fair small{display:block;margin-top:8px;line-height:1.5}
.sb-lead{color:var(--mute);font-size:13.5px;margin:-4px 0 12px;max-width:62ch}
.sb-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.sb-steps .me-k small{color:var(--gold);font:800 13px var(--disp)}.sb-steps .me-k>b{font-size:17px}
.br-build{margin-top:16px;background:radial-gradient(120% 160% at 100% 0,rgba(242,193,78,.10),transparent 60%),var(--card)}
.me-best{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
@media (max-width:900px){.bk-math{grid-template-columns:minmax(0,1fr);margin:16px 12px}.sb-steps{grid-template-columns:minmax(0,1fr)}.br-build{margin:16px 12px 0}.me-best{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ---------- notifications card (#/me) ---------- */
.me-push{flex-direction:column;align-items:stretch;margin-top:12px}.me-push>div:first-child{min-width:0}
.me-pp{display:grid;gap:2px;margin:4px 0 6px}
.me-ppr{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--line);cursor:pointer}
.me-ppr span{flex:1;min-width:0}.me-ppr b{display:block;font-size:13.5px}.me-ppr small{display:block;color:var(--mute);font-size:12px;margin-top:2px}
.me-ppr input{position:absolute;opacity:0;pointer-events:none}
.me-ppr i{flex:none;width:40px;height:24px;border-radius:99px;background:var(--card3);box-shadow:inset 0 0 0 1px var(--line2);position:relative;transition:background .15s}
.me-ppr i:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .15s}
.me-ppr input:checked+i{background:var(--gold)}.me-ppr input:checked+i:after{transform:translateX(16px);background:#16130a}
.me-ppr input:focus-visible+i{outline:2px solid var(--gold);outline-offset:2px}
/* break rows: the facts line (fill, box, odds) */
.r .facts{color:var(--mute);font-size:11.5px;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.r .facts b{color:var(--ink);font-weight:700}.r .facts i{font-style:normal;color:var(--dim);margin:0 5px}
.r .seats small{color:var(--mute);font-size:11px;margin-left:6px}
@media (min-width:901px){.r .facts{display:none}}
@media (max-width:900px){.r .facts{white-space:normal;line-height:1.45}.r .sub{font-size:11.5px}}
.r .facts{display:flex;flex-wrap:wrap;column-gap:10px;row-gap:1px}.r .facts span{white-space:nowrap}
@media (min-width:901px){.r .facts{display:none}}
/* iPhone: bottom bar on its own layer, nudged by --vvy (core.js) to the visible screen bottom; page sized by the visible height */
@media (max-width:900px){
  .tabbar{transform:translate3d(0,var(--vvy,0px),0);-webkit-backface-visibility:hidden;backface-visibility:hidden;will-change:transform}
  body.lobby{min-height:100dvh}
}
/* ---------- For breakers (#/breakers) ---------- */
.bkr section{margin-bottom:6px}
.bkr .me-card{align-items:flex-start;min-width:0}
.bkr-two .me-card>div:first-child,.bkr-three .me-card>div:first-child,.bkr-hero .me-card>div:first-child{min-width:0;width:100%}
.bkr .me-card small{line-height:1.5}
.bkr-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:12px;align-items:stretch;margin-bottom:12px}
.bkr-hero .me-card{margin:0}
.bkr-pitch{background:radial-gradient(120% 160% at 100% 0,rgba(255,92,122,.08),transparent 55%),radial-gradient(100% 120% at 0 100%,rgba(242,193,78,.07),transparent 60%),var(--card)}
.bkr-ticks{list-style:none;display:flex;flex-wrap:wrap;gap:6px 16px;margin:10px 0 14px;padding:0;font:600 12.5px/1.2 var(--body);color:var(--mute)}
.bkr-ticks li:before{content:"✓";color:var(--gold);margin-right:6px;font-weight:800}
.bkr-me{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}.bkr-me:empty{display:none}.bkr-me b{color:var(--ink)}
.bkr-monw{display:flex;flex-direction:column;gap:8px;min-width:0}
.bkr-mon{position:relative;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:radial-gradient(70% 90% at 50% 40%,#1d1d22,#0b0b0d 75%);box-shadow:inset 0 0 0 1px var(--line2)}
.bkr-cam{position:absolute;inset:0}
.bkr-cam:before{content:"";position:absolute;width:26%;aspect-ratio:1;border-radius:50%;top:20%;left:37%;background:radial-gradient(circle,#26262c,#18181c);box-shadow:0 0 0 1px #222}
.bkr-cam:after{content:"";position:absolute;width:44%;height:36%;bottom:-6%;left:28%;border-radius:50% 50% 0 0;background:#18181c;box-shadow:0 0 0 1px #222}
.bkr-mon iframe{position:absolute;left:0;top:0;width:1920px;height:1080px;border:0;transform-origin:0 0;pointer-events:none}
.bkr-tag{position:absolute;left:10px;top:10px;z-index:3;display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:6px;background:var(--rose);color:#fff;font:800 10px/1 var(--body);letter-spacing:.14em;text-transform:uppercase}
.bkr-cap{color:var(--dim);font-size:12px}
.bkr-k{margin-bottom:0}
.bkr-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.bkr-two .me-card{margin:0}
.bkr-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.bkr-three .me-card{margin:0}
.bkr-calc label{display:flex;justify-content:space-between;font:700 12.5px var(--body);color:var(--mute);margin:14px 0 6px}.bkr-calc label b{font:700 13px "JetBrains Mono",monospace;color:var(--ink)}
.bkr-calc input[type=range]{width:100%;accent-color:var(--gold)}
.bkr-out{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px}
.bkr-out div{padding:11px;border-radius:11px;background:var(--card2);box-shadow:inset 0 0 0 1px var(--line);min-width:0}
.bkr-out small{display:block;font:700 10.5px/1.2 var(--body);letter-spacing:.08em;text-transform:uppercase;color:var(--dim);margin-bottom:6px}
.bkr-out b{font:800 19px/1 var(--disp)}.bkr-out .you b{color:var(--gold)}
.bkr-bar{display:flex;height:8px;border-radius:99px;overflow:hidden;margin-top:12px;gap:2px}.bkr-bar i{display:block}
.bkr-leg{display:flex;gap:14px;margin-top:8px;font-size:11.5px;color:var(--mute)}.bkr-leg i{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:5px}
.bkr-tbl{width:100%;border-collapse:collapse;margin-top:10px;font-size:13px}
.bkr-tbl th,.bkr-tbl td{text-align:left;padding:9px 4px;border-bottom:1px solid var(--line)}
.bkr-tbl th{font:700 10.5px/1 var(--body);letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}
.bkr-tbl td.m{font:600 12.5px "JetBrains Mono",monospace}.bkr-tbl td.g{color:var(--gold)}
.bkr-lvl tr.on td{background:rgba(242,193,78,.08)}.bkr-lvl tr.on td:first-child{box-shadow:inset 2px 0 0 var(--gold);font-weight:800}
.bkr-note{display:block;color:var(--dim)!important;font-size:12px!important;margin-top:10px}
.bkr-md ul{list-style:none;padding:0;margin:12px 0 0;display:grid;gap:6px;font-size:12.5px;color:var(--mute)}.bkr-md li:before{content:"·";color:var(--gold);font-weight:800;margin-right:8px}
.bkr-badge{display:inline-flex;align-items:center;font:800 10px/1 var(--body);letter-spacing:.1em;text-transform:uppercase;padding:5px 8px;border-radius:999px;background:var(--card3);color:var(--mute)}
.bkr-badge.live{background:var(--rose);color:#fff}.bkr-badge.new{background:rgba(139,124,246,.18);color:var(--violet2)}
.bkr-steps{display:grid;gap:8px}.bkr-steps .me-card{margin:0;flex-wrap:nowrap}
.bkr-step .bkr-n{font:900 26px/1 var(--disp);color:var(--gold);flex:none;width:44px}
.bkr-step code,.bkr-ctl kbd{font:700 11.5px "JetBrains Mono",monospace;color:var(--gold);background:rgba(242,193,78,.08);padding:1px 5px;border-radius:5px}
.bkr-step b{color:var(--ink)}
.bkr-ctl{display:grid;gap:6px;margin-top:10px}
.bkr-ctl div{display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px;padding:10px 12px;border-radius:10px;background:var(--card2);box-shadow:inset 0 0 0 1px var(--line);font-size:12.5px;color:var(--mute);line-height:1.45}
.bkr-ctl b{color:var(--ink)}
.bkr-faq details,.how-faq details{background:var(--card);border-radius:11px;box-shadow:inset 0 0 0 1px var(--line);padding:12px 14px;margin-bottom:8px}
.bkr-faq summary,.how-faq summary{font-weight:700;cursor:pointer}
.bkr-faq p,.how-faq p{color:var(--mute);font-size:13px;margin:8px 0 0;line-height:1.5}
.bkr-end,.how-end{margin-top:18px;align-items:center!important;background:radial-gradient(120% 160% at 100% 0,rgba(242,193,78,.10),transparent 55%),var(--card)}

/* ---------- How it works (#/how) ---------- */
.how section{margin-bottom:6px}
.how .me-card{align-items:flex-start;min-width:0}
.how-two .me-card>div:first-child,.how-three .me-card>div:first-child,.how-flow .me-card>div:first-child{min-width:0;width:100%}
.how .me-card small{line-height:1.5}
.how-k{margin-bottom:0}
.how-lead{color:var(--mute);font-size:13px;margin:-2px 0 12px;max-width:70ch;line-height:1.5}
.how-mute{color:var(--dim);font-size:12px;margin:0}
.how-flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.how-flow .me-card{margin:0}
.how-flow .me-card>div:first-child{min-width:0}
.how-n{display:block;font:900 26px/1 var(--disp);color:var(--gold);margin-bottom:8px}
.how-fs h3{font-size:15px}
.how-rsw{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:10px;align-items:start}
.how-under{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:10px}
.how-rlog{margin:0;max-height:520px}.how-rlog>div{display:flex;flex-direction:column;gap:8px;max-height:490px;min-width:0!important}
.how-prog{font:600 12px "JetBrains Mono",monospace;color:var(--mute)}
.how-plog{display:flex;flex-direction:column;gap:6px;overflow:auto}
.how-pl{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:9px;align-items:center;padding:6px 8px;border-radius:9px;background:var(--card2);box-shadow:inset 0 0 0 1px var(--line)}
.how-pl img{width:30px;height:41px;object-fit:cover;border-radius:4px}
.how-pl b{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.how-pl small{font-size:11px!important}
.how-pl .v{font:800 13px var(--disp);color:var(--gold)}
.how-pl.r-epic{box-shadow:inset 0 0 0 1px rgba(242,193,78,.6)}.how-pl.r-rare{box-shadow:inset 0 0 0 1px rgba(94,166,255,.4)}
.how-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.how-two .me-card{margin:0}
.how-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.how-three .me-card{margin:0}
.how-ol{padding-left:18px;margin:10px 0 0;display:grid;gap:8px;color:var(--mute);font-size:13px;line-height:1.5}.how-ol b{color:var(--ink)}
.how-code{margin:12px 0 0;padding:14px;border-radius:11px;background:var(--bg2);box-shadow:inset 0 0 0 1px var(--line);font:600 12px/1.65 "JetBrains Mono",monospace;color:#d8cfe8;overflow-x:auto;white-space:pre}
.how-code .c{color:#6f6880}.how-code .k{color:var(--violet2)}.how-code .s{color:var(--gold)}
.how-badge{display:inline-flex;align-items:center;font:800 10px/1 var(--body);letter-spacing:.1em;text-transform:uppercase;padding:5px 8px;border-radius:999px;background:var(--card3);color:var(--mute)}
.how-badge.gold{background:rgba(242,193,78,.14);color:var(--gold)}.how-badge.violet{background:rgba(139,124,246,.16);color:var(--violet2)}.how-badge.rose{background:rgba(255,92,122,.14);color:var(--rose)}
.how-mtabs{margin-bottom:10px}
.how-mtbl{display:grid;gap:8px;container-type:inline-size}
.how-mrow{display:grid;grid-template-columns:48px minmax(130px,1.2fr) 74px 84px minmax(150px,1.4fr) 110px 72px 72px;gap:12px;align-items:center;padding:9px 12px;background:var(--card);border-radius:12px;box-shadow:inset 0 0 0 1px var(--line)}
.how-mrow.hd{background:none;box-shadow:none;padding:0 12px;font:700 10px/1 var(--body);letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}
.how-mrow img{height:48px;width:auto;max-width:48px;object-fit:contain;filter:drop-shadow(0 6px 10px rgba(0,0,0,.5))}
.how-mrow b{font:800 14px/1.2 var(--disp)}.how-mrow .cc{font-size:11px;color:var(--dim)}
.how-mrow .mono{font:600 12.5px "JetBrains Mono",monospace}.how-mrow .pr{color:var(--gold)}
.how-mrow .obar{display:flex;height:8px;border-radius:4px;overflow:hidden;background:var(--card3)}.how-mrow .obar i{display:block;height:100%;flex-basis:0}
.how-mrow .ol{font-size:11px;color:var(--mute);margin-top:5px;line-height:1.3}
.how-mrow .c-xs{display:contents}
.how-mrow .lab{display:none;font:700 9.5px/1 var(--body);letter-spacing:.08em;text-transform:uppercase;color:var(--dim);margin-bottom:3px}

@media (max-width:1100px){
  .how-flow{grid-template-columns:repeat(2,minmax(0,1fr))}
  .how-rsw{grid-template-columns:1fr}.how-rlog{max-height:none}.how-rlog>div{max-height:320px}
}
@media (max-width:900px){
  .bkr,.how{padding:0 12px}
  .bkr .secth,.how .secth{padding:0}
  .bkr-hero,.bkr-two,.bkr-three,.how-two,.how-three{grid-template-columns:1fr}
  .bkr-ctl div{grid-template-columns:1fr;gap:3px}
  .bkr-out b{font-size:16px}
  .how-flow{grid-template-columns:1fr}
}
/* the machines table goes compact whenever its column is narrow (the desktop rails squeeze it too) */
@container (max-width:860px){
  .how-mrow.hd{display:none}
  .how-mrow{grid-template-columns:40px minmax(0,1fr) auto;gap:8px 12px}.how-mrow img{height:40px}
  .how-mrow .c-odds{grid-column:1/-1}
  .how-mrow .c-xs{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;border-top:1px solid var(--line);padding-top:8px}
  .how-mrow .lab{display:block}
  .how-mrow .c-ev{grid-column:2/-1;display:flex;gap:8px;align-items:baseline}.how-mrow .c-ev .lab{margin:0}
}
/* ---------- Build a break (#/create) ---------- */
.cr-load{margin-top:8px}
.cr-lay{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;align-items:start}
.cr-opts{min-width:0}
.cr-step{margin:22px 0 0}
.cr-hd{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.cr-hd h3{font:800 clamp(1.05rem,1.6vw,1.3rem)/1.1 var(--disp);font-stretch:108%;margin:0}
.cr-hd small{display:block;color:var(--mute);font-size:12.5px;margin-top:3px}
.cr-n{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;font:900 15px/1 var(--disp);color:#16130a;background:var(--gold);flex:none}
:where(.cr button){font:inherit;color:inherit;text-align:inherit;cursor:pointer;background:none;border:0}
.cr button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}

/* host card */
.cr-who{margin:0}.cr-who h3{margin:6px 0 4px}.cr-hdl{color:var(--mute);font:600 13px var(--body)}
.cr-av{width:46px;height:46px;border-radius:12px;object-fit:cover;flex:none}
.cr-who>.cr-av+div{flex:1;min-width:180px}

/* 1 · lines */
.cr-lines{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.cr-lt{height:124px;padding:12px 10px 10px;border-radius:13px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line);display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:3px;text-align:center;transition:box-shadow .15s}
.cr-lt:hover{box-shadow:inset 0 0 0 1px var(--line2)}.cr-lt.on{box-shadow:inset 0 0 0 1.5px #fff}
.cr-ltl{flex:1;display:flex;align-items:center;justify-content:center;width:100%;min-height:0}
.cr-ltl img{height:36px!important;max-width:88%;width:auto;object-fit:contain}.cr-ltl>span{gap:8px!important;flex-wrap:nowrap}.cr-ltl span img{height:24px!important;max-width:none}
.cr-lt b{font:700 13px/1.1 var(--body)}.cr-lt small{font:500 11px/1.2 var(--body);color:var(--dim)}
.cr-subs,.cr-rsub{margin-top:12px;padding:14px;border-radius:14px;background:rgba(255,255,255,.02);box-shadow:inset 0 0 0 1px var(--line2)}
.cr-subh{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:10px;flex-wrap:wrap}
.cr-subh b{font:800 15px/1.1 var(--disp)}.cr-subh small{color:var(--mute);font-weight:600;font-size:12px}
.cr-sp{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px}
.cr-sb{height:58px;border-radius:12px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center;position:relative}
.cr-sb b{font:800 13px/1 var(--body)}.cr-sb small{font:600 11px/1 var(--mono,monospace);color:var(--mute)}
.cr-sb.on{background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.04));box-shadow:inset 0 0 0 1.5px #fff}
.cr-sb.on:after{content:"✓";position:absolute;top:5px;right:7px;font:900 10px/1 var(--body)}

/* 2 · grand prize */
.cr-gp{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.cr-gc{position:relative;padding:12px 12px 14px;border-radius:14px;background:linear-gradient(180deg,var(--card2),var(--card));box-shadow:inset 0 0 0 1px var(--line);display:flex;flex-direction:column;gap:6px;overflow:hidden;transition:box-shadow .15s}
.cr-gc:hover{box-shadow:inset 0 0 0 1px var(--line2)}.cr-gc:hover .foil{transform:translateY(-4px) rotate(-2deg)}
.cr-gi{height:142px;display:grid;place-items:center;background:radial-gradient(60% 70% at 50% 60%,rgba(255,255,255,.06),transparent 70%)}
.cr-gc b{font:800 15px/1.1 var(--disp)}.cr-pr{font:800 19px/1 var(--disp);color:var(--gold)}.cr-mt{font:600 11.5px/1.35 var(--body);color:var(--mute)}
.cr-gc.on{box-shadow:inset 0 0 0 1.5px #fff}
.cr-gc.on:after{content:"✓";position:absolute;top:9px;right:9px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#16130a;font-weight:900;font-size:12px}

/* switches (Double it, Fine-tune) */
.cr-sw{display:flex;align-items:center;gap:12px;width:100%;margin-top:12px;padding:12px 14px;border-radius:13px;background:rgba(255,255,255,.03);box-shadow:inset 0 0 0 1px var(--line);user-select:none}
.cr-tg{width:44px;height:24px;border-radius:12px;background:#2a2a2e;position:relative;transition:background .2s;flex:none}
.cr-tg:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#c9c9ce;transition:left .2s,background .2s}
.cr-sw.on .cr-tg{background:var(--gold)}.cr-sw.on .cr-tg:after{left:23px;background:#16130a}
.cr-sw b{font-weight:800;font-size:13.5px}.cr-sw small{display:block;color:var(--mute);font-weight:500;font-size:12px;margin-top:2px}

/* 3 · seats */
.cr-szs{display:grid;grid-template-columns:repeat(auto-fill,minmax(58px,1fr));gap:8px}
.cr-sz{height:66px;border-radius:12px;background:linear-gradient(180deg,var(--card2),var(--card));box-shadow:inset 0 0 0 1px var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;text-align:center}
.cr-sz b{font:800 20px/1 var(--disp)}.cr-sz small{font:600 11px/1 var(--mono,monospace);color:var(--mute)}
.cr-sz.on{box-shadow:inset 0 0 0 1.5px #fff;background:linear-gradient(180deg,#1d1d20,var(--card2))}.cr-sz.on small{color:var(--gold)}
.cr-sz:disabled{opacity:.3;cursor:not-allowed}

/* 4 · styles */
.cr-sty{display:grid;grid-template-columns:repeat(auto-fit,minmax(176px,1fr));gap:10px}
.cr-sc{padding:14px;border-radius:15px;background:linear-gradient(180deg,var(--card2),var(--card));box-shadow:inset 0 0 0 1px var(--line);display:flex;flex-direction:column;gap:10px;min-width:0;transition:box-shadow .15s}
.cr-sc:hover{box-shadow:inset 0 0 0 1px var(--line2)}
.cr-sc.on{box-shadow:inset 0 0 0 2px var(--sc),0 18px 40px -22px var(--sc)}
.cr-sctop{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.cr-tag{font:600 11.5px/1.3 var(--body);color:var(--mute)}
.cr-px{font:900 28px/1 var(--disp)}.cr-px small{font:600 12px/1 var(--body);color:var(--mute);margin-left:4px}
.cr-stack{display:flex;height:12px;border-radius:6px;overflow:hidden;gap:2px}.cr-stack i{display:block;height:100%;min-width:3px}
.cr-plist{display:grid;gap:5px}
.cr-plist div{display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:7px;align-items:center;font:600 12.5px/1.15 var(--body)}
.cr-plist img{width:14px;height:21px;object-fit:contain}.cr-plist span{color:var(--mute);min-width:0}.cr-plist span b{color:var(--ink)}
.cr-plist em{font:600 11.5px/1 var(--mono,monospace);font-style:normal;color:var(--mute)}
.cr-sgrid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding-top:10px;border-top:1px solid var(--line)}
.cr-sgrid small{display:block;font:700 9.5px/1 var(--body);letter-spacing:.1em;text-transform:uppercase;color:var(--dim);margin-bottom:4px}
.cr-sgrid b{font:700 13.5px/1 var(--mono,monospace)}
.cr-note{font:500 12px/1.4 var(--body);color:var(--mute)}
.cr-tune{margin-top:12px;padding:14px;border-radius:15px;background:rgba(242,193,78,.04);box-shadow:inset 0 0 0 1px rgba(242,193,78,.25)}
.cr-trows{display:grid;gap:8px;margin-top:10px}
.cr-tr{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px 10px;border-radius:11px;background:rgba(0,0,0,.25)}
.cr-tr img{width:24px;height:34px;object-fit:contain}.cr-tr b{font-weight:800;font-size:13px}.cr-tr small{display:block;color:var(--mute);font-weight:600;font-size:11.5px}
.cr-stp{display:flex;align-items:center;gap:6px}
.cr-stp button{width:34px;height:34px;border-radius:9px;box-shadow:inset 0 0 0 1px var(--line2);font:800 17px/1 var(--body);text-align:center}
.cr-stp button:hover{background:rgba(255,255,255,.06)}
.cr-stp output{width:30px;text-align:center;font:800 15px/1 var(--mono,monospace)}
.cr-terr{color:#ff9cb4;font-weight:700;font-size:12.5px;margin-top:10px}.cr-terr:empty{display:none}

/* 5 · run mode */
.cr-runs{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.cr-rn{position:relative;padding:14px;border-radius:14px;background:linear-gradient(180deg,var(--card2),var(--card));box-shadow:inset 0 0 0 1px var(--line);display:flex;flex-direction:column;gap:5px}
.cr-rn b{font:800 15px/1.15 var(--disp)}.cr-rn small{color:var(--mute);font-size:12px;line-height:1.4}
.cr-ri{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:rgba(255,255,255,.06);margin-bottom:3px}.cr-ril{color:var(--rose)}
.cr-rn.on{box-shadow:inset 0 0 0 1.5px #fff}
.cr-rn.on:after{content:"✓";position:absolute;top:11px;right:11px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#16130a;font-weight:900;font-size:11px}
.cr-wh{display:grid;grid-template-columns:repeat(auto-fill,minmax(124px,1fr));gap:8px}
.cr-wb{min-height:66px;padding:9px;border-radius:12px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center;min-width:0}
.cr-wb b{font:800 13px/1 var(--body)}.cr-wb small{font:500 11px/1.25 var(--body);color:var(--mute);overflow-wrap:anywhere}
.cr-wb.on{background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.04));box-shadow:inset 0 0 0 1.5px #fff}
.cr-fine{color:var(--mute);font-size:11.5px;line-height:1.45;margin:10px 0 0}

/* 6 · earn + name */
.cr-fee{display:block;margin:0}
.cr-feet{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;flex-wrap:wrap}
.cr-feet>div:first-child{flex:1;min-width:220px}
.cr-feet p{color:var(--mute);font-size:12.5px;line-height:1.5;margin:6px 0 0}.cr-feet p b{color:var(--ink)}.cr-feet p a{color:var(--ink);text-decoration:underline}
.cr-earn{text-align:right}.cr-earn small{display:block;font:700 10px/1 var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--mute);margin-bottom:6px}
.cr-earn b{font:900 28px/1 var(--disp);color:var(--green)}
.cr-sbar{display:flex;height:12px;border-radius:6px;overflow:hidden;gap:2px;margin-top:14px}.cr-sbar i{display:block}
.cr-slg{display:flex;gap:6px 16px;flex-wrap:wrap;margin-top:10px;font:600 12px/1.3 var(--body);color:var(--mute)}
.cr-slg span:before{content:"";display:inline-block;width:9px;height:9px;border-radius:3px;margin-right:6px;background:var(--c)}
.cr-slg .cr-ps:before{display:none}.cr-slg b{color:var(--ink);font-family:var(--mono,monospace)}
.cr-fld{margin-top:14px}
.cr-fld label{display:block;font:800 10.5px/1 var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--mute);margin-bottom:8px}
.cr-fld input{width:100%;height:46px;border-radius:12px;border:0;padding:0 14px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line2);color:var(--ink);font:700 14px var(--body);outline:none}
.cr-fld input:focus{box-shadow:inset 0 0 0 2px var(--gold)}
.cr-fld small{display:block;color:var(--dim);font-size:11.5px;margin-top:6px}

/* summary column */
.cr-side{position:sticky;top:72px;display:flex;flex-direction:column;gap:12px;margin-top:22px}
.cr-sum{display:block;margin:0}
.cr-sum ul{list-style:none;display:grid;gap:8px;font-size:13px;margin:12px 0 14px;padding:0}
.cr-sum li{display:flex;justify-content:space-between;gap:10px;color:var(--mute);font-weight:600}
.cr-sum li b{color:var(--ink);font-family:var(--mono,monospace);text-align:right}
.cr-sum li.cr-seat{padding-top:8px;border-top:1px solid var(--line);color:var(--ink)}.cr-sum li.cr-seat b{color:var(--gold);font:800 20px/1 var(--disp)}
.cr-open{width:100%;height:46px;border-radius:11px;font-size:14.5px}.cr-open:disabled{opacity:.5;cursor:default}
.cr-pv{pointer-events:none;display:flex;flex-direction:column;gap:10px}.cr-pv .bc:hover{transform:none}
@media (max-height:860px){.cr-pv{display:none}}

/* single column: options, then the summary card with the publish button under it */
@media (max-width:1100px){
  .cr-lay{grid-template-columns:minmax(0,1fr)}
  .cr-side{position:static}.cr-pv{display:none}
}
@media (max-width:900px){
  .cr{padding:0 12px}
  .cr-lines{grid-template-columns:repeat(2,minmax(0,1fr))}.cr-lt{height:112px}
  .cr-gp{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.cr-gc{padding:10px}.cr-gi{height:124px}.cr-gi .foil{height:112px!important}
  .cr-szs{grid-template-columns:repeat(4,minmax(0,1fr))}
  .cr-sty{grid-template-columns:1fr}
  .cr-runs{grid-template-columns:1fr}.cr-wh{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cr-sp{grid-template-columns:repeat(3,minmax(0,1fr))}
  .cr-earn{text-align:left}
}
/* ---------- Studio (#/studio) ---------- */
.st-wrap{display:grid;grid-template-columns:272px minmax(0,1fr);gap:16px;align-items:start}
.st-side{position:sticky;top:70px;display:flex;flex-direction:column;gap:8px}
.st-side .secth{margin:0 0 2px}
.st-list{display:grid;gap:8px;max-height:calc(100vh - 190px);overflow:auto}
.st-bk{display:grid;grid-template-columns:44px minmax(0,1fr);gap:10px;align-items:center;background:var(--card);border-radius:12px;box-shadow:inset 0 0 0 1px var(--line);padding:9px 10px;cursor:pointer;text-align:left;transition:box-shadow .15s}
.st-bk:hover{box-shadow:inset 0 0 0 1px var(--line2)}.st-bk.on{box-shadow:inset 0 0 0 1.5px var(--gold);background:radial-gradient(120% 140% at 0 0,rgba(242,193,78,.10),transparent 60%),var(--card)}
.st-bk:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.st-bk img{width:44px;height:58px;object-fit:contain}
.st-bk .tx{min-width:0;display:flex;flex-direction:column;gap:2px}
.st-bk b{font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.st-bk small{color:var(--mute);font-size:11.5px}
.st-bk .st-ft{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:3px}
.st-bk .st-ft a{color:var(--mute);font-size:11.5px;font-weight:600}.st-bk .st-ft a:hover{color:var(--ink)}
.st-tag{font:800 9.5px/1 var(--body);letter-spacing:.08em;text-transform:uppercase;color:var(--mute);background:var(--card3);border-radius:999px;padding:4px 7px}
.st-tag.lv{background:rgba(255,92,122,.16);color:var(--rose)}
.st-new{align-self:flex-start}
.st-main{min-width:0}
.st-hd{margin-bottom:12px}.st-hd h3{font-size:clamp(18px,2vw,22px)}
.st-ph{display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 12px;border-radius:999px;font:800 11px/1 var(--body);letter-spacing:.12em;text-transform:uppercase;box-shadow:inset 0 0 0 1px var(--line2);color:var(--mute)}
.st-ph i{width:7px;height:7px;border-radius:50%;background:currentColor}
.st-ph.preshow,.st-ph.rip{background:var(--rose);color:#fff;box-shadow:none}.st-ph.done{background:#fff;color:#0a0a0a;box-shadow:none}
.st-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
@media (min-width:1500px){.st-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}}
.st-col{display:grid;gap:12px;align-content:start;min-width:0}
.st-pane{background:var(--card);border-radius:16px;box-shadow:inset 0 0 0 1px var(--line);padding:16px;min-width:0}
.st-pane h4{font:800 16px/1.15 var(--disp);font-stretch:108%;margin:8px 0 12px}
.st-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0 14px}
.st-steps div{padding:11px;border-radius:12px;background:var(--card2);box-shadow:inset 0 0 0 1px var(--line);font:600 12px/1.35 var(--body);color:var(--dim)}
.st-steps div b{display:block;font:800 14px/1.1 var(--disp);color:var(--mute);margin-bottom:4px}
.st-steps div.on{box-shadow:inset 0 0 0 1.5px #fff;color:var(--mute)}.st-steps div.on b,.st-steps div.past b{color:var(--ink)}.st-steps div.past{color:var(--mute)}
.st-big{width:100%;min-height:72px;padding:12px;border-radius:14px;font:800 17px/1.15 var(--disp);display:flex;align-items:center;justify-content:center;gap:6px;flex-direction:column;text-align:center;transition:transform .08s,filter .15s}
.st-big small{font:600 12px/1.3 var(--body);opacity:.78}
.st-big:active{transform:scale(.99)}.st-big[disabled]{opacity:.5;cursor:not-allowed;transform:none}
.st-big.red{background:var(--rose);color:#fff}.st-big.gold{background:var(--gold);color:#16130a}.st-big.ghost{box-shadow:inset 0 0 0 1px var(--line2);color:var(--ink)}
.st-big:not([disabled]):hover{filter:brightness(1.07)}
.st-row{margin-top:10px}.st-row:empty{display:none}
.st-note{display:flex;gap:8px;margin-top:14px}
.st-note input{flex:1;min-width:0;height:38px;padding:0 12px;border-radius:10px;background:var(--card2);border:0;box-shadow:inset 0 0 0 1px var(--line2);color:var(--ink);font:600 13px var(--body)}
.st-kh{font:500 12px/1.45 var(--body);color:var(--dim);margin:10px 0 0}.st-kh b{color:var(--mute)}
.st-kh kbd{font:700 11px var(--body);padding:2px 6px;border-radius:5px;background:var(--card3);box-shadow:inset 0 0 0 1px var(--line2);color:var(--ink)}
.st-stat{display:flex;gap:16px;flex-wrap:wrap;margin-top:14px;font:700 12.5px var(--body);color:var(--mute)}.st-stat b{color:var(--ink)}.st-stat .st-gold{color:var(--gold)}
.st-ls{display:flex;flex-direction:column;gap:6px;max-height:340px;overflow:auto;margin-top:10px}
.st-li{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:10px;align-items:center;padding:7px 9px;border-radius:10px;background:var(--card2);box-shadow:inset 0 0 0 1px var(--line);font-size:13px}
.st-li img,.st-li>i{width:40px;height:54px;object-fit:cover;border-radius:5px;background:var(--card3)}.st-li img.sl{object-fit:contain;background:none}
.st-li b{display:block;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.st-li small{color:var(--mute);font-weight:600;font-size:11.5px}
.st-li .v{font:800 13px var(--disp);color:var(--gold)}.st-li.nx{box-shadow:inset 0 0 0 1.5px #fff}
.st-tabs{margin-bottom:12px}.st-tabs button[disabled]{opacity:.4;cursor:not-allowed}
.st-p{font-size:13.5px;font-weight:600;line-height:1.45;margin:0}.st-p code{font-size:12px;color:var(--mute)}
.st-mu{color:var(--mute);font-size:13px;line-height:1.45;margin:8px 0 0}.st-mu.sm{font-size:12px;margin-top:12px}.st-mu b{color:var(--ink)}
.st-copy{display:flex;gap:8px;align-items:center;margin:8px 0 12px}
.st-copy code{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:10px 12px;border-radius:10px;background:var(--card2);box-shadow:inset 0 0 0 1px var(--line2);font:600 12px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--ink)}
.st-ov{position:relative;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:repeating-conic-gradient(#17171a 0 25%,#111113 0 50%) 0 0/24px 24px;box-shadow:inset 0 0 0 1px var(--line2)}
.st-ov iframe{position:absolute;left:0;top:0;width:1920px;height:1080px;border:0;transform-origin:0 0;pointer-events:none}
.st-how{padding-left:18px;display:grid;gap:6px;color:var(--mute);font-size:13px;margin:12px 0 0}.st-how b{color:var(--ink)}
.st-tp{display:grid;gap:8px;margin-top:10px}
.st-tp div{padding:11px 13px;border-radius:11px;background:rgba(242,193,78,.06);box-shadow:inset 0 0 0 1px rgba(242,193,78,.22);font-weight:600;font-size:13px;line-height:1.45}
.st-cam{position:relative;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#000;box-shadow:inset 0 0 0 1px var(--line2)}
.st-cam video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.st-cam .cst{position:absolute;left:10px;top:10px;display:inline-flex;align-items:center;gap:7px;height:26px;padding:0 10px;border-radius:999px;background:rgba(0,0,0,.6);font:800 10.5px/1 var(--body);letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.st-cam .cst i{width:7px;height:7px;border-radius:50%;background:currentColor}.st-cam .cst.on{background:var(--rose);color:#fff}
.st-devs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}
.st-devs select{height:36px;padding:0 10px;border-radius:9px;background:var(--card2);border:0;box-shadow:inset 0 0 0 1px var(--line2);color:var(--ink);font:600 12.5px var(--body);min-width:0}
.st-glv{min-height:62px}
.st-nst{font:500 12.5px/1.45 var(--body);color:var(--mute);margin:10px 0 0}.st-nst b{color:var(--ink)}
.st-obs{margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}.st-obs summary{cursor:pointer;font:700 13px var(--body)}
.st-obs label{display:block;font:700 10.5px var(--body);letter-spacing:.1em;text-transform:uppercase;color:var(--dim);margin-top:10px}
@media (max-width:900px){
  .st-root{padding:0 12px}
  .st-wrap{grid-template-columns:minmax(0,1fr);gap:12px}
  .st-side{position:static}
  .st-side .secth{padding:0}
  .st-list{display:flex;gap:8px;overflow-x:auto;max-height:none;scroll-snap-type:x mandatory;scroll-padding:0 12px;padding-bottom:4px;margin:0 -12px;padding-left:12px;padding-right:12px}
  .st-tabs{flex-wrap:wrap;overflow:visible;gap:4px 14px}
  .st-bk{flex:0 0 240px;scroll-snap-align:start}
  .st-pane{padding:14px}
  .st-steps div{font-size:0;padding:10px}.st-steps div b{font-size:13px;margin:0}
  .st-note{flex-wrap:wrap}.st-note input{flex:1 1 100%}.st-note .lbtn{flex:1}
  .st-big{min-height:66px;font-size:15.5px}
  .st-hd .st-ph{order:3}
}

/* ---------- rewards tier card (#/me) and collector ladder (#/rewards) ---------- */
.me-tier{margin-top:12px;background:radial-gradient(120% 160% at 100% 0,rgba(242,193,78,.10),transparent 60%),var(--card)}
.me-tier .rw-prog{margin:10px 0 2px}
.rw-tl{margin-bottom:0}
@media (max-width:900px){.rw-tl{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* break room: no lobby side panels (Lines / Popular breakers / My seats / pulls feed); the stage and seats get the full width (PB 2026-10-12) */
body.view-break .body{grid-template-columns:minmax(0,1fr)}body.view-break .body>.side,body.view-break .body>.slip{display:none}
/* break room pack progress (PB 2026-10-12, like Kura's): every pack in rip order above the stage */
.bk-rail{margin:0 0 10px;padding:10px 10px 8px;border-radius:14px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line)}
.bk-rail[hidden]{display:none}
.rl-h{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin:0 2px 8px}.rl-h b{font:800 .9rem/1 var(--disp);font-stretch:108%}.rl-h span{font:600 .74rem/1 var(--body);color:var(--mute)}
.rl-row{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;scroll-behavior:smooth;padding:2px}.rl-row::-webkit-scrollbar{display:none}
.rl-k{flex:0 0 86px;display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 4px 7px;border-radius:11px;background:#121214;box-shadow:inset 0 0 0 1px var(--line);min-width:0}
.rl-k img{width:52px;height:72px;object-fit:contain;border-radius:5px}
.rl-k b{font:800 .72rem/1.1 var(--body);max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rl-k small{font:600 .64rem/1.1 var(--body);color:var(--mute);max-width:100%}
.rl-sealed{opacity:.5}.rl-sealed img{filter:saturate(.6)}
.rl-now{box-shadow:inset 0 0 0 2px var(--gold),0 0 18px rgba(242,193,78,.25)}.rl-now small{color:var(--gold);font-weight:800}
.rl-done b{color:var(--gold)}
.rl-done.r-uncommon{box-shadow:inset 0 0 0 1px rgba(62,224,138,.55)}.rl-done.r-rare{box-shadow:inset 0 0 0 1px rgba(61,155,255,.65)}.rl-done.r-epic{box-shadow:inset 0 0 0 1px rgba(179,92,255,.75),0 0 14px rgba(179,92,255,.25)}
.rl-o{display:flex;align-items:center;gap:4px;min-width:0;max-width:100%}.rl-o span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rl-o .oav,.pl-who .oav{width:14px;height:14px;border-radius:50%;object-fit:cover;flex:none}
.pl .pl-who{display:flex;align-items:center;gap:5px;color:var(--ink,#fff);font-weight:700;margin:3px 0 2px;min-width:0}.pl .pl-who span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pl .pl-who + small{display:block;font-size:.62rem}
.seatgrid .seat.won .who{position:relative;z-index:1;color:#fff;text-shadow:0 2px 8px #000}

/* beta feedback #3 (2026-10-12): row tags on their own line under the title; the middle column may shrink so nothing overlaps the price */
.r .mid{min-width:0;flex:1}.r .tg{display:flex;flex-wrap:wrap;gap:4px 8px;margin:2px 0 1px;white-space:nowrap}.r .tg .tag{margin-left:0}
/* beta feedback #7: feed values by rarity: rare blue, epic purple (the reveal's tier colours) */
.pull.r-rare b{color:#3d9bff}.pull.r-epic b{color:#b35cff}
.pr.rotin .prt,.pr.rotin .fan{animation:rotin .45s ease}@keyframes rotin{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
/* connected channels (2026-10-12): platform logos + verified check on chips and studio tabs */
.chip .plogo{margin-right:6px}.chip .vchk{margin-left:5px}
.st-tabs button{display:inline-flex;align-items:center;gap:6px}.st-tabs button .vchk{margin-left:2px}
.st-row .svc{height:36px;padding:0 14px;gap:7px}
/* studio: phone or computer stream (PB 2026-10-12) */
.st-shape{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 10px}
.st-shape button{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:var(--card2);box-shadow:inset 0 0 0 1px var(--line2);color:var(--ink);font:800 14px/1.2 var(--body);text-align:left;cursor:pointer}
.st-shape button svg{flex:none;opacity:.75}.st-shape button small{display:block;font:600 11.5px/1.3 var(--body);color:var(--mute)}
.st-shape button.on{box-shadow:inset 0 0 0 2px var(--gold)}.st-shape button.on svg{opacity:1;color:var(--gold)}.st-shape button[disabled]{opacity:.55;cursor:not-allowed}
.st-cam.tall{aspect-ratio:9/16;max-height:64vh;max-width:100%;margin:0 auto}
.st-cam .flip{position:absolute;right:10px;top:10px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:rgba(0,0,0,.6);color:#fff;border:0;cursor:pointer}
.st-dock{display:none}
@media (max-width:700px){
  .st-phone .st-grid .st-col:last-child{order:-1}
  .st-phone .st-ovp,.st-phone .st-tpp{display:none}
  .st-phone .st-cam.tall{max-height:58vh}
  .st-phone .st-dock:not(:empty){display:block;position:fixed;left:12px;right:12px;bottom:calc(84px + env(safe-area-inset-bottom));z-index:46}
  .st-phone .st-dock .st-big{box-shadow:0 14px 30px -10px #000}
  .st-phone .st-col:last-child{padding-bottom:0}
  .st-phone{padding-bottom:96px}
}
/* break page: a host streaming from a phone shows upright next to the stage (computers) or as a bubble on it (phones) */
.bk-cam{display:none}
.bk-stagegrid.cam .bk-cam{display:block;position:relative;aspect-ratio:9/16;border-radius:14px;overflow:hidden;background:#000;box-shadow:inset 0 0 0 1px var(--line2);align-self:start}
.bk-cam iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.bk-cam .lv{position:absolute;left:8px;top:8px;z-index:2;padding:3px 8px;border-radius:999px;background:var(--rose);color:#fff;font:800 10px/1.4 var(--body);letter-spacing:.1em;pointer-events:none}
.bk-cam .tap,.bk-cam .shr{display:none}
.bk-stagegrid.cam{grid-template-columns:clamp(190px,21%,290px) minmax(0,1fr) 260px}
@media (max-width:1100px) and (min-width:701px){.bk-stagegrid.cam{grid-template-columns:minmax(170px,30%) minmax(0,1fr)}.bk-stagegrid.cam .plog{grid-column:1/-1}}
@media (max-width:700px){
  .bk-stagegrid.cam{grid-template-columns:minmax(0,1fr);position:relative}
  .bk-stagegrid.cam .bk-cam{position:absolute;right:8px;top:8px;width:92px;z-index:6;box-shadow:0 0 0 2px rgba(255,255,255,.85),0 10px 24px -6px #000;transition:width .2s}
  .bk-stagegrid.cam .bk-cam .tap{display:block;position:absolute;inset:0;z-index:3;cursor:pointer}
  .bk-stagegrid.cam .bk-cam.big{width:min(62%,250px)}
  .bk-stagegrid.cam .bk-cam.big .tap{display:none}
  .bk-stagegrid.cam .bk-cam.big .shr{display:grid;place-items:center;position:absolute;right:6px;top:6px;z-index:4;width:30px;height:30px;border-radius:50%;background:rgba(0,0,0,.65);color:#fff;border:0;font:800 16px/1 var(--body)}
}
/* studio: personal, stream first (PB 2026-10-12) */
body.view-studio .body{grid-template-columns:minmax(0,1fr)}body.view-studio .body>.side,body.view-studio .body>.slip{display:none}
.st-streamfirst .st-col:last-child{order:-1}
.st-bk.st-test{background:radial-gradient(120% 140% at 0 0,rgba(139,124,246,.14),transparent 60%),var(--card)}
.st-bk .st-ti{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:rgba(139,124,246,.18);color:var(--violet2)}
.st-thd small{display:block;margin-top:6px;color:var(--mute);max-width:640px}
details.st-ovp summary{list-style:none;cursor:pointer}details.st-ovp summary::-webkit-details-marker{display:none}
details.st-ovp summary h4{margin:4px 0 0}details.st-ovp summary h4::after{content:" ▾";color:var(--mute)}details.st-ovp[open] summary h4::after{content:" ▴"}
details.st-ovp[open] summary{margin-bottom:10px}
.st-go{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:12px;background:radial-gradient(120% 140% at 100% 0,rgba(242,193,78,.12),transparent 55%),var(--card)}
.st-go small{color:var(--mute)}
@media (max-width:700px){.st-go{flex-direction:column;align-items:stretch}.st-go .lbtn{text-align:center}}

/* ---------- Case study / value prop (#/value), PB 2026-10-12 ---------- */
.vp-cta{text-decoration:none;color:inherit;align-items:center!important;justify-content:space-between;background:radial-gradient(120% 160% at 100% 0,rgba(242,193,78,.12),transparent 55%),var(--card);box-shadow:inset 0 0 0 1px rgba(242,193,78,.35)}
.vp-cta>div{flex:1 1 320px;min-width:0}.vp-cta:hover{box-shadow:inset 0 0 0 1px var(--gold)}
.vp-two{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}
.vp-path{background:var(--card);border-radius:16px;box-shadow:inset 0 0 0 1px var(--line);padding:0 0 16px;display:flex;flex-direction:column;gap:12px;min-width:0;overflow:hidden}
.vp-path.ours{box-shadow:inset 0 0 0 1px rgba(242,193,78,.45)}
.vp-path>.lbtn{align-self:flex-start;margin:0 16px}
.vp-strip{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:10px 16px;background:var(--card3);font:800 11px/1.2 var(--body);letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.vp-strip b{color:var(--ink);font-family:"JetBrains Mono",monospace;letter-spacing:0}
.vp-path.ours .vp-strip{background:rgba(242,193,78,.14);color:var(--gold)}
.vp-steps{list-style:none;margin:0;padding:0 16px;display:grid;gap:9px}
.vp-steps li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px;font-size:13px;line-height:1.5;color:var(--mute)}
.vp-steps li b{color:var(--ink)}
.vp-steps i{font:800 11px/22px "JetBrains Mono",monospace;font-style:normal;text-align:center;border-radius:50%;background:var(--card3);color:var(--mute);height:22px}
.vp-path.ours .vp-steps i{background:rgba(242,193,78,.16);color:var(--gold)}
.vp-out{margin:0 16px;padding-top:12px;border-top:1px dashed var(--line2);font-size:13px;color:var(--mute)}.vp-out b{color:var(--ink)}
.vp-vs>div{min-width:0;width:100%}
.vp-chain>div{width:100%;min-width:0}
.vp-link{display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px;padding:10px 0;border-top:1px solid var(--line);font-size:13px}
.vp-link:first-child{border-top:0;padding-top:0}
.vp-link span{color:var(--mute);line-height:1.5}
.vp-link em{display:block;font:800 10px/1 var(--body);font-style:normal;letter-spacing:.1em;text-transform:uppercase;color:var(--rose);margin-top:6px}
.vp-tbl{overflow-x:auto;background:var(--card);border-radius:16px;box-shadow:inset 0 0 0 1px var(--line);margin-bottom:12px}
.vp-tbl table{border-collapse:collapse;width:100%;min-width:640px;font-size:13px}
.vp-tbl th,.vp-tbl td{text-align:left;padding:10px 14px;border-top:1px solid var(--line);vertical-align:top;color:var(--mute);line-height:1.45}
.vp-tbl thead th{border-top:0;font:800 10.5px/1.2 var(--body);letter-spacing:.1em;text-transform:uppercase;color:var(--dim)}
.vp-tbl thead th:last-child{color:var(--gold)}
.vp-tbl td:first-child{color:var(--ink);font-weight:700;width:18%}
.vp-tbl td.us{color:var(--ink);font-weight:600}
.vp-src{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 16px;margin-bottom:12px}
.vp-src a{color:var(--mute);font-size:12.5px}.vp-src a:hover{color:var(--ink)}
@media (max-width:760px){.vp-two,.vp-src{grid-template-columns:1fr}.vp-link{grid-template-columns:1fr;gap:4px}}
#upd{position:fixed;left:50%;top:calc(10px + env(safe-area-inset-top));transform:translateX(-50%);z-index:90;display:flex;align-items:center;gap:12px;width:min(440px,calc(100% - 24px));padding:10px 10px 10px 14px;border-radius:14px;background:rgba(22,22,24,.96);backdrop-filter:blur(14px);box-shadow:inset 0 0 0 1px rgba(242,193,78,.45),0 16px 34px -12px #000;animation:updin .25s ease-out}@keyframes updin{from{opacity:0;margin-top:-12px}}
#upd span{flex:1;min-width:0;display:flex;flex-direction:column}#upd b{font-size:14px}#upd small{color:var(--mute);font-size:12px}
#upd button{border:0;border-radius:10px;padding:9px 14px;background:var(--gold);color:#16130a;font:800 13.5px var(--body);cursor:pointer}
#upd button.x{background:transparent;color:var(--mute);padding:6px 8px;font-size:18px}

/* desktop More menu (PB 2026-10-12): the phone sheet becomes a dropdown under the More link */
@media (min-width:901px){
  .sheetwrap{display:block;position:fixed;inset:0;z-index:70}.sheetwrap[hidden]{display:none}
  .sheetwrap .sheetdim{position:absolute;inset:0;background:transparent}
  .sheetwrap .sheet{position:absolute;top:62px;width:380px;max-height:calc(100vh - 80px);overflow:auto;background:#111113;border-radius:14px;box-shadow:0 18px 50px rgba(0,0,0,.55),inset 0 0 0 1px var(--line2);padding:12px 14px 14px;animation:fade .15s}
  .sheetwrap .grab{display:none}
}
/* studio "What viewers see" preview + the bare embedded break room (PB 2026-10-12) */
.st-pvh{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:2px 0 8px}.st-pvh b{font-size:13.5px}
.st-pvt{display:flex;gap:4px;padding:3px;border-radius:10px;background:var(--card2);box-shadow:inset 0 0 0 1px var(--line2)}
.st-pvt button{border:0;background:transparent;color:var(--mute);font:700 12px var(--body);padding:6px 10px;border-radius:8px;cursor:pointer}.st-pvt button.on{background:var(--card3);color:var(--ink)}
.st-cam.st-pvb{aspect-ratio:auto;background:#09090a}
.st-pvb iframe{position:absolute;left:0;top:0;border:0;transform-origin:0 0;pointer-events:none;background:#09090a}
.st-pvb.pv-phone{max-width:340px;margin:0 auto}
html.gb-embed body{padding:0!important;background:#09090a}
html.gb-embed .top,html.gb-embed .sessline,html.gb-embed .mchips,html.gb-embed .side,html.gb-embed .slip,html.gb-embed .tabbar,html.gb-embed .viewhead,html.gb-embed .livebar,html.gb-embed #checkin,html.gb-embed .fab,html.gb-embed #upd,html.gb-embed .stale{display:none!important}
html.gb-embed .body{display:block!important;padding:8px!important;margin:0!important;max-width:none!important}html.gb-embed .main{padding:0!important}
html.gb-embed .bk-head,html.gb-embed .bk-seats,html.gb-embed .bk-box,html.gb-embed .bk-math,html.gb-embed .bk-proof,html.gb-embed .bk-stage>.secth{display:none!important}
.bk-cam video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.bk-stream video.selfv{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:14px;background:#000}
.st-pvb .cst{top:auto!important;bottom:10px}.st-pvb .flip{top:auto!important;bottom:8px}.st-pvb .cst,.st-pvb .flip{z-index:3}
.vp-lanes{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:2px 0 18px}
.vp-lanes a{display:flex;flex-direction:column;gap:3px;padding:14px 16px;border-radius:14px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line2);color:inherit;text-decoration:none}
.vp-lanes a:hover{box-shadow:inset 0 0 0 1px var(--gold)}.vp-lanes b{font:800 15px/1.2 var(--disp)}.vp-lanes span{color:var(--mute);font-size:12.5px}
.vp-lanes a[data-vpj="serious"]{background:radial-gradient(120% 160% at 100% 0,rgba(242,193,78,.12),transparent 55%),var(--card);box-shadow:inset 0 0 0 1px rgba(242,193,78,.4)}
.vp-lane{margin-bottom:4px}
#casual,#serious{scroll-margin-top:70px}
.vp-minis{display:grid;gap:8px;margin-bottom:10px}.vp-minis:empty{display:none}
.vp-mini{text-decoration:none;color:inherit;align-items:center!important;justify-content:space-between;margin:0}.vp-mini>div{flex:1 1 300px;min-width:0}.vp-mini h3{font-size:14px}
@media (max-width:760px){.vp-lanes{grid-template-columns:1fr}}
.st-endt{margin-top:10px}
.st-dock .st-dkend{display:block;width:100%;margin-top:6px;padding:9px;border:0;border-radius:12px;background:rgba(22,22,24,.94);box-shadow:inset 0 0 0 1px var(--line2);color:var(--ink);font:700 13px var(--body)}
/* break page: host overlays + live reactions (PB 2026-10-12) */
.bk-stagegrid .rsbox{position:relative}
.bk-ovl,.bk-fx{position:absolute;inset:0;pointer-events:none;z-index:5;overflow:hidden}
.bk-fx{z-index:6}
.ov-logo{position:absolute;max-width:22%;max-height:18%;object-fit:contain;filter:drop-shadow(0 4px 12px rgba(0,0,0,.6))}
.ov-logo.c-tl{left:12px;top:12px}.ov-logo.c-tr{right:12px;top:12px}.ov-logo.c-bl{left:12px;bottom:12px}.ov-logo.c-br{right:12px;bottom:12px}
.ov-img{position:absolute;left:50%;top:46%;max-width:62%;max-height:62%;object-fit:contain;transform:translate(-50%,-50%);filter:drop-shadow(0 18px 40px rgba(0,0,0,.7));animation:ovpop .45s cubic-bezier(.2,1.4,.4,1)}
.ov-img.pin{top:auto;bottom:62px;left:auto;right:14px;transform:none;max-width:30%;max-height:30%;animation:none}
@keyframes ovpop{from{transform:translate(-50%,-50%) scale(.6);opacity:0}}
.ov-note{position:absolute;left:12px;right:12px;bottom:12px;padding:10px 14px;border-radius:12px;background:rgba(10,10,12,.82);backdrop-filter:blur(8px);box-shadow:inset 0 0 0 1px rgba(242,193,78,.45);font:800 clamp(14px,2.2vw,22px)/1.2 var(--disp);color:#fff;text-align:center;animation:ovnote .35s ease-out}
@keyframes ovnote{from{transform:translateY(16px);opacity:0}}
.bk-fx span{position:absolute;bottom:6%;animation:react 2.6s ease-out forwards;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5))}
@keyframes react{0%{transform:translate(0,0) scale(.6);opacity:0}12%{opacity:1;transform:translate(0,-20px) scale(1.15)}100%{transform:translate(var(--dx),-340px) scale(1);opacity:0}}
.bk-react{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin-top:10px}
.bk-react button{width:44px;height:44px;border:0;border-radius:12px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line);font-size:22px;cursor:pointer;transition:transform .08s}
.bk-react button:active{transform:scale(.88)}
html.gb-embed .bk-react{display:none}
@media (max-width:700px){
  .bk-stage{display:flex;flex-direction:column}.bk-stage>.bk-rail{order:3;margin-top:10px}.bk-stage>.bk-react{order:2}
  .bk-react{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;scrollbar-width:none}.bk-react::-webkit-scrollbar{display:none}.bk-react button{flex:none;width:42px;height:42px}
  .ov-img.pin{bottom:56px}
}
/* studio brand kit */
.st-brand .st-note{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:6px;margin:10px 0 8px}
.st-brand .st-note input{min-width:0;height:36px;padding:0 12px;border-radius:9px;background:var(--card2);border:0;box-shadow:inset 0 0 0 1px var(--line2);color:var(--ink);font:600 13px var(--body)}
.st-msgs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}
.st-msg{display:inline-flex;align-items:center;border-radius:999px;background:var(--card2);box-shadow:inset 0 0 0 1px var(--line2)}
.st-msg.on{box-shadow:inset 0 0 0 1.5px var(--gold)}
.st-msg button{border:0;background:transparent;color:var(--ink);font:700 12.5px var(--body);padding:7px 4px 7px 12px;cursor:pointer;max-width:230px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.st-msg button.x{color:var(--mute);padding:7px 10px 7px 6px;font-size:15px}
.st-bh{margin:14px 0 8px}.st-bh b{display:block;font-size:13px}.st-bh small{color:var(--mute);font-size:11.5px}
.st-imgs{display:grid;grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:8px}
.st-im{position:relative;aspect-ratio:1;border-radius:12px;background:repeating-conic-gradient(#1a1a1d 0 25%,#141416 0 50%) 0 0/16px 16px;box-shadow:inset 0 0 0 1px var(--line2);overflow:hidden}
.st-im.on{box-shadow:inset 0 0 0 2px var(--gold)}
.st-im .pv{position:absolute;inset:0;border:0;background:transparent;padding:8px;cursor:pointer}.st-im .pv img{width:100%;height:100%;object-fit:contain}
.st-im .pin,.st-im .x{position:absolute;top:4px;width:24px;height:24px;border:0;border-radius:50%;background:rgba(0,0,0,.65);color:#fff;font-size:12px;line-height:1;cursor:pointer}
.st-im .pin{left:4px;opacity:.6}.st-im .pin.on{opacity:1;background:var(--gold)}.st-im .x{right:4px;font-size:15px}
.st-imadd{aspect-ratio:1;border:1.5px dashed var(--line2);border-radius:12px;background:transparent;color:var(--mute);font:700 12.5px var(--body);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center;padding:8px}
.st-imadd small{font-weight:600;font-size:11px}.st-lgadd{aspect-ratio:auto;width:100%;min-height:76px}
.st-imclr{grid-column:1/-1;justify-self:start}
.st-lg{display:grid;place-items:center;height:96px;border-radius:12px;background:repeating-conic-gradient(#1a1a1d 0 25%,#141416 0 50%) 0 0/16px 16px;box-shadow:inset 0 0 0 1px var(--line2)}.st-lg img{max-height:80px;max-width:80%;object-fit:contain}
.st-cn{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:8px}
.st-cn button{border:0;border-radius:8px;padding:7px 4px;background:var(--card2);box-shadow:inset 0 0 0 1px var(--line2);color:var(--mute);font:700 11.5px var(--body);cursor:pointer}.st-cn button.on{color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--gold)}
@media (max-width:700px){.st-brand .st-note{grid-template-columns:1fr 1fr 1fr}.st-brand .st-note input{grid-column:1/-1}}
/* social: tappable names, quick profile card, profile pulls (PB 2026-10-12) */
.ulink{color:var(--ink);font-weight:700;cursor:pointer;text-decoration:underline;text-decoration-color:rgba(255,255,255,.25);text-underline-offset:2px}.ulink:hover{text-decoration-color:var(--gold)}
.uc{padding:4px 2px 8px}.uc-h{display:flex;gap:12px;align-items:center;margin-bottom:12px}.uc-h .av{width:56px;height:56px;border-radius:50%;object-fit:cover;background:var(--card2)}
.uc-h b{display:block;font-size:17px}.uc-h small{display:block;color:var(--mute);font-size:12.5px;margin-top:2px}.uc-h small b{display:inline;font-size:12.5px;color:var(--ink)}
.uc-p{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin-bottom:12px}.uc-p div{position:relative}.uc-p img{width:100%;aspect-ratio:3/4.1;object-fit:cover;border-radius:6px;background:var(--card2)}
.uc-p span{position:absolute;left:3px;bottom:3px;font:800 10px var(--body);background:rgba(0,0,0,.7);padding:1px 4px;border-radius:4px}
@media (max-width:700px){.uc-p{grid-template-columns:repeat(3,1fr)}}
.fy{color:var(--gold)}
.ho-pg{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px}
.ho-pc{background:var(--card);border-radius:12px;padding:8px;box-shadow:inset 0 0 0 1px var(--line)}.ho-pc img{width:100%;aspect-ratio:3/4.1;object-fit:cover;border-radius:6px;background:var(--card2)}
.ho-pc b{display:block;margin-top:6px;font-size:14px}.ho-pc small{display:block;color:var(--mute);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ho-pc.r-epic b{color:#b35cff}.ho-pc.r-rare b{color:#3d9bff}.ho-pc.r-uncommon b{color:#3ee08a}
.ho-pulls{margin:16px 0}
/* pulls: Recent / Value + rarity glows (PB 2026-10-12) */
.sortseg{display:inline-flex;gap:3px;padding:3px;border-radius:10px;background:var(--card2);box-shadow:inset 0 0 0 1px var(--line2)}
.sortseg button{border:0;background:transparent;color:var(--mute);font:700 12px var(--body);padding:6px 11px;border-radius:8px;cursor:pointer}.sortseg button.on{background:var(--card3);color:var(--ink)}
.me-fbar{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}.me-fbar .me-filt{margin:0}
.me-slab.r-epic,.ho-pc.r-epic,.hh-c.r-epic{box-shadow:0 0 0 1.5px #b35cff,0 0 22px -2px rgba(179,92,255,.75),0 0 46px -10px rgba(179,92,255,.6);animation:glowE 2.6s ease-in-out infinite}
.me-slab.r-rare,.ho-pc.r-rare,.hh-c.r-rare{box-shadow:0 0 0 1.5px #3d9bff,0 0 18px -3px rgba(61,155,255,.65)}
.me-slab.r-uncommon,.ho-pc.r-uncommon,.hh-c.r-uncommon{box-shadow:0 0 0 1px #3ee08a,0 0 14px -4px rgba(62,224,138,.55)}
@keyframes glowE{50%{box-shadow:0 0 0 1.5px #c98bff,0 0 30px 0 rgba(179,92,255,.9),0 0 60px -6px rgba(179,92,255,.7)}}
@media (prefers-reduced-motion:reduce){.me-slab.r-epic,.ho-pc.r-epic,.hh-c.r-epic{animation:none}}
/* social: Pro check, people rows, counts (PB 2026-10-12) */
.pchk{width:1.05em;height:1.05em;vertical-align:-.15em;margin-left:.3em;color:var(--gold);flex:none;display:inline-block}
.pr-list{display:flex;flex-direction:column;gap:4px;max-height:60vh;overflow:auto}
.pr-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px;border-radius:12px;cursor:pointer}.pr-row:hover{background:var(--card2)}
.pr-row img{width:42px;height:42px;border-radius:50%;object-fit:cover;background:var(--card2)}
.pr-row .nm{min-width:0}.pr-row .nm b{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pr-row .nm small{color:var(--mute);font-size:12px}
.pr-row .lvx{color:var(--rose);font-weight:700}
.pr-row .fb .btn{white-space:nowrap}
.fcnt a{color:var(--mute);text-decoration:none}.fcnt a b{color:var(--ink)}.fcnt a:hover{color:var(--ink)}
.fo{display:flex;flex-direction:column;gap:18px}
.fo-s{position:relative}.fo-s input{width:100%;height:46px;padding:0 16px;border-radius:14px;background:var(--card);border:0;box-shadow:inset 0 0 0 1px var(--line2);color:var(--ink);font:600 15px var(--body)}
.fo-res{margin-top:6px;background:var(--card);border-radius:14px;box-shadow:inset 0 0 0 1px var(--line);padding:4px}
.fo-sug{background:var(--card);border-radius:14px;box-shadow:inset 0 0 0 1px var(--line);padding:4px;max-height:none}
.fo-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}
.fo-c{background:var(--card);border-radius:12px;padding:8px;box-shadow:inset 0 0 0 1px var(--line)}.fo-c img{width:100%;aspect-ratio:3/4.1;object-fit:cover;border-radius:6px;background:var(--card2)}
.fo-c b{display:block;margin-top:6px}.fo-c small{display:block;color:var(--mute);font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fo-c .nm{color:var(--ink)}
.fo-c.r-epic{box-shadow:0 0 0 1.5px #b35cff,0 0 22px -2px rgba(179,92,255,.75)}.fo-c.r-rare{box-shadow:0 0 0 1.5px #3d9bff,0 0 18px -3px rgba(61,155,255,.65)}
.fo-c.r-epic b{color:#b35cff}.fo-c.r-rare b{color:#3d9bff}
@media (max-width:700px){.fo{padding:0 12px}.fo-g{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ho-cnt{display:flex;gap:14px;margin:4px 0 6px;font-size:13.5px}.ho-cnt a{color:var(--mute);text-decoration:none}.ho-cnt a b{color:var(--ink)}.ho-cnt a:hover{text-decoration:underline}
.shr{display:flex;flex-direction:column;align-items:center;gap:12px;padding:6px 0 10px;text-align:center}.shr .qrb{width:190px;height:190px;padding:10px;border-radius:14px;background:#fff}.shr .qrb svg{width:100%;height:100%;display:block}
.shr code{font-size:12px;color:var(--mute);word-break:break-all}
.hc-s{display:grid;grid-template-columns:minmax(0,170px) minmax(0,1fr);gap:16px;align-items:start;padding:4px 0 10px}.hc-s .big{width:100%;border-radius:10px}
.hc-i{display:flex;flex-direction:column;gap:6px;min-width:0}.hc-i .v{font:900 26px var(--disp);color:var(--gold)}.hc-i small{color:var(--mute)}.hc-i .pr-row{padding:6px 0}
@media (max-width:700px){.hc-s{grid-template-columns:120px minmax(0,1fr)}}
.bk-pw{margin-bottom:18px}.bk-pwl{background:var(--card);border-radius:14px;box-shadow:inset 0 0 0 1px var(--line);padding:4px;max-height:none}
@media (max-width:900px){.bk-pw{margin-left:12px;margin-right:12px}}
.st-ch{display:grid;grid-template-columns:22px 70px minmax(0,1fr);gap:10px;align-items:center;padding:10px 0;border-top:1px solid var(--line)}.st-ch:first-child{border-top:0}
.st-ch .plogo{width:20px;height:20px}.st-ch b{font-size:13.5px}.st-chs{display:flex;justify-content:flex-end;align-items:center;gap:8px;flex-wrap:wrap;font-size:12.5px;min-width:0}.st-chs .ok{color:var(--ink);font-weight:700}
.wd{display:flex;flex-direction:column;gap:12px;padding-bottom:8px}.wd label{display:flex;flex-direction:column;gap:6px;font:700 12.5px var(--body);color:var(--mute)}
.wd input{height:44px;padding:0 12px;border-radius:12px;background:var(--card2);border:0;box-shadow:inset 0 0 0 1px var(--line2);color:var(--ink);font:600 15px var(--body);min-width:0}
.wd-a{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center}.wd-a span{font:800 18px var(--body);color:var(--ink)}
.wd-note{font-size:12.5px;color:var(--mute);line-height:1.45;padding:10px 12px;border-radius:12px;background:rgba(242,193,78,.06);box-shadow:inset 0 0 0 1px rgba(242,193,78,.25)}.wd-note b{color:var(--ink)}
.bk-auto{margin:0 0 8px;font:700 12.5px var(--body);color:var(--mute);text-align:center}
/* studio on-air controls (audit + PB 2026-10-12) */
.st-shape3{grid-template-columns:repeat(3,minmax(0,1fr))}.st-shape3 button{padding:9px 10px;gap:8px}.st-shape3 button small{font-size:10.5px}
.st-av{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:8px;margin:10px 0}
.st-tg{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;height:48px;border:0;border-radius:14px;background:var(--card2);box-shadow:inset 0 0 0 1px var(--line2);color:var(--ink);font:800 14px var(--body);cursor:pointer}
.st-tg.off{background:rgba(255,92,122,.12);box-shadow:inset 0 0 0 1px rgba(255,92,122,.5);color:#ff8ca0}
.st-tg .ic{position:relative;display:inline-flex;font-style:normal}.st-tg .sl{position:absolute;left:-3px;top:50%;width:24px;height:2.4px;background:currentColor;transform:rotate(-45deg);border-radius:2px;pointer-events:none}
.st-tg[hidden]{display:none}
.st-res{margin:0 0 10px;padding:12px 14px;border-radius:14px;background:rgba(255,92,122,.08);box-shadow:inset 0 0 0 1px rgba(255,92,122,.4)}.st-res b{display:block;font-size:13.5px}.st-res small{display:block;color:var(--mute);margin:4px 0 8px;font-size:12.5px}
/* portfolio (PB 2026-10-12) */
.me-port{display:block}.pf-h{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.pf-h h3{font:900 30px/1.1 var(--disp);margin:4px 0}.pf-h small i{font-style:normal;color:var(--mute)}
.pf-l{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}
.pf-r{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:10px;align-items:center;padding:7px 8px;border-radius:12px;background:var(--card2)}
.pf-r img{width:40px;height:54px;object-fit:cover;border-radius:5px}.pf-r .nm{min-width:0}.pf-r .nm b{display:block;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pf-r .nm small{color:var(--mute);font-size:11.5px}.pf-r .nm small i{font-style:normal}
.pf-r .vv{text-align:right}.pf-r .vv b{display:block}.pf-r .vv small{font-size:12px}
.pf-r.r-epic{box-shadow:inset 0 0 0 1px rgba(179,92,255,.6),0 0 14px -4px rgba(179,92,255,.6)}.pf-r.r-rare{box-shadow:inset 0 0 0 1px rgba(61,155,255,.55)}
.pf-n{display:block;color:var(--mute);font-size:11.5px;margin-top:8px}
.hh-sr{display:inline-flex;align-items:center;gap:10px}
.newcode{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0 0 12px;padding:12px 14px;border-radius:14px;background:rgba(242,193,78,.1);box-shadow:inset 0 0 0 1px rgba(242,193,78,.5)}.newcode span{flex:1 1 240px;color:var(--mute);font-size:13px}
@media (max-width:900px){.newcode{margin:8px 12px 12px}}

/* sell-back price check links (PB 2026-10-12) */
.me-px{display:block;margin-top:6px;color:var(--mute);font-size:.72rem;line-height:1.5}.me-px a{color:var(--ink,inherit);text-decoration:underline;text-underline-offset:2px}

/* break page (PB 2026-10-12, tester: "massive"): seats hide during the rip, a smaller stage, a bigger, crisper pull log beside it */
.bk-seats[hidden]{display:none}
@media (min-width:1101px){
  .bk-stagegrid{grid-template-columns:minmax(0,800px) minmax(320px,1fr)}
  .bk-stagegrid.cam{grid-template-columns:clamp(170px,15%,230px) minmax(0,720px) minmax(300px,1fr)}
  .bk-stagegrid .plog{max-height:none;contain:size;align-self:stretch}
}
.plog{gap:8px;padding:10px}
.plog .pl{grid-template-columns:48px minmax(0,1fr) auto;gap:12px;padding:9px 12px;border-radius:12px}
.plog .pl img{width:48px;height:66px;border-radius:5px}
.plog .pl b{font-size:.95rem}.plog .pl small{font-size:.74rem}.plog .pl .pl-who + small{font-size:.7rem}
.plog .pl .v{font:800 1.05rem/1 var(--body)}
.plog .pl.r-uncommon{box-shadow:inset 0 0 0 1px rgba(62,224,138,.45)}.plog .pl.r-rare{box-shadow:inset 0 0 0 1px rgba(61,155,255,.6)}.plog .pl.r-epic{box-shadow:inset 0 0 0 1.5px rgba(179,92,255,.75)}
.plog .pl.r-rare .v{color:#3d9bff}.plog .pl.r-epic .v{color:#b35cff}
@media (max-width:1100px){.bk-stagegrid .rsbox{width:100%;max-width:800px;justify-self:center}.plog{max-height:320px}}

/* host logo (PB 2026-10-12): inside the stage, bottom left, clear of the reveal card; the corner choice is retired */
.bk-ovl .ov-logo[class*="c-"]{left:2.2%;bottom:3.2%;right:auto;top:auto;max-width:8.5%;max-height:15%}

/* break chat (PB 2026-10-12): pull log left, stage middle, chat right (like Twitch/Kick); stacked under the stage below 1101px */
.bk-chat{display:flex;flex-direction:column;min-height:0;border-radius:14px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line);overflow:hidden}
.bk-chat .ch-h{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-bottom:1px solid var(--line);font-size:13px}.bk-chat .ch-h span{color:var(--mute);font-size:12px}
.ch-l{flex:1;min-height:0;overflow:auto;padding:8px 10px;display:flex;flex-direction:column;gap:6px}.ch-l .muted{color:var(--mute);font-size:12.5px;margin:4px 2px}
.cm{position:relative;display:grid;grid-template-columns:22px minmax(0,1fr);gap:8px;align-items:start;font-size:13px;line-height:1.4}
.cm img{width:22px;height:22px;border-radius:50%;object-fit:cover;margin-top:1px}.cm p{margin:0;word-wrap:break-word;overflow-wrap:anywhere;color:var(--ink)}.cm b{color:var(--gold2);font-weight:700;margin-right:2px}
.cm.host b{color:var(--gold)}.ch-hb{display:inline-block;margin:0 4px 0 2px;padding:1px 6px;border-radius:5px;background:var(--gold);color:#000;font:800 9.5px/1.5 var(--body);letter-spacing:.04em;vertical-align:1px}
.ch-mod{position:absolute;right:0;top:-2px;display:none;gap:4px}.cm:hover .ch-mod,.cm:focus-within .ch-mod{display:flex}
.ch-mod button{border:0;border-radius:6px;background:var(--card3);color:var(--mute);font:700 11px var(--body);padding:3px 7px;cursor:pointer}.ch-mod button:hover{color:var(--rose)}
.ch-f{padding:8px;border-top:1px solid var(--line);display:flex}.ch-f>.lbtn{width:100%}
.ch-f form{display:flex;gap:6px;width:100%}.ch-f input{flex:1;min-width:0;height:36px;border-radius:9px;border:0;background:var(--card2);box-shadow:inset 0 0 0 1px var(--line2);color:var(--ink);font:500 13.5px var(--body);padding:0 10px}
.ch-f input:focus{outline:none;box-shadow:inset 0 0 0 1px var(--gold2)}
@media (hover:none){.ch-mod{display:flex;position:static;grid-column:2;margin-top:2px}}
@media (min-width:1101px){
  .bk-stagegrid,.bk-stagegrid.cam{grid-template-areas:"log stage chat";grid-template-columns:260px minmax(0,1fr) 320px}
  .bk-stagegrid.cam{grid-template-areas:"log cam stage chat";grid-template-columns:230px clamp(150px,12%,200px) minmax(0,1fr) 300px}
  .bk-stagegrid .rsbox{grid-area:stage}.bk-stagegrid .plog{grid-area:log}.bk-stagegrid .bk-chat{grid-area:chat;contain:size;align-self:stretch}.bk-stagegrid .bk-cam{grid-area:cam}
  .plog .pl{grid-template-columns:40px minmax(0,1fr) auto;gap:9px;padding:8px 9px}.plog .pl img{width:40px;height:55px}.plog .pl b{font-size:.85rem}.plog .pl .v{font-size:.95rem}
}
@media (max-width:1100px){.bk-chat{height:340px;order:2}.bk-stagegrid .plog{order:3}}

/* studio: hold a pull up on stream (2026-10-12) */
button.st-li.st-sp{width:100%;border:0;color:inherit;font:inherit;text-align:left;cursor:pointer}button.st-li.st-sp:hover{box-shadow:inset 0 0 0 1px var(--gold2)}button.st-li.st-sp.on{box-shadow:inset 0 0 0 1.5px var(--gold);background:rgba(242,193,78,.08)}button.st-li.st-sp.on .v{color:var(--gold);font-weight:800}
.st-sph{margin:0 0 4px}.st-sph .lnk{border:0;background:none;color:var(--gold);font:inherit;cursor:pointer;padding:0;text-decoration:underline}

/* the host's wide stream on top of the chat (PB 2026-10-12: inside the stage it covered the rip) */
.bk-pip{position:relative;flex:none;width:100%;aspect-ratio:16/9;overflow:hidden;background:#000;border-bottom:1px solid var(--line)}
.bk-pip[hidden]{display:none}
.bk-pip .pipi{position:absolute;left:0;top:0;width:480px;height:270px;transform:scale(var(--pips,.5));transform-origin:0 0}
.bk-pip iframe,.bk-pip video{width:100%;height:100%;border:0;display:block;object-fit:cover}
.bk-pip .lv{position:absolute;left:8px;top:8px;z-index:2;padding:2px 7px;border-radius:999px;background:var(--rose);color:#fff;font:800 9.5px/1.4 var(--body);letter-spacing:.08em;pointer-events:none}
@media (max-width:1100px){.bk-chat:has(.bk-pip:not([hidden])){height:auto}.bk-chat:has(.bk-pip:not([hidden])) .ch-l{height:260px;flex:none}}

/* studio chat (team 2026-10-13) */
.st-chat{display:flex;flex-direction:column;gap:8px}.st-chh{display:flex;justify-content:space-between;align-items:baseline;gap:8px;flex-wrap:wrap}
.st-chat .ch-l{height:260px;flex:none;border-radius:10px;background:var(--card2);box-shadow:inset 0 0 0 1px var(--line)}.st-chat .ch-f{border:0;padding:0}
.st-chat .ch-f form,.st-chat form.ch-f{display:flex;gap:6px;width:100%}

/* export key (PB 2026-10-13): a small key icon next to Add funds / Withdraw */
.lbtn.me-key{padding:0;width:32px;display:inline-grid;place-items:center}

/* PB 2026-10-13: the home-screen app on iPhone draws under the status bar (black-translucent + viewport-fit=cover), so the top bar's
   buttons sat under the clock/notch and couldn't be tapped. Push everything that hugs the top below the safe area. */
:root{--sat:env(safe-area-inset-top,0px)}
.top{height:calc(58px + var(--sat));padding-top:var(--sat);padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right))}
.side,.slip{top:calc(58px + var(--sat));height:calc(100vh - 58px - var(--sat))}
.body{min-height:calc(100vh - 58px - var(--sat))}
.sheet{max-height:calc(82vh - var(--sat))}
@media (min-width:901px){.sheetwrap .sheet{top:calc(62px + var(--sat))}}
@media (max-width:900px){.top{height:calc(54px + var(--sat));padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}
/* feedback #19 (hotlneblng): in the studio the chat form IS .ch-f, so ".ch-f>.lbtn{width:100%}" stretched Send over the text box */
.st-chat form.ch-f>.lbtn{width:auto;flex:none;padding:0 16px}.st-chat form.ch-f input{flex:1;min-width:0}

/* ---------- account page rework (Tom 2026-10-13): cards first, settings compact ---------- */
.me-money{grid-template-columns:repeat(2,minmax(0,1fr))}
.me-cards .secth{margin-top:18px}
.me-sellbar{display:flex;align-items:center;gap:12px;margin:0 0 12px;padding:12px 14px;border-radius:14px;background:linear-gradient(90deg,rgba(242,193,78,.16),var(--card) 75%);box-shadow:inset 0 0 0 1px rgba(242,193,78,.35)}
.me-sellbar>div{flex:1;min-width:0}.me-sellbar b{display:block;font-size:14px}.me-sellbar small{display:block;color:var(--mute);font-size:12px;margin-top:2px}
.me-set{flex-direction:column;align-items:stretch;gap:0;margin-top:16px;padding:12px 16px}.me-set>.kick{margin-bottom:4px}
.me-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--line)}.me-set>.kick+.me-row{border-top:0}
.me-row>span{flex:1;min-width:0}.me-row b{display:block;font-size:14px}.me-row small{display:block;color:var(--mute);font-size:12px;margin-top:2px;line-height:1.4}
#me-push .me-row{border-top:1px solid var(--line)}
.me-pd summary{list-style:none;cursor:pointer}.me-pd summary::-webkit-details-marker{display:none}
.me-chev{font-style:normal;font-weight:700;font-size:12.5px;color:var(--mute)}.me-chev:after{content:" ›";display:inline-block;transition:transform .15s}.me-pd[open] .me-chev:after{transform:rotate(90deg)}
.me-pd .me-pp{margin:0 0 6px}.me-pd .me-ac{padding-bottom:6px}
.me-ch{align-items:center}.me-ch .sortseg{margin:0}
@media (max-width:900px){.me-ch #me-sort{display:block}}
#me-tabs{margin:4px 0 12px}

/* seat grid: columns from the seat count (break.js sets --sc phone / --scd desktop) so rows come out even */
.seatgrid{grid-template-columns:repeat(var(--scd,6),minmax(0,1fr))}
@media (max-width:900px){.seatgrid{grid-template-columns:repeat(var(--sc,5),minmax(0,1fr))}}

/* keyboard up: the bottom bar steps aside (core.js toggles .kb) */
@media (max-width:900px){.tabbar.kb{display:none!important}}

/* your pulls at the end of a break (PB 2026-10-13): one card at a time, big, like a reveal */
.yp-ov{position:fixed;inset:0;z-index:300;display:flex;flex-direction:column;align-items:center;gap:12px;padding:calc(18px + env(safe-area-inset-top,0px)) 18px calc(18px + env(safe-area-inset-bottom,0px));background:radial-gradient(60% 45% at 50% 40%,color-mix(in srgb,var(--tc) 28%,transparent),transparent 70%),rgba(6,6,8,.97);overflow:auto;animation:ypin .25s ease-out}
@keyframes ypin{from{opacity:0}}
.yp-x{position:absolute;right:14px;top:calc(10px + env(safe-area-inset-top,0px));width:40px;height:40px;border-radius:50%;border:0;background:rgba(255,255,255,.08);color:#fff;font-size:24px;cursor:pointer}
.yp-top{text-align:center;display:flex;flex-direction:column;gap:3px;margin-top:6px}.yp-top b{font:800 1.1rem var(--disp,inherit)}.yp-top small{color:var(--mute);font-size:.8rem}.yp-top em{font-style:normal;color:var(--green,#3ddc84);font-weight:800}
.yp-stage{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;max-width:520px;flex:1;min-height:0}
.yp-card{animation:ypflip .5s cubic-bezier(.2,.9,.3,1.2) both}.yp-card img{display:block;max-height:min(60vh,620px);max-width:min(80vw,420px);border-radius:12px;box-shadow:0 0 0 2px var(--tc),0 0 70px -8px var(--tc),0 30px 60px -20px #000}
@keyframes ypflip{from{transform:perspective(900px) rotateY(80deg) scale(.86);opacity:0}}
.yp-nav{flex:none;width:40px;height:40px;border-radius:50%;border:0;background:rgba(255,255,255,.08);color:#fff;font-size:26px;line-height:1;cursor:pointer}.yp-nav:disabled{opacity:.2}
.yp-info{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.yp-info b{font-size:1.05rem;max-width:320px}.yp-info small{color:var(--mute);font-size:.8rem}
.yp-tag{font:900 .7rem/1 var(--body);letter-spacing:.16em;padding:6px 12px;border-radius:999px;background:var(--tc);color:#0b0b0c}
.yp-val{font:900 2.1rem/1 var(--disp,inherit);color:var(--tc);margin-top:2px}
.yp-dots{display:flex;gap:6px;margin-top:6px}.yp-dots i{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.2)}.yp-dots i.on{background:#fff}
.yp-acts{width:100%;max-width:380px;display:flex;flex-direction:column;gap:8px;align-items:stretch;min-height:52px;justify-content:center}
.yp-two{display:flex;gap:8px}.yp-two .yp-b{flex:1}
.yp-b{height:50px;border-radius:999px;border:0;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);color:#fff;font:800 .95rem var(--body);cursor:pointer}.yp-b.gold{background:var(--gold);color:#111;box-shadow:none}.yp-b:disabled{opacity:.6}
.yp-ok{text-align:center;font-weight:800;color:var(--green,#3ddc84)}
.yp-all{border:0;background:none;color:var(--mute);font:700 .85rem var(--body);text-decoration:underline;cursor:pointer;padding:6px}
.yp-rb{width:100%;max-width:420px;display:flex;flex-direction:column;gap:8px;align-items:center;padding:12px;border-radius:16px;background:rgba(242,193,78,.07);box-shadow:inset 0 0 0 1px rgba(242,193,78,.35);animation:ypin .3s ease-out}
.yp-rb .kick{color:var(--gold);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;font-weight:800}
.yp-rbg{display:grid;grid-template-columns:repeat(auto-fit,minmax(62px,1fr));gap:8px;width:100%}
.yp-rp{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;border:0;border-radius:12px;background:rgba(255,255,255,.06);color:#fff;cursor:pointer}.yp-rp img{height:58px;width:auto;filter:drop-shadow(0 6px 10px rgba(0,0,0,.6))}.yp-rp b{font:800 .85rem var(--body)}.yp-rp:active{transform:scale(.96)}
/* "Pulled on Grail Break" tiles (PB 2026-10-13): slab big on the left third, what it is and who pulled it on the right.
   Desktop: stacked in the side column (scrolls with it). Phones: a sideways row under Pull a pack. */
.mp{display:flex;gap:12px;align-items:stretch;padding:10px;border-radius:16px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line);color:var(--ink);text-decoration:none;margin-bottom:10px}
.mp:hover{box-shadow:inset 0 0 0 1px var(--line2)}
.mp-i{flex:0 0 33%;display:grid;place-items:center;border-radius:10px;background:radial-gradient(70% 60% at 50% 45%,color-mix(in srgb,var(--rc,#a3a3aa) 30%,transparent),transparent 75%)}
.mp-i img{width:100%;height:120px;object-fit:contain;filter:drop-shadow(0 8px 14px rgba(0,0,0,.6))}
.mp-t{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:3px}
.mp-r{align-self:flex-start;font:900 9.5px/1 var(--body);font-style:normal;letter-spacing:.14em;padding:4px 7px;border-radius:999px;background:var(--rc,#a3a3aa);color:#0b0b0c}
.mp-n{font-size:13.5px;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mp-v{font:900 19px/1.1 var(--disp);color:var(--rc,var(--ink))}
.mp-w{font-size:12.5px;color:var(--ink)}.mp-x{font-size:11px;color:var(--mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mp.r-uncommon{--rc:#3ee08a}.mp.r-rare{--rc:#3d9bff;box-shadow:inset 0 0 0 1px rgba(61,155,255,.5)}.mp.r-epic{--rc:#b35cff;box-shadow:inset 0 0 0 1px rgba(179,92,255,.6),0 0 18px -6px rgba(179,92,255,.6)}
.mpulls{display:none}
@media (max-width:900px){
  .mpulls{display:block;margin-top:18px}
  #pulls-m{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:12px;padding:2px 12px 10px;scrollbar-width:none;max-width:100%}#pulls-m::-webkit-scrollbar{display:none}
  #pulls-m .mp{flex:none;width:78%;max-width:320px;scroll-snap-align:start;margin-bottom:0}
  #pulls-m .mp-i img{height:132px}
}
/* boosted breaks (PB 2026-10-13, request 23): the builder slider and the "x% boosted · you save $y per seat" badge */
.cr-boost{margin-top:12px;display:block}
.cr-bh{display:flex;gap:14px;align-items:flex-start;justify-content:space-between}.cr-bh p{margin:6px 0 0;color:var(--mute);font-size:13px;line-height:1.45}
.cr-bh>b{font:900 28px/1 var(--disp);color:var(--gold);min-width:64px;text-align:right}
#cr-brange{-webkit-appearance:none;appearance:none;width:100%;height:8px;margin:16px 0 12px;border-radius:99px;background:linear-gradient(90deg,var(--gold) var(--v,0%),var(--card3) var(--v,0%));outline:none;touch-action:pan-y}
#cr-brange::-webkit-slider-thumb{-webkit-appearance:none;width:28px;height:28px;border-radius:50%;background:var(--gold);border:3px solid #111;box-shadow:0 0 0 1px var(--gold);cursor:pointer}
#cr-brange::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:var(--gold);border:3px solid #111;cursor:pointer}
.cr-bout{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 14px;font:600 13px/1.35 var(--body);color:var(--ink)}.cr-bout s{color:var(--dim)}.cr-bout .cr-bnew{color:var(--gold)}.cr-bout .muted{color:var(--mute);font-weight:500}
.bst{display:inline-flex;align-items:center;gap:4px;margin:8px 0 4px;padding:5px 10px;border-radius:99px;background:rgba(242,193,78,.12);box-shadow:inset 0 0 0 1px rgba(242,193,78,.45);color:var(--gold);font:800 12px/1.2 var(--body);max-width:100%}
.bst.sm{margin:4px 0 2px;padding:3px 8px;font-size:11px}
.bst.jc{background:linear-gradient(90deg,rgba(242,193,78,.28),rgba(255,140,40,.18));box-shadow:inset 0 0 0 1px rgba(255,190,80,.75),0 0 18px -6px rgba(255,170,60,.7);color:#ffd27a}
.bst.pro{background:rgba(139,124,246,.18);box-shadow:inset 0 0 0 1px rgba(139,124,246,.55);color:#c9bfff;margin-left:6px}
.bst.lk{background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.22);color:var(--ink,#fff);margin-left:6px}
/* profile Rewards (PB 2026-10-13): what Grail Break gifted you; a free rip has its own Rip it button */
.me-rwl{display:grid;gap:8px}
.me-rw{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:12px;align-items:center;background:var(--card);border-radius:12px;box-shadow:inset 0 0 0 1px var(--line);padding:10px 12px}
.me-rw.new{box-shadow:inset 0 0 0 1px rgba(242,193,78,.55),0 0 22px -10px rgba(242,193,78,.8)}
.me-rwi{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:rgba(242,193,78,.1);font-size:20px}
.me-rw b{display:block;font-size:14px;line-height:1.3}.me-rw small{display:block;color:var(--mute);font-size:12px;margin-top:2px;overflow:hidden;text-overflow:ellipsis}
.me-new{font-style:normal;font:800 10px/1 var(--body);letter-spacing:.08em;text-transform:uppercase;color:#0a0a0a;background:var(--gold);border-radius:99px;padding:3px 6px;margin-left:4px;vertical-align:2px}
.me-rwd{font:700 13px/1 var(--mono,monospace);color:var(--mute);white-space:nowrap}.me-rwd.g{color:var(--gold)}

/* ---------- achievements (PB 2026-10-14): tier chip, breaker badge, sticker book, unlock pop-up + toast. All ach-* ---------- */
.ach-tags{display:contents}
.ach-tier{display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 5px;border-radius:999px;background:var(--card3);box-shadow:inset 0 0 0 1px var(--line2);font:700 11px/1 var(--body)}
.ach-tier i{width:16px;height:16px;border-radius:50%;background:conic-gradient(#3d9bff calc(var(--p)*1%),#2b2b30 0);display:grid;place-items:center}
.ach-tier i::after{content:"";width:9px;height:9px;border-radius:50%;background:var(--card3)}
.ach-tier span{font:600 9px/1 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}
.ach-tier b{font:800 11.5px/1 var(--body);color:var(--ink)}
.ach-bkr{display:inline-flex;align-items:center;gap:5px;padding:4px 9px 4px 6px;border-radius:7px;background:linear-gradient(180deg,#2a2208,#191405);box-shadow:inset 0 0 0 1px rgba(242,193,78,.45);color:var(--gold);font:800 10.5px/1 var(--body);letter-spacing:.08em;text-transform:uppercase}
.ach-bkr em{font-style:normal;font-weight:600;color:rgba(242,193,78,.7);letter-spacing:0;text-transform:none}
.ach-card{display:block}
.ach-card .r-common,.ach-pop.r-common,.ach-toast.r-common{--rc:#9aa0a6}.ach-card .r-uncommon,.ach-pop.r-uncommon,.ach-toast.r-uncommon{--rc:#3ecf8e}
.ach-card .r-rare,.ach-pop.r-rare,.ach-toast.r-rare{--rc:#3d9bff}.ach-card .r-epic,.ach-pop.r-epic,.ach-toast.r-epic{--rc:#b35cff}
.ach-h{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:10px}
.ach-h h3{font:800 18px/1 var(--disp);margin-top:6px}
.ach-h small{color:var(--mute);font-size:12.5px}.ach-h small b{color:var(--ink)}
.ach-bar{height:3px;border-radius:9px;background:#232327;overflow:hidden;width:100%}.ach-bar.big{height:5px}
.ach-bar>i{display:block;height:100%;background:var(--rc,var(--gold));border-radius:9px}
.ach-latest{display:flex;gap:10px;align-items:center;margin-top:12px;padding-top:12px;border-top:1px solid var(--line);color:var(--mute);font-size:12.5px}
.ach-latest img{width:34px;height:auto}.ach-latest b{color:var(--ink)}
.ach-tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:14px -16px;padding:0 16px}.ach-tabs::-webkit-scrollbar{display:none}
.ach-tabs button{flex:none;padding:7px 12px;border-radius:999px;background:var(--card3);color:var(--mute);font:700 12px/1 var(--body);border:0;cursor:pointer}
.ach-tabs button span{color:var(--dim);margin-left:4px}.ach-tabs button.on{background:var(--ink);color:#0a0a0b}.ach-tabs button.on span{color:#55555b}
.ach-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
@media(min-width:620px){.ach-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
.ach-st{position:relative;background:var(--card2);border:0;border-radius:12px;padding:10px 8px;text-align:center;box-shadow:inset 0 0 0 1px var(--line);display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;color:var(--ink);font:inherit}
.ach-st.got{cursor:pointer;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--rc) 45%,transparent);background:radial-gradient(120% 80% at 50% 0%,color-mix(in srgb,var(--rc) 14%,transparent),var(--card2) 70%)}
.ach-st:disabled{cursor:default;opacity:1}
.ach-art{width:100%;aspect-ratio:1;display:grid;place-items:center}
.ach-art img{width:86%;height:auto;filter:drop-shadow(0 6px 10px rgba(0,0,0,.5))}
.ach-st.locked .ach-art img{width:70%;opacity:.5}.ach-st.sec .ach-art img{opacity:.3}
.ach-st b{font:800 11.5px/1.15 var(--body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.ach-st small{font-size:10.5px;color:var(--dim);line-height:1.25;min-height:2.5em}
.ach-rr{position:absolute;top:7px;left:7px;width:7px;height:7px;border-radius:50%;background:var(--rc)}
.ach-lv{position:absolute;top:6px;right:7px;font:800 9px/1 var(--body);color:var(--mute);letter-spacing:.06em}
.ach-more{display:block;width:100%;margin-top:12px;padding:11px;border:0;border-radius:12px;background:var(--card3);color:var(--ink);font:700 13px var(--body);cursor:pointer}
.ach-pop{position:fixed;inset:0;z-index:9000;display:grid;place-items:center;background:rgba(4,4,5,.86);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;pointer-events:none;transition:opacity .25s}
.ach-pop.on{opacity:1;pointer-events:auto}
.ach-pop .in{width:min(340px,86vw);text-align:center;display:flex;flex-direction:column;align-items:center}
.ach-pop .k2{font:700 11px/1 var(--body);letter-spacing:.22em;text-transform:uppercase;color:var(--rc);opacity:0;transition:opacity .3s}
.ach-pop .stage{position:relative;width:min(270px,70vw);aspect-ratio:1;margin:18px 0 30px;perspective:900px;cursor:pointer}
.ach-pop .flip{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.2,.9,.25,1.15)}
.ach-pop .f{position:absolute;inset:0;display:grid;place-items:center;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.ach-pop .f img{width:100%;height:auto;filter:drop-shadow(0 18px 30px rgba(0,0,0,.6))}
.ach-pop .fr{transform:rotateY(180deg)}
.ach-pop.reveal .flip{transform:rotateY(180deg) scale(1.04)}
.ach-pop.shake .flip{animation:achShk .42s ease-in-out infinite}
@keyframes achShk{0%,100%{transform:rotate(0)}25%{transform:rotate(-3deg) scale(1.02)}75%{transform:rotate(3deg) scale(1.02)}}
.ach-pop .glow{position:absolute;inset:-18%;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--rc) 55%,transparent),transparent);opacity:0;transform:scale(.6);transition:opacity .5s,transform .8s}
.ach-pop.reveal .glow{opacity:.9;transform:scale(1)}
.ach-pop .rays{position:absolute;inset:-30%;background:repeating-conic-gradient(from 0deg,color-mix(in srgb,var(--rc) 22%,transparent) 0 6deg,transparent 6deg 18deg);border-radius:50%;-webkit-mask:radial-gradient(closest-side,#000 30%,transparent);mask:radial-gradient(closest-side,#000 30%,transparent);opacity:0;transition:opacity .6s}
.ach-pop.reveal .rays{opacity:1;animation:achSpin 14s linear infinite}
@keyframes achSpin{to{transform:rotate(360deg)}}
.ach-pop .shine{position:absolute;inset:0;overflow:hidden;border-radius:30px;pointer-events:none;transform:rotateY(180deg);backface-visibility:hidden;-webkit-backface-visibility:hidden}
.ach-pop.reveal .shine::after{content:"";position:absolute;top:-20%;bottom:-20%;width:40%;left:-60%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-15deg);animation:achSh 1s .55s ease-out forwards}
@keyframes achSh{to{left:130%}}
.ach-pop h4{font:900 26px/1 var(--disp);opacity:0;transform:translateY(8px);transition:all .35s .5s}
.ach-pop p{color:var(--mute);margin-top:8px;font-size:13.5px;opacity:0;transition:opacity .35s .65s}
.ach-pop .meta{margin-top:12px;display:flex;gap:8px;justify-content:center;opacity:0;transition:opacity .35s .75s}
.ach-pop .meta span{font:700 11px/1 var(--body);padding:6px 10px;border-radius:999px;background:var(--card3);color:var(--mute)}
.ach-pop .meta span.r{color:var(--rc);background:color-mix(in srgb,var(--rc) 14%,transparent)}
.ach-pop .ok{margin-top:22px;opacity:0;transition:opacity .35s .9s}
.ach-pop .tap{position:absolute;bottom:-26px;left:0;right:0;color:var(--dim);font-size:12px;transition:opacity .2s}
.ach-pop.reveal .k2,.ach-pop.reveal h4,.ach-pop.reveal p,.ach-pop.reveal .meta,.ach-pop.reveal .ok{opacity:1;transform:none}
.ach-pop.reveal .tap{opacity:0}
.ach-toast{position:fixed;left:50%;bottom:calc(86px + env(safe-area-inset-bottom));z-index:9001;transform:translate(-50%,160%);visibility:hidden;display:flex;align-items:center;gap:12px;width:min(360px,calc(100vw - 32px));padding:10px 14px 10px 10px;border-radius:14px;background:var(--card3);box-shadow:inset 0 0 0 1px var(--line2),0 18px 40px rgba(0,0,0,.6);transition:transform .45s cubic-bezier(.2,.9,.25,1.2),visibility 0s .45s;cursor:pointer}
.ach-toast.on{transform:translate(-50%,0);visibility:visible;transition:transform .45s cubic-bezier(.2,.9,.25,1.2)}
.ach-toast img{width:52px;height:auto;flex:none}.ach-toast.on img{animation:achPop .5s .2s both}
@keyframes achPop{0%{transform:scale(.3) rotate(-20deg)}70%{transform:scale(1.15) rotate(4deg)}100%{transform:none}}
.ach-toast small{display:block;font:700 10px/1 var(--body);letter-spacing:.16em;text-transform:uppercase;color:var(--rc)}
.ach-toast b{display:block;font:800 15px/1.2 var(--disp);margin-top:3px}
.ach-toast span{display:block;color:var(--mute);font-size:12px}
/* studio: who's in which seat (PB 2026-10-14) */
.st-seats{display:grid;gap:6px;margin-top:10px;max-height:420px;overflow:auto}
.st-seat{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:10px;align-items:center;padding:7px 9px;border-radius:10px;background:var(--card2);box-shadow:inset 0 0 0 1px var(--line);font-size:13px}
.st-seat .n{font:800 13px/1 var(--disp);color:var(--mute);text-align:center}
.st-seat .w{display:flex;align-items:center;gap:8px;min-width:0}.st-seat .w b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.st-seat .w img,.st-seat .w i{width:24px;height:24px;border-radius:50%;flex:none;object-fit:cover;background:var(--card3)}
.st-seat .v{font-size:11.5px;color:var(--gold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:46vw}
.st-seat.paid{box-shadow:inset 0 0 0 1px rgba(61,220,132,.28)}.st-seat.paid .n{color:var(--green)}
/* achievements v2 (PB 2026-10-14): small, collapsed, bottom of the profile; new ones face-down until revealed */
.ach-card{padding:0;overflow:hidden}
.ach-sum{display:flex;align-items:center;gap:10px;width:100%;padding:12px 14px;background:none;border:0;color:var(--ink);font:inherit;cursor:pointer;text-align:left}
.ach-sum .kick{flex:none}
.ach-sum>b{font:800 14px/1 var(--disp)}.ach-sum>b i{font-style:normal;color:var(--dim);font-weight:700}
.ach-th{flex:1;display:flex;gap:2px;justify-content:flex-end;min-width:0;overflow:hidden}
.ach-th img{width:26px;height:26px;object-fit:contain;flex:none}
.ach-th em{font-style:normal;font:800 11px/1 var(--body);color:#0a0a0b;background:var(--gold);padding:5px 8px;border-radius:999px}
.ach-chev{color:var(--mute);font-size:12px;flex:none}
.ach-body{padding:0 14px 14px}
.ach-card .ach-tabs{margin:2px -14px 10px;padding:0 14px}
.ach-card .ach-tabs button{padding:6px 10px;font-size:11px}
.ach-card .ach-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
@media(min-width:620px){.ach-card .ach-grid{grid-template-columns:repeat(8,minmax(0,1fr))}}
.ach-card .ach-st{padding:6px 4px 7px;gap:3px;border-radius:10px}
.ach-card .ach-st b{font-size:9.5px}
.ach-card .ach-st small{display:none}
.ach-card .ach-rr{top:5px;left:5px;width:5px;height:5px}
.ach-card .ach-lv{top:4px;right:5px;font-size:8px}
.ach-card .ach-st.locked{cursor:pointer}
.ach-card .ach-st.new{box-shadow:inset 0 0 0 1.5px var(--gold);animation:achNew 1.6s ease-in-out infinite}
.ach-card .ach-st.new .ach-art img{width:74%;opacity:1}
.ach-card .ach-st.new b{color:var(--gold)}
.ach-new{position:absolute;top:4px;right:4px;font:800 8px/1 var(--body);letter-spacing:.06em;text-transform:uppercase;color:#0a0a0b;background:var(--gold);padding:3px 5px;border-radius:999px;z-index:1}
@keyframes achNew{0%,100%{transform:none}50%{transform:translateY(-2px)}}
.ach-pop.view .rays{animation:none;opacity:.5}
.ach-pop.view .flip{transition:none}
.ach-pop.stick .stage{transition:transform .6s cubic-bezier(.5,0,.75,0),opacity .6s;transform:translateY(55vh) scale(.15);opacity:0}
.ach-pop.stick h4,.ach-pop.stick p,.ach-pop.stick .meta,.ach-pop.stick .ok,.ach-pop.stick .k2{opacity:0!important;transition:opacity .2s}
/* rewards tabs (PB 2026-10-14): Earnings first, Gifts second */
.me-rwt{margin:2px 0 10px}
.me-rwt .me-new{margin-left:4px}
.me-earn{padding:14px 16px;border-radius:14px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line);margin-bottom:8px}
.me-earn small{display:block;font:600 .68rem/1 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.me-earn b{display:block;font:900 30px/1.1 var(--disp);color:var(--green);margin:8px 0 6px}
.me-earn span{font-size:12.5px;color:var(--mute)}.me-earn em{font-style:normal;color:var(--gold)}
.me-earn0{display:grid;gap:6px;justify-items:start;padding:14px 16px;border-radius:14px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line)}
.me-earn0 small{color:var(--mute);font-size:12.5px}
a.me-rw{color:inherit;text-decoration:none}
/* centred sheet (request 32): the hit card opens mid-screen with spacing, phone and desktop */
.sheetwrap.center{display:grid!important;place-items:center;position:fixed;inset:0;z-index:70;padding:16px}
.sheetwrap.center[hidden]{display:none!important}
.sheetwrap.center .sheetdim{position:absolute;inset:0;background:rgba(4,4,5,.62);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.sheetwrap.center .sheet{position:relative!important;inset:auto!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;width:min(560px,100%)!important;max-height:calc(100dvh - 32px)!important;overflow:auto;background:#111113;border:0;border-radius:16px!important;box-shadow:0 24px 60px rgba(0,0,0,.6),inset 0 0 0 1px var(--line2);padding:18px!important;animation:fade .15s}
.sheetwrap.center .grab{display:none}
.sheetwrap.center .hc-s{grid-template-columns:minmax(0,200px) minmax(0,1fr);gap:18px;padding:0}
@media (max-width:520px){.sheetwrap.center .hc-s{grid-template-columns:1fr;justify-items:center;text-align:center}.sheetwrap.center .hc-s .big{max-width:220px}.sheetwrap.center .hc-i{display:grid;gap:6px;justify-items:center;width:100%}}
/* boost / juice / code badges (PB 2026-10-14): one wrapping row, even sizes, text wraps inside the pill */
.bsts{display:flex;flex-wrap:wrap;gap:6px;align-items:stretch;margin:8px 0 4px;max-width:100%}
.bsts.sm{margin:4px 0 2px;gap:5px}
.bsts .bst{margin:0!important;padding:4px 9px;font-size:11px;line-height:1.25;white-space:normal;text-align:left;border-radius:10px;min-height:24px;max-width:100%;overflow-wrap:anywhere}
.bsts.sm .bst{padding:3px 8px;font-size:10.5px;min-height:22px}
/* hall of hits card (PB 2026-10-14): bigger, P&L, Flex */
.sheetwrap.center .sheet:has(.hc-big){width:min(680px,100%)!important}
.sheetwrap.center .hc-s.hc-big{grid-template-columns:minmax(0,260px) minmax(0,1fr)}
.hc-pl{display:flex;align-items:baseline;gap:8px;margin:-2px 0 6px}
.hc-pl b{font:900 18px/1 var(--disp)}.hc-pl span{font-size:12.5px;color:var(--mute)}
.hc-pl.up b{color:var(--green)}.hc-pl.dn b{color:var(--red)}
.hc-ac{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
@media (max-width:520px){.sheetwrap.center .hc-s.hc-big{grid-template-columns:1fr;gap:10px}.sheetwrap.center .hc-s.hc-big .big{max-width:min(190px,32dvh)}.hc-pl,.hc-ac{justify-content:center}}
/* hit card CTA (PB 2026-10-14): pull from the same machine, fills the space under the card */
.hc-big .hc-cta{grid-column:1/-1}
.hc-cta{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:12px;align-items:center;width:100%;margin-top:4px;padding:12px 14px;border:0;border-radius:14px;background:linear-gradient(90deg,rgba(242,193,78,.16),rgba(242,193,78,.04));box-shadow:inset 0 0 0 1px rgba(242,193,78,.4);color:var(--ink);font:inherit;text-align:left;cursor:pointer;text-decoration:none}
.hc-cta img{width:52px;height:auto}
.hc-cta b{display:block;font:800 15px/1.2 var(--disp)}.hc-cta small{display:block;color:var(--mute);font-size:12px;margin-top:3px}
@media (max-width:520px){.hc-cta{grid-template-columns:44px minmax(0,1fr);text-align:left}.hc-cta img{width:44px}.hc-cta .lbtn{grid-column:1/-1;justify-self:stretch;text-align:center}}
/* boosted breaks (PB 2026-10-14): gold strip at the top of the lobby + gold rows pinned first, like DexScreener boosts */
.bz-sec{margin-bottom:18px}
.bz-k{color:var(--gold)!important}
.bz-strip{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(260px,320px);gap:10px;overflow-x:auto;scrollbar-width:none;padding:2px 2px 6px;scroll-snap-type:x mandatory}
.bz-strip::-webkit-scrollbar{display:none}
.bz-c{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px;align-items:center;padding:12px;border-radius:14px;scroll-snap-align:start;text-decoration:none;color:var(--ink);background:linear-gradient(135deg,rgba(242,193,78,.2),rgba(255,140,40,.06) 60%,rgba(18,18,20,.9));box-shadow:inset 0 0 0 1.5px rgba(242,193,78,.7),0 0 24px -10px rgba(242,193,78,.8)}
.bz-c img{width:64px;height:auto;border-radius:8px}
.bz-t{min-width:0;display:grid;gap:3px}
.bz-t b{font:800 14px/1.2 var(--disp);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bz-t small{font-size:11.5px;color:var(--mute)}.bz-t small em{font-style:normal;color:var(--gold)}
.bz-tag{justify-self:start;font:800 10.5px/1 var(--body);padding:4px 8px;border-radius:999px;background:rgba(242,193,78,.18);color:#ffd27a;box-shadow:inset 0 0 0 1px rgba(255,190,80,.6)}
.bz-p{display:flex;align-items:baseline;gap:6px;margin-top:2px}.bz-p b{font:900 17px/1 var(--disp);color:var(--gold)}.bz-p s{font-size:12px;color:var(--dim)}.bz-p span{font-size:11px;color:var(--green);font-weight:700}
.r.bz{box-shadow:inset 0 0 0 1.5px rgba(242,193,78,.65),0 0 22px -12px rgba(242,193,78,.9);background:linear-gradient(90deg,rgba(242,193,78,.1),transparent 70%)}
/* feedback #27 (2026-10-14): lobby promo cards: text stays clear of the art, room above the tabs */
.promo{margin-bottom:22px}
@media (min-width:901px){.promo .pr .prt{max-width:56%}.promo .pr .trio{gap:4px 14px}}
/* feedback #22: "Your pulls" card leaves room for its value and buttons */
.yp-card img{max-height:min(50dvh,560px);height:auto}
.yp-ov:has(.yp-rb) .yp-card img{max-height:min(36dvh,440px)}
@media (min-width:901px){.promo .pr .prt .lbtn{min-width:max-content;white-space:nowrap}}
.promo + #breaks{padding-top:12px}
/* hit card v3 (PB 2026-10-14): who on top, big value + P&L, compact pull CTA in the bottom third beside the card */
.sheetwrap.center .hc-s.hc-big{align-items:stretch}
.hc-big .hc-i{display:flex;flex-direction:column;gap:6px;min-width:0}
.hc-big .hc-who{margin:0 0 4px}
.hc-big .hc-val{display:flex;flex-direction:column;gap:2px}
.hc-big .hc-val .v{font:900 34px/1 var(--disp);color:var(--gold)}
.hc-big .hc-pl{margin:2px 0 0}.hc-big .hc-pl b{font-size:22px}.hc-big .hc-pl span{font-size:13px}
.hc-big .hc-nm{font:800 17px/1.2 var(--disp);margin-top:6px}
.hc-big .hc-cta{grid-column:auto;margin-top:auto;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;padding:9px 10px;border-radius:12px}
.hc-big .hc-cta img{width:38px}.hc-big .hc-cta b{font-size:13px}.hc-big .hc-cta small{font-size:11px}
.hc-big .hc-cta .lbtn{padding:0 10px;height:30px;font-size:12px}
@media (max-width:520px){.hc-big .hc-val{align-items:center}.hc-big .hc-i{align-items:center;text-align:center}.hc-big .hc-cta{margin-top:8px;width:100%;text-align:left;grid-template-columns:38px minmax(0,1fr) auto}.hc-big .hc-cta .lbtn{grid-column:auto;justify-self:end}}
/* past breaks (feedback #34): collapsible, sorted by P&L or % gain */
.pb{display:block;margin-top:14px;padding:0}
.pb summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 10px;padding:14px 16px}
.pb summary::-webkit-details-marker{display:none}
.pb summary .kick{grid-column:1}.pb summary h3{grid-column:1;font:800 17px/1.1 var(--disp)}.pb summary small{grid-column:1;color:var(--mute);font-size:12.5px}
.pb-chev{grid-column:2;grid-row:1/4;color:var(--mute);transition:transform .2s}.pb[open] .pb-chev{transform:rotate(180deg)}
.pb-b{padding:0 16px 16px}
.pb-s{margin-bottom:10px}
.pb-l{display:grid;gap:8px}
.pb-r .rv b{white-space:nowrap}.pb-r .rv b.up{color:var(--green)}.pb-r .rv b.dn{color:var(--red)}.pb-r .rv b i{font-style:normal;font-size:.8em;opacity:.85;margin-left:4px}
.pb-r .pb-v{text-align:right}.pb-r .pb-v b{display:block;font:800 15px var(--disp);white-space:nowrap}.pb-r .pb-v b.up{color:var(--green)}.pb-r .pb-v b.dn{color:var(--red)}.pb-r .pb-v b i{font-style:normal;font-size:.8em;opacity:.85;margin-left:4px}
/* profile tabs (PB 2026-10-14) */
.me-ptabs{margin:14px 0 12px;position:sticky;top:0;z-index:5;background:var(--bg);padding:6px 0}
.me-pane[hidden]{display:none!important}
.me-seatpin{margin-top:4px}
.me-tier{display:grid;gap:8px}
.me-tier-h{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.me-tier-h b{font:900 22px/1 var(--disp)}
.me-tier-bar{height:6px;border-radius:9px;background:#232327;overflow:hidden}.me-tier-bar>i{display:block;height:100%;background:linear-gradient(90deg,#3d9bff,#b35cff);border-radius:9px}
.me-tier small{color:var(--mute);font-size:12.5px}.me-tier small b{color:var(--ink)}
/* referrals tab (PB 2026-10-14) */
.me-refc{display:grid;gap:8px}.me-refc small{color:var(--mute);font-size:12.5px}.me-refc small em{font-style:normal;color:var(--gold)}
.me-refl{display:flex;gap:8px;align-items:center;min-width:0}.me-refl code{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:9px 10px;border-radius:9px;background:var(--card2);box-shadow:inset 0 0 0 1px var(--line);font-size:12px}
.me-reft{display:grid;gap:8px}.me-reft small{color:var(--mute);font-size:12px}
.me-refl2{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:4px}
.me-refl2 span{display:grid;gap:2px;text-align:center;padding:7px 4px;border-radius:9px;background:var(--card2);box-shadow:inset 0 0 0 1px var(--line);font-size:10.5px;color:var(--dim)}
.me-refl2 span b{font:800 14px/1 var(--disp);color:var(--mute)}.me-refl2 span.done b{color:var(--ink)}.me-refl2 span.on{box-shadow:inset 0 0 0 1.5px var(--gold)}.me-refl2 span.on b{color:var(--gold)}

/* ---------- Me on phones (Tom 2026-10-14: less wrapping) ---------- */
@media (max-width:640px){
  /* profile card: avatar + name on one row, chips and the four buttons get the full width */
  .me-id{display:grid;grid-template-columns:48px minmax(0,1fr);gap:6px 12px;align-items:center}
  .me-id .av{grid-row:1/3}
  .me-id .who{display:contents}
  .me-id h2{grid-column:2;margin:0;align-self:end}
  .me-id .fcnt{grid-column:2;align-self:start}
  .me-id .chips{grid-column:1/-1;margin:6px 0 0}
  .me-id>.me-ac{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:6px}
  .me-id>.me-ac .lbtn{width:100%}
  /* balance and P&L: one under the other, so the buttons and the realized/unrealized line stop wrapping */
  .me-kpis.me-money{grid-template-columns:minmax(0,1fr);gap:8px}
  .me-k.mbal .me-ac{flex-wrap:nowrap}
  .me-k small em{display:block;margin:2px 0 0}
  /* an empty state spans the whole slab grid instead of one cell */
  .me-vault>.me-empty{grid-column:1/-1}
}
/* support chat (#/support, 2026-10-14) */
.sp{display:flex;flex-direction:column;gap:10px;max-width:760px}
.sp-log{display:flex;flex-direction:column;gap:10px;min-height:280px;max-height:calc(100vh - 330px);overflow:auto;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--card)}
.sp-m{max-width:86%;display:flex;flex-direction:column;gap:3px}.sp-m small{color:var(--dim);font-size:11px}
.sp-m p{margin:0;padding:9px 12px;border-radius:12px;background:var(--card3);white-space:pre-wrap;word-wrap:break-word;line-height:1.45;font-size:14px}
.sp-m.me{align-self:flex-end;align-items:flex-end}.sp-m.me p{background:var(--gold);color:#16130a}
.sp-m.team p{background:rgba(139,124,246,.18);box-shadow:inset 0 0 0 1px rgba(139,124,246,.4)}
.sp-m.typing p{color:var(--mute)}
.sp-note{align-self:center;text-align:center;color:var(--mute);font-size:12.5px;max-width:520px;line-height:1.45}
.sp-bar{display:flex;flex-direction:column;gap:8px}
.sp-bar textarea{width:100%;resize:vertical;min-height:52px;padding:10px 12px;border-radius:12px;background:var(--card2);border:1px solid var(--line2);color:var(--ink);font:inherit;font-size:15px}
.sp-btns{display:flex;gap:8px;justify-content:flex-end}.sp-btns .lbtn[disabled]{opacity:.5}
.sp-hint{color:var(--dim);font-size:12px;margin:0}
@media (max-width:900px){.sp-log{max-height:calc(100vh - 360px)}.sp-m{max-width:92%}}
a.pc{color:inherit;text-decoration:none;cursor:pointer}

/* $BREAK box on the account page (Tom 2026-10-15): own row under Balance / P&L */
.me-money .mgrail{grid-column:1/-1;background:radial-gradient(120% 160% at 100% 0,rgba(242,193,78,.10),transparent 60%),var(--card)}
.me-money .mgrail>b{color:var(--gold)}
.st-cap{display:inline-flex;align-items:center;gap:6px}.st-cap select{background:transparent;color:inherit;border:0;font:inherit;font-weight:700;cursor:pointer}.st-cap select option{background:var(--card2,#111);color:var(--ink,#fff)}
/* soundboard (PB 2026-10-15) */
.st-sb .sb-pads{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px;margin:8px 0 14px}
.sb-pad{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;border-radius:10px;background:var(--card2);box-shadow:inset 0 0 0 1px var(--line);color:var(--ink);font:600 12px/1.2 var(--body);cursor:pointer;width:100%;text-align:center;transition:transform .08s}
.sb-pad i{font-style:normal;font-size:20px}.sb-pad:hover{background:var(--card3)}.sb-pad:active{transform:scale(.95)}.sb-pad.mine{box-shadow:inset 0 0 0 1px var(--violet)}
.sb-pad.hit{animation:sbHit .45s ease-out}@keyframes sbHit{0%{box-shadow:inset 0 0 0 2px var(--gold),0 0 18px rgba(242,193,78,.5)}100%{box-shadow:inset 0 0 0 1px var(--line)}}
.sb-padw{position:relative;display:block}.sb-padw .sb-x{position:absolute;top:2px;right:2px}
.sb-x{width:22px;height:22px;border-radius:6px;color:var(--mute);background:transparent;cursor:pointer;font-size:15px;line-height:1}.sb-x:hover{color:var(--rose);background:var(--card3)}
.sb-np{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px;border-radius:10px;background:var(--card2);margin:8px 0}
.sb-np>div{flex:1;min-width:120px}.sb-np b{display:block;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb-np small{color:var(--mute);font-size:11.5px}
.sb-pp{width:40px;height:40px;border-radius:50%;background:var(--gold);color:#16130a;font-weight:800;cursor:pointer;flex:none}
.sb-list{display:flex;flex-direction:column;gap:2px;max-height:180px;overflow:auto;margin-bottom:6px}
.sb-tr{display:flex;align-items:center;border-radius:8px}.sb-tr.on{background:var(--card2)}.sb-tr>button:first-child{flex:1;display:flex;justify-content:space-between;gap:8px;padding:7px 8px;color:var(--ink);font-size:12.5px;text-align:left;cursor:pointer;min-width:0}
.sb-tr>button:first-child small{color:var(--dim)}.sb-tr.on>button:first-child{color:var(--gold)}
.sb-empty{padding:12px;border-radius:10px;background:var(--card2);color:var(--mute);font-size:12.5px;margin:8px 0}
.sb-opts{display:grid;gap:8px;margin-bottom:12px}.sb-opts label{display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--mute)}.sb-opts label>span{width:58px;flex:none}
.sb-opts input[type=range]{flex:1;accent-color:var(--gold)}.sb-ck{flex-wrap:wrap}.sb-ck small{color:var(--dim);font-size:11.5px;flex-basis:100%;padding-left:24px;margin-top:-4px}
.sb-ck input{accent-color:var(--gold)}
/* PB 2026-10-16: breaks built by real breakers get their own teal glow (gold stays the boost colour); "Filling" flags sold seats */
.tag.ub{color:#3fe0c5;margin-left:0;margin-right:6px}
.tag.fl{color:var(--rose)}
.r.ub{background:linear-gradient(90deg,rgba(63,224,197,.11),transparent 70%);box-shadow:inset 3px 0 0 #3fe0c5,inset 0 0 0 1px rgba(63,224,197,.35),0 0 26px -14px rgba(63,224,197,.95)}
.r.ub.bz{box-shadow:inset 3px 0 0 #3fe0c5,inset 0 0 0 1.5px rgba(242,193,78,.65),0 0 22px -12px rgba(242,193,78,.9)}
.r.ub.mine{box-shadow:inset 3px 0 0 var(--gold),inset 0 0 0 1px rgba(63,224,197,.35)}