:root{--dm-mute:#8a867b;--dm-soft:#EFECE4;--barbie:#E84C9A;--oppen:#E0531E}
.mlot{max-width:900px;margin:0 auto;padding:30px 40px 66px;text-align:center;animation:mlin .4s ease}
@keyframes mlin{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.mlot-q{font-family:'Inter',sans-serif;font-size:30px;font-weight:700;letter-spacing:-.03em;line-height:1.1;margin-bottom:30px}
.mlot-stage{display:flex;align-items:center;justify-content:center;gap:38px;padding:100px 26px 48px;perspective:1500px;background:radial-gradient(135% 125% at 50% 30%, #ffffff 0%, var(--paper) 58%, #F1EEE6 100%);border-radius:22px}
.mlot-col{position:relative;width:230px}
.mlot-who{position:absolute;bottom:100%;left:0;right:0;margin-bottom:18px;display:flex;flex-direction:column;align-items:center;gap:8px;will-change:transform}
.mlot-av{width:48px;height:48px;border-radius:50%;background:#EDEAE1;border:1px solid var(--g2);display:flex;align-items:center;justify-content:center;box-shadow:var(--sh)}
.mlot-av svg{width:27px;height:27px;stroke:var(--dm-mute);fill:none;stroke-width:1.6;stroke-linecap:round}
.mlot-who.me .mlot-av{background:var(--ink);border-color:var(--ink)} .mlot-who.me .mlot-av svg{stroke:#fff}
.mlot-nm{font-size:14px;font-weight:600;color:var(--ink);letter-spacing:-.01em}
.mlot-nm span{color:var(--dm-mute);font-weight:500;font-size:12px;margin-left:6px}
.mlot-def{font-size:8.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--yes)}
.mlot-frame{position:relative;width:100%;border-radius:12px;transition:transform .5s cubic-bezier(.5,0,.3,1);box-shadow:0 2px 6px rgba(15,15,13,.16),0 20px 38px rgba(15,15,13,.24),0 44px 82px rgba(15,15,13,.16)}
.mlot-frame img{width:100%;display:block;border-radius:12px}
.mlot-frame.left{transform:perspective(1500px) rotateY(6deg)}
.mlot-frame.right{transform:perspective(1500px) rotateY(-6deg)}
.mlot-frame:hover{transform:perspective(1500px) rotateY(0) translateY(-5px)}
.mlot-frame.mine::before{content:"";position:absolute;inset:-3px;border:6px solid var(--yes);border-radius:15px;pointer-events:none}
.mlot-frame::after{content:"";position:absolute;left:6%;right:6%;bottom:-24px;height:28px;filter:blur(3px);background:radial-gradient(50% 100% at 50% 0%, rgba(15,15,13,.26), transparent 72%)}
.mlot-vs{font-family:'Inter',sans-serif;font-size:22px;font-weight:700;letter-spacing:.02em;color:var(--dm-mute);flex:0 0 auto}
.mlot-btns{display:flex;gap:12px;justify-content:center;margin-top:60px;flex-wrap:wrap}
.mlot-b{font-size:13px;font-weight:600;border-radius:10px;padding:12px 24px;cursor:pointer;border:1px solid;font-family:'Inter',sans-serif;opacity:.75;transition:transform .1s,opacity .12s}
.mlot-b:hover{transform:translateY(-1px);opacity:1}
.mlot-b.go{background:var(--yes);color:#fff;border-color:var(--yes)}
.mlot-b.req{background:#E0A81E;color:#fff;border-color:#E0A81E}
.mlot-b.leave{background:var(--no);color:#fff;border-color:var(--no)}
.mlot-note{margin-top:20px;font-size:12.5px;color:var(--dm-mute);min-height:18px}
/* ===== primer (smaller, top-left) + jury (wide rectangle, bottom-right) ===== */
.mpr{position:relative;min-height:calc(100vh - 70px);max-width:1200px;margin:0 auto;padding:56px 60px;display:flex;align-items:flex-start;animation:mlin .4s ease}
.mpr-left{max-width:560px;width:100%}
.mpr-head{font-size:9.5px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--dm-mute)}
.mpr-side2{font-size:26px;font-weight:700;letter-spacing:-.03em;margin:7px 0 26px}
.mpr-side2 em{font-style:normal;color:var(--yes);font-size:9px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;margin-left:10px;vertical-align:3px}
.mpr-list{list-style:none;display:flex;flex-direction:column;gap:22px}
.mpr-li{display:flex;gap:15px;align-items:flex-start}
.mpr-ic{width:40px;flex:0 0 40px;height:32px;display:flex;align-items:center;justify-content:center}
.mpr-ic img{max-width:40px;max-height:22px;display:block}
.mpr-ic svg{width:29px;height:29px}
.mpr-tx{font-size:13.5px;line-height:1.55;color:var(--ink);font-weight:400;padding-top:2px}
.mpr-tx b{font-weight:600}
.mpr-right{position:absolute;right:52px;bottom:46px;width:300px}
.mpr-jhead{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}
.mpr-jhead .mpr-head{font-size:9px}
.mpr-count{font-size:11px;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}
.mpr-dots{display:grid;grid-template-columns:repeat(12,1fr);gap:6px}
.mpr-dot{aspect-ratio:1;border-radius:50%;background:var(--dm-soft);border:1px solid var(--g2);transform:scale(.5);opacity:.4;transition:transform .35s cubic-bezier(.34,1.56,.64,1),opacity .35s,background .35s,border-color .35s}
.mpr-dot.sealed{transform:scale(1);opacity:1}
.mpr-dot.sealed.bar{background:var(--barbie);border-color:var(--barbie)}
.mpr-dot.sealed.opp{background:var(--oppen);border-color:var(--oppen)}
.mpr-agg{margin-top:14px}
.mpr-aggbar{position:relative;height:6px;border-radius:5px;overflow:hidden;background:var(--oppen);margin-bottom:7px}
.mpr-aggbar i{position:absolute;left:0;top:0;bottom:0;background:var(--barbie);width:50%;transition:width .4s cubic-bezier(.4,0,.2,1)}
.mpr-aggrow{display:flex;justify-content:space-between;font-size:10px;font-weight:600;font-variant-numeric:tabular-nums}
.mpr-aggrow .b{color:var(--barbie)} .mpr-aggrow .o{color:var(--oppen)}
.mpr-ready{margin-top:10px;font-size:10px;color:var(--dm-mute);min-height:14px;font-weight:500;line-height:1.4}

/* palette tokens forum-floor lacks (for the _43 chat) */
:root{--mark:#EDEBE4;--mark2:#E4E1D8;--soft:#F1F0EA;--dim:#EFEDE6;--tint1:#E7F1EA;--tint2:#EDEEF3;--tint3:#F4F2EC;--mute2:#5C5A52;--onGreen:#2C6E49;--card:#fff}
@keyframes slidein{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
/* gear restored */
.mpr-dot{display:flex;align-items:center;justify-content:center}
.mpr-dot .gear{width:76%;height:76%;color:var(--dm-mute);opacity:0}
.mpr-dot.dialing{transform:scale(1);opacity:1;background:#fff;border-color:var(--dm-mute)}
.mpr-dot.dialing .gear{opacity:1;animation:mprspin 1.05s linear infinite}
@keyframes mprspin{to{transform:rotate(360deg)}}

:root{--mute:#8E8B82;--card2:#FCFBF7;--warn:#B8860B;--sh-h:0 3px 8px rgba(15,15,13,.14),0 22px 54px rgba(15,15,13,.26)}
html.dark{--paper:#111110;--ink:#E8E5DC;--g1:#E8E5DC;--g2:#3A3934;--line:#2B2A26;--yes:#4CAF7D;--no:#E0685A;--red:#E0685A;--card:#191817;--card2:#151413;--soft:#232220;--mark:#2E2D29;--mark2:#3A3934;--dim:#232220;--tint1:#1C2A22;--tint2:#1E222C;--tint3:#232220;--mute:#8A8780;--mute2:#A5A199;--onGreen:#7BD4A4;--warn:#D8B36A;--dm-soft:#232220;--dm-mute:#8A8780;--sh:0 1px 2px rgba(0,0,0,.4),0 8px 22px rgba(0,0,0,.35);--sh-h:0 3px 8px rgba(0,0,0,.5),0 22px 54px rgba(0,0,0,.55)}
html.dark body{background:var(--paper);color:var(--ink)}

/* ---- layout fixes ---- */
.mpr{max-width:none;margin:0;padding:52px 30px}
.mpr-right{right:26px;bottom:44px}
.floorbox .box3 .pill{width:100%}
/* ===== _48 room + chat + referee CSS ===== */
  .hleft{display:flex;flex-direction:column;min-width:0}
  .hright{display:flex;flex-direction:column;min-width:0}
  .arena3{position:relative;z-index:1;max-width:1080px;margin:0 auto;padding-top:4px}
  .phaserow{display:flex;align-items:center;gap:18px;padding-bottom:14px;border-bottom:1px solid var(--line)}
  .phases{display:flex;align-items:center;gap:9px;font-size:10px;font-weight:600;letter-spacing:.16em;
    text-transform:uppercase;color:var(--g2)}
  .phases .ph.done{color:var(--g1)} .phases .ph.on{color:var(--ink)} .phases .phsep{color:var(--g2)}
  .bigclock{margin-left:auto;font-size:26px;font-weight:600;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
  .phright{font-size:10.5px;color:var(--g1);width:150px;text-align:right}

  .hearingrow{display:grid;grid-template-columns:1fr;gap:0;align-items:start;margin-top:10px}
  @media(max-width:900px){.hearingrow{grid-template-columns:1fr}}

  .corners{display:flex;justify-content:space-between;gap:20px}
  .corner .cn{font-size:13px;font-weight:600;letter-spacing:-.02em}
  .corner.right{text-align:right}
  .corner .ce{font-size:24px;font-weight:600;letter-spacing:-.045em;font-variant-numeric:tabular-nums;
    margin-top:2px;color:var(--g1)}
  .corner .cs{font-size:9px;font-weight:600;letter-spacing:.2em;margin-top:5px}
  .corner .cs.y{color:var(--yes)} .corner .cs.n{color:var(--no)}
  .corner .ct{font-size:14px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--g2);margin-top:8px}
  .corner.live .ce,.corner.live .ct{color:var(--ink)}
  .corner.live .cn::after{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;
    background:var(--red);margin-left:7px;vertical-align:2px;animation:pulse 2s infinite}


  /* the floor, with the referee keeping watch beside it */
  .floorwrap{display:grid;grid-template-columns:56px 1fr;gap:16px;align-items:start;margin-top:14px}
  /* the AI sits level with the middle of the floor, not the top of it */
  .ref{position:sticky;top:0;height:430px;display:flex;flex-direction:column;
    align-items:center;justify-content:center;text-align:center}
  .refav{width:46px;height:46px;padding:0;border:none;cursor:pointer;border-radius:50%;
    background:var(--ink);display:grid;place-items:center;overflow:hidden;
    position:relative;animation:breathe 3.4s ease-in-out infinite;transition:transform .14s}
  .refav img{width:100%;height:100%;object-fit:cover;display:block}
  .refav:hover{transform:scale(1.06)}
  .ref.open .refav{animation-duration:1.6s}
  .refav:before{content:"";position:absolute;inset:-7px;border-radius:50%;
    border:1px solid rgba(15,15,13,.16);animation:halo 3.4s ease-in-out infinite}
  @keyframes breathe{
    0%,100%{box-shadow:0 0 0 0 rgba(15,15,13,.14),0 6px 18px rgba(15,15,13,.14)}
    50%    {box-shadow:0 0 0 9px rgba(15,15,13,.05),0 10px 26px rgba(15,15,13,.20)}}
  @keyframes halo{0%,100%{transform:scale(1);opacity:.5}50%{transform:scale(1.14);opacity:.15}}
  .ref.listening .refav{animation-duration:1.9s}
  .refk{font-size:9px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;margin-top:11px;
    opacity:.8}
  .refs{font-size:8.5px;font-weight:600;margin-top:3px;opacity:.4}
  .floorbox{border:1px solid var(--ink);display:flex;flex-direction:column;height:430px;min-width:0}

  /* ---- the AI panel ---- */
  .floorwrap{position:relative}
  .refpanel{position:absolute;left:72px;top:0;width:330px;height:430px;z-index:20;
    background:var(--card);border:1px solid var(--ink);display:flex;flex-direction:column;
    box-shadow:0 10px 30px rgba(15,15,13,.13),0 40px 90px rgba(15,15,13,.16);
    animation:rpin .18s ease}
  @keyframes rpin{from{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:none}}
  .rphead{display:flex;align-items:center;gap:10px;padding:13px 14px;border-bottom:1px solid var(--line)}
  .rpav{width:26px;height:26px;border-radius:50%;object-fit:cover;background:var(--ink)}
  .rphead b{display:block;font-size:12.5px;font-weight:800;letter-spacing:-.025em}
  .rphead span{display:block;font-size:10px;font-weight:600;opacity:.5;margin-top:1px}
  .rpx{margin-left:auto;background:none;border:none;font-size:13px;cursor:pointer;opacity:.4}
  .rpx:hover{opacity:1}
  .rpbody{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:12px}
  .rpempty{font-size:11.5px;line-height:1.6;opacity:.5}
  .rpm{display:flex;gap:8px;align-items:flex-end}
  .rpm.me{justify-content:flex-end}
  .rpmav{width:20px;height:20px;border-radius:50%;flex:0 0 20px;object-fit:cover;background:var(--ink)}
  .rpbub{max-width:82%;font-size:12px;line-height:1.55;padding:10px 12px;border-radius:12px;
    border:1px solid var(--line);background:var(--card)}
  .rpm.me .rpbub{background:var(--ink);color:var(--card);border-color:var(--ink);border-bottom-right-radius:4px}
  .rpm.ai .rpbub{border-bottom-left-radius:4px}
  .rpv{font-size:8.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin-bottom:6px}
  .v-misleading .rpv{color:var(--warn,#B8860B)}
  .v-unsupported .rpv{opacity:.5}
  .v-false .rpv{color:var(--no)}
  .rpsrc{margin-top:8px;padding-top:7px;border-top:1px dotted var(--g2);font-size:9.5px;
    font-weight:700;opacity:.5}
  .rpbub.typing{display:flex;gap:4px;padding:12px}
  .rpbub.typing i{width:4px;height:4px;border-radius:50%;background:var(--ink);opacity:.3;
    animation:tp 1.1s infinite}
  .rpbub.typing i:nth-child(2){animation-delay:.14s}
  .rpbub.typing i:nth-child(3){animation-delay:.28s}
  .rpin{display:flex;align-items:flex-end;gap:8px;padding:11px 12px;border-top:1px solid var(--line)}
  .rpin textarea{flex:1;border:none;outline:none;resize:none;font-family:inherit;font-size:12.5px;
    line-height:1.5;background:none;max-height:80px;color:var(--ink)}
  .rpin button{width:28px;height:28px;flex:0 0 28px;border:none;border-radius:50%;
    background:var(--ink);color:var(--card);font-size:13px;cursor:pointer}
  .floorbox .qline{font-size:22px;font-weight:600;letter-spacing:-.022em;color:var(--ink);text-align:center;
    line-height:1.25;padding:14px 18px 16px;border-bottom:1px solid var(--line)}
  .floorbox .scroll{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:16px;padding:18px 20px}
  .floorbox .scroll::-webkit-scrollbar{width:0}
  /* the composer: one pill, a plus, an arrow. Nothing else. */
  .box3{display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--line);
    padding:12px 14px}
  .pill{display:flex;align-items:flex-end;gap:8px;background:var(--card);border-radius:22px;
    border:1px solid var(--line);padding:6px 6px 6px 8px}
  .pill textarea{flex:1;border:none;outline:none;resize:none;font-family:inherit;font-size:14px;
    line-height:1.5;background:none;color:var(--ink);max-height:280px;padding:7px 4px;
    overflow-y:hidden}
  .pill textarea::placeholder{color:#A9A69C}
  .plus{width:30px;height:30px;flex:0 0 30px;border:none;border-radius:50%;background:var(--mark2);
    color:var(--mute2);font-size:18px;font-weight:500;line-height:1;cursor:pointer;
    font-family:inherit;transition:background .12s,color .12s}
  .plus:hover{background:var(--ink);color:var(--card)}
  .up{width:30px;height:30px;flex:0 0 30px;border:none;border-radius:50%;background:var(--ink);
    color:var(--card);font-size:15px;cursor:pointer;font-family:inherit;transition:opacity .12s}
  .up:disabled{opacity:.25;cursor:default}
  .srcrow{display:flex;gap:8px}
  .srcrow input{flex:1;border:none;outline:none;background:var(--soft);border-radius:16px;
    padding:9px 14px;font-family:inherit;font-size:12.5px;color:var(--ink)}
  .srcok{border:none;background:var(--ink);color:var(--card);border-radius:16px;padding:0 16px;
    font-family:inherit;font-size:12px;font-weight:700;cursor:pointer}
  .srcchip{align-self:flex-start;display:flex;align-items:center;gap:8px;background:var(--card);
    border:1px solid var(--line);border-radius:14px;padding:5px 6px 5px 12px;font-size:11.5px;
    font-weight:700}
  .srcchip button{border:none;background:var(--soft);border-radius:50%;width:18px;height:18px;
    font-size:9px;cursor:pointer;color:var(--mute2)}
  .mmark{margin-top:8px;font-size:9.5px;font-weight:800;letter-spacing:.08em;
    text-transform:uppercase;opacity:.38}
  .mrule{margin-top:9px;padding-top:8px;border-top:1px dotted var(--g2);font-size:11px;
    line-height:1.55;font-weight:500;display:flex;gap:8px;align-items:flex-start}
  .mruleav{width:17px;height:17px;flex:0 0 17px;border-radius:50%;margin-top:1px}
  .mrulebody{flex:1;min-width:0}
  .mrule b{display:inline-block;font-size:8.5px;font-weight:800;letter-spacing:.13em;
    text-transform:uppercase;margin-right:7px;padding:2px 7px;border-radius:9px;
    background:var(--dim);vertical-align:1px}
  .mrule.v-false b{background:var(--no);color:var(--card)}
  .mrule.v-misleading b{background:#B8860B;color:var(--card)}
  .mrule.v-supported b,.mrule.v-true b{background:var(--yes);color:var(--card)}
  .mrule.v-disputed b{background:var(--soft);color:var(--mute2)}
  .mrule.v-unsupported b{background:var(--dim);color:var(--ink)}
  .mrule .mrulebody > span{display:block;margin-top:6px;font-size:9.5px;
    font-weight:700;opacity:.45}
  /* provenance, folded: the verdict leads, the evidence is one tap away */
  .mstr{margin-top:8px;display:flex;align-items:center;gap:8px}
  .mstrbar{flex:0 0 88px;height:4px;border-radius:3px;background:var(--g2);overflow:hidden}
  .mstrbar i{display:block;height:100%;border-radius:3px;background:var(--ink);opacity:.55}
  .mstr.settled .mstrbar i{background:var(--yes);opacity:1}
  .mstr.strong  .mstrbar i{background:var(--yes);opacity:.8}
  .mstr.split   .mstrbar i{background:var(--onAmber);opacity:.9}
  .mstr.thin    .mstrbar i{background:var(--mute);opacity:.7}
  .mstr span{font-size:9.5px;font-weight:700;letter-spacing:.04em;
    text-transform:uppercase;opacity:.55}
  .msrcfold{display:block;margin-top:7px;border:none;background:none;padding:0;
    font-family:inherit;font-size:9.5px;font-weight:800;letter-spacing:.06em;
    text-transform:uppercase;opacity:.42;cursor:pointer;color:var(--ink)}
  .msrcfold:hover{opacity:.75}
  .msrclist{margin-top:9px}
  .msrcitem{margin-bottom:12px;font-size:11px;line-height:1.5;display:flex;gap:9px;
    align-items:flex-start}
  .msrcitem:last-child{margin-bottom:0}
  .msrcbody{flex:1;min-width:0}
  .mrule .msrcq{display:block;margin-top:5px;opacity:.9;line-height:1.55;
    font-size:11px;font-weight:400;color:var(--ink);
    border-left:2px solid var(--g2);padding-left:8px}
  /* the publisher's own mark, with a monogram underneath it */
  .pubmark{position:relative;width:24px;height:24px;flex:0 0 24px;border-radius:6px;
    background:var(--dim);display:inline-flex;align-items:center;justify-content:center;
    overflow:hidden;margin-top:0}
  .pubmark i{font-style:normal;font-size:8.5px;font-weight:800;letter-spacing:-.03em;
    opacity:.62}
  .pubmark img{position:absolute;inset:3px;width:calc(100% - 6px);height:calc(100% - 6px);
    object-fit:contain;opacity:0;transition:opacity .18s}
  .pubmark.t1{background:var(--tint1)}
  .pubmark.t2{background:var(--tint2)}
  .pubmark.t3{background:var(--tint3)}
  .mrule .msrcitem b{display:inline;background:none !important;color:var(--ink) !important;
    padding:0;margin:0;font-size:11.5px;font-weight:700;letter-spacing:0;text-transform:none}
  .msrcitem a{color:inherit;opacity:.45;text-decoration:none;margin-left:4px}
  .msrcitem a:hover{opacity:1}
  .mrule span.msrctier{display:inline-block;width:auto;margin-top:0;opacity:1;
    font-size:8px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
    padding:2px 6px;border-radius:9px;margin-right:6px;vertical-align:1px;
    background:var(--dim);color:var(--ink)}
  .mrule span.msrctier.t1{background:var(--tint1);color:var(--onGreen)}
  .mrule span.msrctier.t2{background:var(--tint2);color:#3E4A66}
  .mrule span.msrctier.t3{background:var(--tint3);opacity:.7}
  .msrcmeta{margin-top:11px;font-size:9.5px;font-weight:600;letter-spacing:.02em;
    opacity:.55;text-transform:none}
  .mrule.pend{display:flex;align-items:center;gap:8px;font-weight:600;opacity:.6}
  .mrule.pend i{width:5px;height:5px;border-radius:50%;background:var(--ink);
    animation:bl 1s infinite;flex:0 0 5px}
  .detline{min-height:14px;padding:5px 14px 0;font-size:9.5px;font-weight:800;
    letter-spacing:.08em;text-transform:uppercase;opacity:0;transition:opacity .15s}
  .detline.on{opacity:.42}
  .detline.ok{opacity:.6;color:var(--yes)}
  /* Layer 1, visible: the detected span itself is the mark. */
  .cs{background:var(--mark);border-radius:4px;padding:1.5px 3px;cursor:help;
    box-decoration-break:clone;-webkit-box-decoration-break:clone}
  /* an opponent's claim is a target: tap it to put it to the referee */
  .cs.live{cursor:pointer;transition:background .12s,box-shadow .12s}
  .cs.live:hover{background:var(--mark2);box-shadow:inset 0 0 0 1px rgba(58,56,50,.30)}
  /* nothing may be rendered INSIDE a highlight: an invisible glyph still
     occupies width, and shows up as dead space at the end of the box */
  .cs.live::after{content:'';}
  .cs.ruled{background:var(--tint3);opacity:.72}
  .msg .cs:not(.live):hover{background:var(--mark2)}
  .tawrap{position:relative;flex:1;display:flex;min-width:0}
  .tamirror{position:absolute;top:0;left:0;right:0;min-height:100%;z-index:0;
    pointer-events:none;overflow:hidden;
    font-family:inherit;font-size:14px;line-height:1.5;padding:7px 4px;
    white-space:pre-wrap;overflow-wrap:break-word;color:transparent}
  .tamirror .cs{color:transparent;background:var(--mark)}
  .pill textarea{position:relative;z-index:1}
  .msrc{display:inline-flex;margin-top:8px;font-size:10.5px;font-weight:700;color:var(--ink);
    text-decoration:none;opacity:.55;border-bottom:1px solid var(--g2)}
  .msrc:hover{opacity:1;border-color:var(--ink)}
  .closed{text-align:center;font-size:11.5px;color:var(--g1);padding:14px 8px;border-top:1px solid var(--line)}

  /* two sides talking. No names — the side of the screen and a colour edge
     carry everything. */
  .msgrow{display:flex;align-items:flex-end;gap:8px;animation:slidein .22s ease}
  .msgrow.mine{justify-content:flex-end}
  .msg{max-width:74%;padding:11px 15px;font-size:13.5px;line-height:1.6;
    border:1px solid var(--line);background:var(--card);border-radius:14px;position:relative}
  .msgrow.theirs .msg{border-bottom-left-radius:4px;border-left:2.5px solid var(--line)}
  .msgrow.mine   .msg{border-bottom-right-radius:4px;border-right:2.5px solid var(--line);
    background:var(--card)}
  .msgrow.theirs .msg.y{border-left-color:var(--yes)}
  .msgrow.theirs .msg.n{border-left-color:var(--no)}
  .msgrow.mine   .msg.y{border-right-color:var(--yes)}
  .msgrow.mine   .msg.n{border-right-color:var(--no)}
  .mflag{align-self:flex-end;background:none;border:none;font-family:inherit;font-size:9px;
    font-weight:800;letter-spacing:.1em;text-transform:uppercase;opacity:0;cursor:pointer;
    padding:0 0 6px;transition:opacity .14s}
  .msgrow:hover .mflag{opacity:.45}
  .mflag:hover{opacity:1!important}
  .msg.typing{display:flex;gap:5px;padding:15px 16px}
  .msg.typing i{width:5px;height:5px;border-radius:50%;background:var(--ink);opacity:.3;
    animation:tp 1.1s infinite}
  .msg.typing i:nth-child(2){animation-delay:.14s}
  .msg.typing i:nth-child(3){animation-delay:.28s}
  @keyframes tp{0%,100%{opacity:.18;transform:translateY(0)}50%{opacity:.65;transform:translateY(-3px)}}

  .hright{padding-top:2px}
  .hright .k3{font-size:9px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--g1)}

  .scoreline .big{font-size:60px;font-weight:600;letter-spacing:-.055em;line-height:1;
    font-variant-numeric:tabular-nums}
  .scoreline .cap{font-size:11px;color:var(--g1);margin-top:7px}
  .vsbar{display:flex;align-items:baseline;justify-content:space-between;margin-top:16px;padding:11px 0;
    border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:11.5px;color:var(--g1);
    font-variant-numeric:tabular-nums}
  .vsbar b{color:var(--ink);font-weight:600}
  .vsbar .delta{font-size:17px;font-weight:600;letter-spacing:-.03em}
  .seatline{font-size:11px;color:var(--g1);margin-top:11px;font-variant-numeric:tabular-nums}
  .seatline b{color:var(--ink);font-weight:600}

  .gallery{margin-top:18px}
  .gallery .jline{width:100%;height:auto;display:block}
  .rgraph{width:100%;height:230px;display:block;margin-top:10px}

  .axis2{display:flex;justify-content:space-between;font-size:9px;color:var(--g1);margin-top:5px}

  .jroom{position:relative;z-index:1;max-width:720px;margin:0 auto;padding-top:10px}
  .jroom .jq{font-size:21px;font-weight:600;letter-spacing:-.03em;line-height:1.25;margin-top:14px}
  .jroom .scroll{margin-top:18px;display:flex;flex-direction:column;gap:13px}
/* ---- send button: clean, light/dark aware (kills the outlined-oval merge) ---- */
.floorbox .box3 #sendb,.floorbox .box3 .up{width:34px !important;height:34px !important;flex:0 0 34px !important;border:none !important;border-radius:50% !important;background:var(--ink) !important;color:var(--paper) !important;font-size:15px !important;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;transition:opacity .12s}
.floorbox .box3 #sendb:not(:disabled):hover,.floorbox .box3 .up:not(:disabled):hover{background:var(--ink) !important;color:var(--paper) !important;opacity:.82}
.floorbox .box3 #sendb:disabled,.floorbox .box3 .up:disabled{opacity:.28 !important;color:var(--paper) !important;cursor:default}
/* ---- question detail: strip live rail, "fails every time", room stats ---- */
.qrail{display:none !important}
.qfail{display:none !important}
.qsec:has(.qtable){display:none !important}
.qpage{grid-template-columns:minmax(0,1fr) !important}
/* ---- debater leaderboard ---- */
.lbhd{display:grid;grid-template-columns:44px 1fr 90px 90px 110px;gap:12px;padding:8px 6px;margin-top:22px;font-size:9.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--dm-mute)}
.lbhd span:nth-child(n+3){text-align:right}
.lbtbl{border-top:1px solid var(--line)}
.lbrow{display:grid;grid-template-columns:44px 1fr 90px 90px 110px;align-items:center;gap:12px;padding:13px 6px;border-bottom:1px solid var(--line);font-size:14px}
.lbrow.me{background:var(--tint1,#E7F1EA)}
.lbrk{font-size:12px;font-weight:700;color:var(--dm-mute)}
.lbnm{font-weight:600}
.lbnm span{font-weight:500;color:var(--dm-mute);font-size:12px;margin-left:8px}
.lbrec,.lbrt,.lbst{font-variant-numeric:tabular-nums;text-align:right}
.lbrt{font-weight:700}

/* ---- ticket counter, top-right ---- */
#dm-tix{position:fixed;top:15px;right:18px;z-index:99998;display:flex;align-items:center;gap:9px;background:var(--card,#fff);border:1px solid var(--line);border-radius:999px;padding:7px 15px 7px 9px;box-shadow:0 1px 3px rgba(0,0,0,.05);font:700 14px/1 Inter,system-ui,sans-serif;color:var(--ink);font-variant-numeric:tabular-nums}
.tkt2{width:26px;height:17px;flex:0 0 26px;position:relative}
.tkt2 .body{position:absolute;inset:0;border-radius:3px;background:linear-gradient(135deg,#e6e2d9 0%,#cfcbc0 55%,#e0dcd2 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.6),inset 0 -1px 2px rgba(0,0,0,.12)}
.tkt2 .body:after{content:"";position:absolute;left:64%;top:-1px;bottom:-1px;width:0;border-left:1.2px dashed rgba(0,0,0,.28)}
.tkt2:before,.tkt2:after{content:"";position:absolute;top:50%;width:6px;height:6px;border-radius:50%;background:var(--paper,#FCFBF8);transform:translateY(-50%);z-index:1}
.tkt2:before{left:-3px}.tkt2:after{right:-3px}
html.dark .tkt2 .body{background:linear-gradient(135deg,#3a3934,#232220)}
html.dark .tkt2:before,html.dark .tkt2:after{background:#111110}
html.dark .tkt2 .body:after{border-color:rgba(255,255,255,.28)}
/* ---- leaderboard: one centered row, Overall raised in the middle ---- */
.lbwrap{max-width:1120px;margin:0 auto;padding:34px 40px 100px;animation:dmRise .34s cubic-bezier(.22,.61,.36,1)}
.lbh1{font-size:34px;font-weight:700;letter-spacing:-.03em;margin:0 0 30px}
.lbtabsC{display:flex;gap:32px;justify-content:center;align-items:flex-end;flex-wrap:nowrap;border-bottom:1px solid var(--line);padding-bottom:14px;min-height:56px}
.lbtab{position:relative;font:600 15px/1 Inter,sans-serif;background:none;border:none;color:var(--dm-mute);cursor:pointer;padding:0;transition:color .15s,transform .15s}
.lbtab:hover{color:var(--ink)}
.lbtab.on{color:var(--ink)}
.lbtab.ov{font-weight:700;font-size:16px;transform:translateY(-28px)}   /* raised by ~one category height */
.lbtab.on:after{content:"";position:absolute;left:0;right:0;bottom:-15px;height:2px;background:var(--ink);border-radius:2px}
.lbtab.ov.on:after{bottom:-15px}
.lbcap2{text-align:center;font-size:13px;color:var(--dm-mute);margin-top:52px}
/* ---- site-wide motion (subtle, professional; respects reduced-motion) ---- */
@keyframes dmRise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
#page{animation:dmRise .34s cubic-bezier(.22,.61,.36,1)}
.qcard,.qgrid>*,.floorcard,.qcase,.mpr-li,.lbr,.brd,.lbtab{animation:dmRise .3s cubic-bezier(.22,.61,.36,1) both}
.qgrid>*:nth-child(2){animation-delay:.03s}.qgrid>*:nth-child(3){animation-delay:.06s}.qgrid>*:nth-child(4){animation-delay:.09s}.qgrid>*:nth-child(5){animation-delay:.12s}
.lbr:nth-child(2){animation-delay:.03s}.lbr:nth-child(3){animation-delay:.05s}.lbr:nth-child(4){animation-delay:.07s}.lbr:nth-child(5){animation-delay:.09s}.lbr:nth-child(6){animation-delay:.11s}.lbr:nth-child(7){animation-delay:.13s}
.nav a,.navlink,.tab,button,.qcard,.brd,.lbtab{transition:color .15s,background .15s,border-color .15s,transform .15s,box-shadow .15s}
.qcard:hover,.floorcard:hover{transform:translateY(-2px);box-shadow:var(--sh-h,0 12px 30px rgba(0,0,0,.10))}
.msgrow{animation:dmRise .26s cubic-bezier(.22,.61,.36,1) both}
@media (prefers-reduced-motion: reduce){*{animation:none !important;transition:none !important}}

/* ---- kill the whole-page scroll: undo the zoom that overflows the frame ---- */
html{zoom:1 !important}
body{min-height:0 !important}
.app{min-height:100vh}
/* the sidebar profile is already bottom-left; make sure it stays pinned & visible */
.sb{height:100vh}
.sb .prof{margin-top:auto}

/* ---- profile page ---- */
.sb .prof{cursor:pointer;transition:background .12s}
.sb .prof:hover{background:var(--mark,#EDEBE4);border-radius:10px}
.pfwrap{max-width:1080px;margin:0 auto;padding:40px 40px 100px;animation:dmRise .34s cubic-bezier(.22,.61,.36,1)}
.pfhead{display:flex;align-items:center;gap:18px;margin-bottom:8px}
.pfav{width:66px;height:66px;border-radius:50%;background:var(--ink);color:var(--paper);display:flex;align-items:center;justify-content:center;font:700 27px/1 Inter,sans-serif}
.pfnm{font-size:28px;font-weight:700;letter-spacing:-.03em}
.pfsub{font-size:13px;color:var(--dm-mute);margin-top:4px}
.pfstats{display:flex;gap:34px;margin:24px 0 30px;padding:18px 2px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.pfstat .k{font-size:9px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--dm-mute)}
.pfstat .v{font-size:24px;font-weight:700;letter-spacing:-.02em;margin-top:6px;font-variant-numeric:tabular-nums}
.pfstat .v.up{color:var(--yes)} .pfstat .v.dn{color:var(--no)}
.pfgrid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.pfcard{border:1px solid var(--line);border-radius:16px;background:var(--card,#fff);padding:22px 24px;box-shadow:var(--sh)}
.pfcard.wide{grid-column:1 / -1}
.pfcard h3{font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--dm-mute);margin:0}
.pfcard .hsub{font-size:12px;color:var(--dm-mute);margin:5px 0 0;font-weight:400}
.pfvenn{display:flex;align-items:center;gap:20px;margin-top:6px}
.pfvenn svg{flex:0 0 210px}
.pfvenn .leg{display:flex;flex-direction:column;gap:12px;font-size:12.5px}
.pfvenn .leg .lr{display:flex;align-items:center;gap:9px}
.pfvenn .leg .sw{width:11px;height:11px;border-radius:3px;flex:0 0 11px}
.pfvenn .leg b{font-weight:700;font-variant-numeric:tabular-nums}
.pfvenn .leg span{color:var(--dm-mute)}
.pfrow{display:flex;justify-content:space-between;align-items:baseline;padding:11px 0;border-bottom:1px solid var(--line);font-size:13.5px}
.pfrow:last-child{border-bottom:none}
.pfrow .q{flex:1;font-weight:600}
.pfrow .q em{font-style:normal;color:var(--dm-mute);font-weight:500;margin-left:8px;font-size:12px}
.pfrow .v{font-weight:700;font-variant-numeric:tabular-nums;margin-left:14px}
.pfrow .v.pos{color:var(--yes)} .pfrow .v.neg{color:var(--no)} .pfrow .v.tie{color:var(--dm-mute)}
.pffr{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--line)}
.pffr:last-child{border-bottom:none}
.pffr .fa{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font:700 13px/1 Inter,sans-serif;flex:0 0 34px}
.pffr .fn{flex:1;font-size:13.5px;font-weight:600}
.pffr .fst{font-size:11px;color:var(--dm-mute)}
.pffr .fe{font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;width:52px;text-align:right}
.pfaddfr{margin-top:14px;font-size:12px;font-weight:600;color:var(--dm-mute);border:1px dashed var(--g2);border-radius:9px;padding:10px;text-align:center;cursor:pointer}
.pfaddfr:hover{color:var(--ink);border-color:var(--dm-mute)}

/* ---- profile tabs + centered brain ---- */
.pftabs{display:flex;gap:30px;justify-content:center;border-bottom:1px solid var(--line);padding-bottom:14px;margin:6px 0 8px}
.pftab{position:relative;font:600 15px/1 Inter,sans-serif;background:none;border:none;color:var(--dm-mute);cursor:pointer;padding:0;transition:color .15s}
.pftab:hover{color:var(--ink)} .pftab.on{color:var(--ink)}
.pftab.on:after{content:"";position:absolute;left:0;right:0;bottom:-15px;height:2px;background:var(--ink);border-radius:2px}
.pfbody{margin-top:34px}
.pfbrain{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:620px;margin:0 auto}
.pfbtag{font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--dm-mute);margin-bottom:14px}
.pfleg{margin-top:22px;display:flex;flex-direction:column;gap:12px;font-size:13.5px;text-align:left;max-width:440px}
.pfleg .lr{display:flex;align-items:baseline;gap:10px}
.pfleg .sw{width:11px;height:11px;border-radius:3px;flex:0 0 11px;position:relative;top:2px}
.pfleg b{font-weight:700;font-variant-numeric:tabular-nums} .pfleg span{color:var(--dm-mute)}
.pfelo{width:100%;margin-top:38px;border-top:1px solid var(--line);padding-top:24px}
.pfeh{font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--dm-mute);text-align:left;margin-bottom:14px}
.pflist{max-width:640px;margin:0 auto;border-top:1px solid var(--line)}
.pfrow{display:flex;justify-content:space-between;align-items:baseline;padding:13px 2px;border-bottom:1px solid var(--line);font-size:14px}
.pfrow .q{flex:1;font-weight:600}
.pfrow .q em{font-style:normal;color:var(--dm-mute);font-weight:500;margin-left:10px;font-size:12.5px}
.pfrow .v{font-weight:700;font-variant-numeric:tabular-nums;margin-left:14px}
.pfrow .v.pos{color:var(--yes)} .pfrow .v.neg{color:var(--no)} .pfrow .v.tie{color:var(--dm-mute)}
.pffr{display:flex;align-items:center;gap:13px;padding:13px 2px;border-bottom:1px solid var(--line)}
.pffr .fa{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font:700 14px/1 Inter,sans-serif;flex:0 0 36px}
.pffr .fn{flex:1;font-size:14px;font-weight:600}
.pffr .fst{font-size:11.5px;color:var(--dm-mute);font-weight:500;margin-top:2px}
.pffr .fe{font-size:14px;font-weight:700;font-variant-numeric:tabular-nums;width:54px;text-align:right}
.pfaddfr{margin-top:16px;font-size:12.5px;font-weight:600;color:var(--dm-mute);border:1px dashed var(--g2);border-radius:9px;padding:11px;text-align:center;cursor:pointer}
.pfaddfr:hover{color:var(--ink);border-color:var(--dm-mute)}

/* ================= MINIMALIST PASS — hide unrequested captions/lines ================= */
.mpr-sub,.mpr-note,.mpr-ready{display:none !important}        /* primer descriptive text */
.mpr{padding-top:70px}
.pfhead{display:flex;align-items:center;gap:16px;margin-bottom:30px}
.pfhead .pfnm{font-size:24px;font-weight:700;letter-spacing:-.02em}
.pftabs{margin-top:0}
.pfbody{margin-top:44px}
.pfbrain{display:flex;justify-content:center;align-items:center;min-height:240px}
.lbcap2{display:none !important}
.hsub{display:none !important}                                  /* card sub-descriptions */
/* trim decorative header rules that aren't the primary divider */
.phead .rule2{display:none !important}

/* ================= ARENA: category icons, mode costs, Go (no background) ================= */
.arcatwrap{position:relative;padding-top:14px;animation:dmRise .34s cubic-bezier(.22,.61,.36,1)}
.artitle{font-size:34px;font-weight:700;letter-spacing:-.03em;margin:0 0 48px}
.arbars{display:flex;align-items:flex-end;gap:40px;flex-wrap:wrap}
.arcatbar{display:flex;gap:28px;align-items:flex-end;flex-wrap:wrap}
.armodebar{display:flex;gap:30px;align-items:flex-end;padding-left:40px;border-left:1px solid var(--line)}
.armo{display:flex;flex-direction:column;align-items:flex-start;gap:9px}
.armcost{font-size:11px;font-weight:700;letter-spacing:.04em;font-variant-numeric:tabular-nums}
.armcost.pos{color:var(--yes)} .armcost.neg{color:var(--no)}
.arcat{position:relative;font:600 16px/1 Inter,sans-serif;background:none;border:none;color:var(--dm-mute);cursor:pointer;padding:0 0 12px;transition:color .18s;display:inline-flex;align-items:center;gap:8px}
.arcat:hover{color:var(--ink)} .arcat.on{color:var(--ink)}
.arcat.on:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:currentColor;border-radius:2px}
.arico{display:inline-flex;width:17px;height:17px;color:var(--dm-mute)}
.arcat.on .arico{color:var(--ink)}
.arico svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.argo{display:flex;align-items:flex-end;padding-left:34px}
.arcatwrap{min-height:calc(100vh - 120px)}
.argobtn{background:var(--yes);color:#fff;border:none;border-radius:11px;padding:12px 38px;font:700 15px/1 Inter,sans-serif;letter-spacing:.02em;cursor:pointer;box-shadow:none;transition:transform .15s,opacity .15s}
.argobtn:hover{transform:translateY(-1px);opacity:.92}
/* gold laurel for the Leaderboard nav item */
.sb nav button .ic.laurel{color:#C9A227}

/* ---- globe search screen ---- */
.glwrap{min-height:calc(100vh - 120px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;opacity:0;animation:glIn .6s cubic-bezier(.22,.61,.36,1) forwards;transition:opacity .72s cubic-bezier(.4,0,.2,1),transform .72s cubic-bezier(.4,0,.2,1)}
.glwrap.out{opacity:0 !important;transform:scale(.96) translateY(-8px)}
@keyframes glIn{to{opacity:1}}
.glwrap canvas{width:min(78vh,720px);height:min(78vh,720px);max-width:86vw}
.gltxt{font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--dm-mute);display:flex;align-items:center;gap:6px;transition:color .5s ease}
.gltxt.found{color:var(--yes)}
.gldots i{display:inline-block;width:3px;height:3px;border-radius:50%;background:currentColor;margin-left:3px;animation:glb 1.2s infinite}
.gldots i:nth-child(2){animation-delay:.2s}.gldots i:nth-child(3){animation-delay:.4s}
@keyframes glb{0%,80%,100%{opacity:.2}40%{opacity:1}}

/* ================= FLOOR: cleaner, whiter, more colour (Polymarket-grade) ================= */
#floorpage .qcard,#floorpage .card,#floorpage .fcard,#floorpage .hcard{
  background:#fff !important;border:1px solid #EFEDE7 !important;border-radius:16px !important;
  box-shadow:0 1px 2px rgba(16,15,13,.04),0 6px 18px rgba(16,15,13,.05) !important;
  transition:box-shadow .18s ease,transform .18s ease,border-color .18s ease}
#floorpage .qcard:hover,#floorpage .card:hover,#floorpage .fcard:hover,#floorpage .hcard:hover{
  transform:translateY(-2px);border-color:#E4E1D8 !important;
  box-shadow:0 2px 4px rgba(16,15,13,.05),0 14px 34px rgba(16,15,13,.09) !important}
#floorpage img{border-radius:10px;image-rendering:auto}
#floorpage .phead h1{font-size:30px;letter-spacing:-.03em}
#floorpage .search{background:#fff;border:1px solid #EFEDE7;border-radius:12px;padding:11px 14px;box-shadow:0 1px 2px rgba(16,15,13,.03)}
#floorpage .search input{font-size:14px}
#floorpage .tabs,#floorpage .cats{gap:22px}
#floorpage .yes,#floorpage .pctY,#floorpage b.up{color:#0E9F6E !important}
#floorpage .no,#floorpage .pctN,#floorpage b.dn{color:#E02424 !important}
#floorpage .chipY,#floorpage .yespill{background:#E8F7F1 !important;color:#0B7A54 !important;border:none !important;border-radius:8px}
#floorpage .chipN,#floorpage .nopill{background:#FDECEC !important;color:#B42318 !important;border:none !important;border-radius:8px}
#floorpage .hbar{height:7px;border-radius:99px;overflow:hidden;background:#EFEDE7}
#floorpage .hbar span{background:linear-gradient(90deg,#111,#333);border-radius:99px}
#floorpage .qcat,#floorpage .cat{letter-spacing:.14em}
#floorpage .foot,#floorpage .meta{color:#8A867B}

/* ---- leaderboard: floating circular profiles (no podium blocks) ---- */
.lbfloat{display:flex;align-items:flex-end;justify-content:center;gap:64px;margin:132px auto 0;max-width:760px;perspective:1000px;padding-bottom:20px}
.lbfl{display:flex;flex-direction:column;align-items:center;text-align:center;transition:transform .3s cubic-bezier(.2,.7,.3,1)}
.lbfl.first{transform:translateY(-56px)}
.lbfl.second{transform:translateY(-14px)}
.lbfl.third{transform:translateY(0)}
.lbfl:hover{transform:translateY(-70px) rotateX(10deg) rotateY(-7deg) scale(1.06)}
.lbfl.second:hover{transform:translateY(-30px) rotateX(10deg) rotateY(-7deg) scale(1.06)}
.lbfl.third:hover{transform:translateY(-16px) rotateX(10deg) rotateY(-7deg) scale(1.06)}
.lbpav{position:relative;margin-bottom:14px}
.lbav3{display:block;width:88px;height:88px;border-radius:50%;overflow:hidden;background:#EDEAE2;
  box-shadow:0 3px 6px rgba(16,15,13,.10),0 18px 36px rgba(16,15,13,.20);transition:box-shadow .3s ease}
.lbfl.first .lbav3{width:116px;height:116px;box-shadow:0 4px 8px rgba(16,15,13,.12),0 26px 52px rgba(16,15,13,.26)}
.lbfl:hover .lbav3{box-shadow:0 10px 18px rgba(16,15,13,.16),0 36px 70px rgba(16,15,13,.30)}
.lbcrown{position:absolute;top:-20px;left:50%;transform:translateX(-50%);font-size:21px;color:#E0A81E}
.lbrank{position:absolute;right:-4px;bottom:-2px;width:26px;height:26px;border-radius:50%;background:#fff;border:1px solid #EFEDE7;
  display:flex;align-items:center;justify-content:center;font:700 12px/1 Inter,sans-serif;color:var(--dm-mute);box-shadow:0 2px 6px rgba(0,0,0,.10)}
.lbfl.first .lbrank{background:#F6E7BE;border-color:#EBD79B;color:#8A6A12}
.lbpn{font-size:15px;font-weight:600;letter-spacing:-.01em}
.lbfl.first .lbpn{font-size:18px;font-weight:700}
.lbpe{font-size:12.5px;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums;margin-top:3px}
.lbpe span{font-weight:600;color:var(--dm-mute);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase}
.lbtable{max-width:620px;margin:64px auto 0;border-top:1px solid #EFEDE7}
.lbrow2{display:flex;align-items:center;gap:14px;padding:12px 6px;border-bottom:1px solid #EFEDE7;transition:background .15s}
.lbrow2:hover{background:#FBFAF7}
.lbrow2.me{background:#E8F7F1;border-radius:10px;padding-left:12px;padding-right:12px}
.lbno{font-size:12px;font-weight:700;color:var(--dm-mute);width:22px;font-variant-numeric:tabular-nums}
.lbav3.sm{width:36px;height:36px;box-shadow:0 1px 3px rgba(16,15,13,.16)}
.lbnm2{flex:1;font-size:14px;font-weight:600}
.lbnm2 em{font-style:normal;color:var(--dm-mute);font-weight:500;font-size:12px;margin-left:6px}
.lbrec2{font-size:12.5px;color:var(--dm-mute);font-variant-numeric:tabular-nums;width:52px;text-align:right}
.lbelo{font-size:14px;font-weight:700;font-variant-numeric:tabular-nums;width:52px;text-align:right}

/* ---- ticket counter: flat icon, muted number, smooth roll ---- */
#dm-tix{background:#fff;border:1px solid #EFEDE7;box-shadow:0 1px 2px rgba(16,15,13,.05);padding:7px 14px 7px 11px;gap:8px}
#dm-tixn{color:#4A483F;font-weight:700;font-size:14px;display:inline-block;transition:transform .18s ease}
#dm-tixn.roll{animation:tkRoll .26s cubic-bezier(.4,0,.2,1)}
@keyframes tkRoll{0%{transform:translateY(-45%);opacity:.35}100%{transform:translateY(0);opacity:1}}
.tkt2{width:22px;height:15px;flex:0 0 22px}
.tkt2 .body{background:#D9D5CB !important;box-shadow:none !important;border-radius:3px}
.tkt2 .body:after{border-left:1.1px dashed rgba(0,0,0,.30)}
.tkt2:before,.tkt2:after{width:5px;height:5px;left:-2.5px}
.tkt2:after{left:auto;right:-2.5px}
html.dark #dm-tixn{color:#CFCBC1}
html.dark .tkt2 .body{background:#3A3934 !important}

.lbav3 img{width:100%;height:100%;object-fit:cover;display:block}
.lbpe{font-size:26px !important;font-weight:800 !important;letter-spacing:-.02em;margin-top:6px !important;display:flex;align-items:baseline;justify-content:center;gap:6px}
.lbfl.first .lbpe{font-size:32px !important}
.lbpe span{font-size:9.5px !important}
.wdl{display:inline-flex;gap:9px;font:700 12px/1 Inter,sans-serif;font-variant-numeric:tabular-nums;margin-top:8px}
.wdl b{font-weight:700}
.wdl .w{color:#0E9F6E}.wdl .d{color:#8A867B}.wdl .l{color:#E02424}
.lbrow2 .wdl{margin-top:0;margin-left:auto;margin-right:16px}
.lbelo{font-size:18px !important;font-weight:800 !important;width:62px}

/* ---- leaderboard: vertical sub-category rail ---- */
.lbbody{display:flex;gap:40px;align-items:flex-start;margin-top:26px}
.lbrail{flex:0 0 168px;display:flex;flex-direction:column;gap:2px;padding-top:34px}
.lbrailh{font-size:9.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--dm-mute);padding:0 10px 10px}
.lbsub{text-align:left;font:600 13.5px/1 Inter,sans-serif;background:none;border:none;color:var(--dm-mute);cursor:pointer;
  padding:9px 10px;border-radius:8px;border-left:2px solid transparent;transition:color .15s,background .15s,border-color .15s}
.lbsub:hover{color:var(--ink);background:#FBFAF7}
.lbsub.on{color:var(--ink);border-left-color:var(--ink);background:#F5F3EE}
.lbmain{flex:1;min-width:0}

.lbmain .lbtable{margin-left:0;margin-right:auto}

/* ---- leaderboard: rail out of flow so the podium stays centred ---- */
.lbbody{position:relative;display:block;margin-top:26px}
.lbrail{position:absolute;left:0;top:34px;width:168px;display:flex;flex-direction:column;gap:2px}
.lbmain{max-width:760px;margin:0 auto}
.lbmain .lbfloat{margin-left:auto;margin-right:auto}
.lbmain .lbtable{margin-left:auto;margin-right:auto}

/* ---- profile v2 ---- */
.pfwrap2{max-width:820px;margin:0 auto;padding:44px 40px 100px;animation:dmRise .34s cubic-bezier(.22,.61,.36,1)}
.pfhero{display:flex;align-items:center;gap:18px;padding-bottom:24px;border-bottom:1px solid #EFEDE7}
.pfav1{width:72px;height:72px;border-radius:50%;overflow:hidden;flex:0 0 72px;box-shadow:0 2px 6px rgba(16,15,13,.16)}
.pfav1 img{width:100%;height:100%;object-fit:cover;display:block}
.pfid{flex:1;min-width:0}
.pfnm2{font-size:24px;font-weight:700;letter-spacing:-.02em}
.pfrankline{display:flex;align-items:center;gap:10px;margin-top:6px}
.pfbadge{font:700 10px/1 Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#8A6A12;background:#F6E7BE;border-radius:6px;padding:5px 8px}
.pfrk{font-size:12.5px;color:var(--dm-mute);font-weight:600}
.pfnums{display:flex;gap:22px}
.pfnum{text-align:right}
.pfnum b{display:block;font-size:19px;font-weight:800;font-variant-numeric:tabular-nums}
.pfnum b.pos{color:#0E9F6E}.pfnum b.wdlw{color:#0E9F6E}.pfnum b.wdll{color:#E02424}
.pfnum span{font-size:9px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--dm-mute)}
.pftabs2{display:flex;gap:28px;border-bottom:1px solid #EFEDE7;padding-bottom:13px;margin-top:20px}
.pftab2{position:relative;font:600 14.5px/1 Inter,sans-serif;background:none;border:none;color:var(--dm-mute);cursor:pointer;padding:0}
.pftab2:hover{color:var(--ink)}.pftab2.on{color:var(--ink)}
.pftab2.on:after{content:"";position:absolute;left:0;right:0;bottom:-14px;height:2px;background:var(--ink);border-radius:2px}
.pfbody2{margin-top:30px}
.pfsec{margin-bottom:40px}
.pfk{font-size:9.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--dm-mute);margin-bottom:16px}
.pfcats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.pfcat{display:flex;align-items:baseline;gap:8px;padding:12px 14px;border:1px solid #EFEDE7;border-radius:12px;background:#fff}
.pfcn{flex:1;font-size:13px;font-weight:600}
.pfce{font-size:15px;font-weight:800;font-variant-numeric:tabular-nums}
.pfcr{font-size:11px;font-weight:700;color:var(--dm-mute)}
.pfvenn{display:flex;align-items:center;gap:26px;flex-wrap:wrap}
.pfleg{display:flex;flex-direction:column;gap:9px;font-size:13px;color:var(--dm-mute)}
.pfleg b{color:var(--ink);font-weight:700}
.pffrl{border-top:1px solid #EFEDE7}
.pffr2{display:flex;align-items:center;gap:13px;padding:12px 2px;border-bottom:1px solid #EFEDE7}
.pfav2{width:38px;height:38px;border-radius:50%;overflow:hidden;flex:0 0 38px}
.pfav2 img{width:100%;height:100%;object-fit:cover;display:block}
.pffn{flex:1;font-size:14px;font-weight:600}
.pffn em{display:block;font-style:normal;font-size:11.5px;color:var(--dm-mute);font-weight:500;margin-top:2px}
.pffe{font-size:15px;font-weight:800;font-variant-numeric:tabular-nums;margin-right:14px}
.pffb{font:600 11.5px/1 Inter,sans-serif;color:var(--dm-mute);background:#fff;border:1px solid #EFEDE7;border-radius:999px;padding:7px 13px;cursor:pointer}
.pffb:hover{color:var(--ink);border-color:var(--dm-mute)}
.pfadd{margin-top:16px;width:100%;font:600 13px/1 Inter,sans-serif;color:var(--dm-mute);background:none;border:1px dashed #DCD9CF;border-radius:10px;padding:13px;cursor:pointer}
.pfadd:hover{color:var(--ink);border-color:var(--dm-mute)}
.pfhl{border-top:1px solid #EFEDE7}
.pfh2{display:flex;justify-content:space-between;align-items:baseline;padding:13px 2px;border-bottom:1px solid #EFEDE7}
.pfhq{font-size:14px;font-weight:600}
.pfhq em{font-style:normal;color:var(--dm-mute);font-weight:500;font-size:12.5px;margin-left:10px}
.pfhv{font-size:14px;font-weight:800;font-variant-numeric:tabular-nums}
.pfhv.pos{color:#0E9F6E}.pfhv.neg{color:#E02424}.pfhv.tie{color:var(--dm-mute)}

/* ---- ledger: flat rows, gradient weight wash, smooth expand ---- */
.ldwrap{max-width:840px;margin:0 auto;padding:44px 40px 120px;animation:dmRise .34s cubic-bezier(.22,.61,.36,1)}
.ldh1{font-size:34px;font-weight:700;letter-spacing:-.03em;margin:0 0 26px}
.ldsearch{width:100%;box-sizing:border-box;border:none;border-bottom:1px solid #E4E1D8;border-radius:0;background:none;
  padding:12px 2px;font:400 15px/1 Inter,sans-serif;color:var(--ink);outline:none;margin-bottom:26px}
.ldsearch:focus{border-bottom-color:var(--ink)}
.ldsearch::placeholder{color:#A9A69C}
#ldlist{perspective:1200px}
.ldrow{border:1px solid #E4E1D8;border-bottom:none;cursor:pointer;position:relative;
  transition:transform .24s cubic-bezier(.2,.7,.3,1),box-shadow .24s ease;transform-style:preserve-3d}
#ldlist .ldrow:last-child{border-bottom:1px solid #E4E1D8}
/* flat, low-contrast weight tint + solid edge bar (no gloss) */
.ldrow.hi  {background:#F4FAF7;box-shadow:inset 4px 0 0 #0E9F6E}
.ldrow.mid {background:#F6F9F3;box-shadow:inset 4px 0 0 #7FB069}
.ldrow.low {background:#FBF8F0;box-shadow:inset 4px 0 0 #D9A227}
.ldrow.vlow{background:#FCF4F2;box-shadow:inset 4px 0 0 #D2503C}
.ldrow:hover{transform:translateY(-4px) translateZ(28px) rotateX(2deg) scale(1.012);
  box-shadow:0 10px 22px rgba(16,15,13,.10),0 26px 54px rgba(16,15,13,.12);z-index:5;border-color:#DCD9CF}

.ldhead{display:flex;align-items:center;gap:16px;padding:16px 18px}
.ldtext{flex:1;font-size:14.5px;font-weight:600;line-height:1.45}
.ldn{font-size:12.5px;color:var(--dm-mute);font-variant-numeric:tabular-nums}
.ldbody{height:0;overflow:hidden;transition:height .34s cubic-bezier(.4,0,.2,1)}
.ldinner{padding:0 18px 20px}
.ldk{font-size:9px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--dm-mute);margin-bottom:11px}
.ldsrcs{display:flex;flex-direction:column;gap:9px}
.ldsrc{display:flex;align-items:center;gap:11px}
.ldlogo{width:34px;height:34px;flex:0 0 34px;display:flex;align-items:center;justify-content:center;
  font:700 9.5px/1 Inter,sans-serif;letter-spacing:.02em;color:#fff;border-radius:5px}
.ldlogo.t1{background:#2F4A6D}.ldlogo.t2{background:#3E6B54}.ldlogo.t3{background:#8A867B}
.ldsi{flex:1;display:flex;flex-direction:column;gap:3px;font-size:13px}
.ldsi b{font-weight:600}
.ldsi em{font-style:normal;color:var(--dm-mute);font-size:12.5px}
.ldtier{font:600 10px/1 Inter,sans-serif;color:var(--dm-mute);letter-spacing:.06em}
.ldcon{margin-top:20px;padding-top:16px;border-top:1px solid #E4E1D8}
.ldwhy{font-size:13.5px;line-height:1.6;margin:0 0 14px;font-weight:400}
.ldbar{height:4px;background:#EFEDE7;overflow:hidden}
.ldbar i{display:block;height:100%;background:currentColor}
.ldrow.hi .ldbar i{background:#0E9F6E}.ldrow.mid .ldbar i{background:#7FB069}
.ldrow.low .ldbar i{background:#D9A227}.ldrow.vlow .ldbar i{background:#D2503C}
.ldmeta{margin-top:10px;font-size:11.5px;color:var(--dm-mute)}
.ldempty{font-size:14px;color:var(--dm-mute);border:1px solid #E4E1D8;padding:20px 16px}

/* bigger floor header */
.flsearch{max-width:680px;padding:14px 18px}
.flsearch input{font-size:15.5px}
.fltabs{gap:26px;margin-top:22px;padding-bottom:14px}
.fltab{font-size:15px}

/* ===== the three card types ===== */
.rk{background:#fff;border:1px solid #EFEDE7;border-radius:14px;padding:16px;width:300px;
  transition:transform .18s cubic-bezier(.2,.7,.3,1),box-shadow .18s,border-color .18s}
.rk:hover{transform:translateY(-3px);border-color:#E4E1D8;box-shadow:0 3px 8px rgba(16,15,13,.05),0 16px 34px rgba(16,15,13,.08)}
.rk-top{display:flex;gap:11px;align-items:flex-start}
.rk-img{width:42px;height:42px;border-radius:9px;object-fit:cover;flex:0 0 42px}
.rk-q{font-size:14px;font-weight:650;line-height:1.34;letter-spacing:-.01em}
.rk-cat{font:700 9px/1 Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#A9A69C;margin-bottom:6px}
.rk-foot{display:flex;justify-content:space-between;align-items:center;margin-top:14px;padding-top:11px;
  border-top:1px solid #F4F3EF;font-size:11.5px;color:#8A867B}
.rk-bm{color:#C9C5BA;cursor:pointer;font-size:14px}
.rk-bm:hover{color:#8A867B}
/* --- 1. YES / NO --- */
.rk-yn .rk-pct{display:flex;align-items:baseline;gap:7px;margin:16px 0 9px}
.rk-yn .rk-big{font-size:34px;font-weight:800;letter-spacing:-.035em;line-height:1;color:#0B7A54}
.rk-yn .rk-lab{font-size:12px;color:#8A867B;font-weight:600}
.rk-bar{height:6px;border-radius:99px;background:#FDECEC;overflow:hidden;display:flex}
.rk-bar i{display:block;height:100%;background:#0E9F6E}
.rk-btns{display:flex;gap:8px;margin-top:13px}
.rk-btn{flex:1;font:650 12.5px/1 Inter,sans-serif;border:none;border-radius:8px;padding:11px;cursor:pointer;transition:filter .12s}
.rk-btn:hover{filter:brightness(.96)}
.rk-btn.y{background:#E8F7F1;color:#0B7A54}
.rk-btn.n{background:#FDECEC;color:#B42318}
/* --- 2. VERSUS --- */
.rk-vs .rk-row{display:flex;align-items:center;gap:10px;margin:16px 0 12px}
.rk-vs .side{flex:1;text-align:center}
.rk-vs .face{width:56px;height:56px;border-radius:50%;object-fit:cover;display:block;margin:0 auto 8px;
  box-shadow:0 2px 6px rgba(16,15,13,.14)}
.rk-vs .nm{font-size:12px;color:#4A483F;font-weight:600;display:block;margin-bottom:3px}
.rk-vs .pc{font-size:20px;font-weight:800;letter-spacing:-.02em}
.rk-vs .side.lead .pc{color:#0B7A54}
.rk-vs .side.trail .pc{color:#A9A69C}
.rk-vs .vs{font:800 10px/1 Inter,sans-serif;color:#C9C5BA;letter-spacing:.1em}
.rk-split{height:6px;border-radius:99px;overflow:hidden;display:flex}
.rk-split i:first-child{background:#0E9F6E}
.rk-split i:last-child{background:#D2503C}
/* --- 3. RANKING --- */
.rk-rank .rk-list{margin-top:15px;display:flex;flex-direction:column;gap:11px}
.rk-rk{display:flex;align-items:center;gap:10px}
.rk-no{font:800 11px/1 Inter,sans-serif;color:#A9A69C;width:11px;flex:0 0 11px}
.rk-av{width:30px;height:30px;border-radius:50%;object-fit:cover;flex:0 0 30px}
.rk-mid{flex:1;min-width:0}
.rk-nm2{font-size:12.5px;font-weight:600;margin-bottom:5px}
.rk-track{height:4px;background:#F1F0EA;border-radius:99px;overflow:hidden}
.rk-track i{display:block;height:100%;background:#4A483F}
.rk-rk:first-child .rk-track i{background:#0E9F6E}
.rk-pc2{font-size:14px;font-weight:800;font-variant-numeric:tabular-nums;width:38px;text-align:right}

.flgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.flgrid .rk{width:auto}
/* ===== three cards, simple ===== */
.rk{background:#fff;border:1px solid #EFEDE7;border-radius:14px;padding:18px;width:300px;
  transition:transform .18s cubic-bezier(.2,.7,.3,1),box-shadow .18s,border-color .18s}
.rk:hover{transform:translateY(-3px);border-color:#E4E1D8;box-shadow:0 3px 8px rgba(16,15,13,.05),0 16px 34px rgba(16,15,13,.08)}
.rk-cat{font:700 9px/1 Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#A9A69C}
.rk-q{font-size:15px;font-weight:650;line-height:1.32;letter-spacing:-.012em;margin-top:8px}
.rk-votes{margin-top:16px;font-size:11.5px;color:#8A867B;font-variant-numeric:tabular-nums}
/* 1 — yes / no */
.yn-num{display:flex;align-items:baseline;gap:8px;margin:18px 0 10px}
.yn-big{font-size:38px;font-weight:800;letter-spacing:-.04em;line-height:1;color:#0E9F6E}
.yn-lab{font-size:13px;color:#8A867B;font-weight:600}
.yn-bar{height:6px;border-radius:99px;background:#F1EDEA;overflow:hidden}
.yn-bar i{display:block;height:100%;background:#0E9F6E}
.yn-ends{display:flex;justify-content:space-between;margin-top:8px;font-size:11.5px;font-weight:600}
.yn-ends .a{color:#0B7A54}.yn-ends .b{color:#A9A69C}
/* 2 — versus, boxing faceoff */
.vs-ring{display:flex;align-items:flex-end;justify-content:center;gap:0;margin:20px 0 14px;position:relative}
.vs-f{width:96px;height:96px;border-radius:12px;object-fit:cover;display:block;filter:grayscale(.15)}
.vs-f.left{transform:scaleX(1);border-top-right-radius:0;border-bottom-right-radius:0}
.vs-f.right{transform:scaleX(-1);border-top-left-radius:0;border-bottom-left-radius:0}
.vs-mid{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  font:800 11px/1 Inter,sans-serif;color:#fff;background:#0F0F0D;border-radius:99px;padding:6px 8px;letter-spacing:.06em}
.vs-names{display:flex;justify-content:space-between;font-size:12px;font-weight:600;color:#4A483F}
.vs-pcts{display:flex;justify-content:space-between;font-size:22px;font-weight:800;letter-spacing:-.025em;margin-top:2px}
.vs-pcts .lead{color:#0E9F6E}.vs-pcts .trail{color:#A9A69C}
.vs-bar{height:6px;border-radius:99px;overflow:hidden;display:flex;margin-top:10px}
.vs-bar i:first-child{background:#0E9F6E}.vs-bar i:last-child{background:#D8D4CA}
/* 3 — score meter (image left, meter right) */
.sc-row{display:flex;align-items:center;gap:16px;margin-top:18px}
.sc-img{width:88px;height:112px;border-radius:9px;object-fit:cover;flex:0 0 88px}
.sc-meter{flex:1;text-align:center}
.sc-ring{width:78px;height:78px;display:block;margin:0 auto}
.sc-val{font-size:22px;font-weight:800;letter-spacing:-.02em}
.sc-word{font:700 9px/1 Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#8A867B;margin-top:6px}

.flgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.flgrid .rk{width:auto}
/* ===== collage grid: cards differ by type ===== */
.rk{background:#fff;border:1px solid #EFEDE7;border-radius:14px;padding:18px;
  transition:transform .18s cubic-bezier(.2,.7,.3,1),box-shadow .18s,border-color .18s}
.rk:hover{transform:translateY(-3px);border-color:#E4E1D8;box-shadow:0 3px 8px rgba(16,15,13,.05),0 16px 34px rgba(16,15,13,.08)}
.rk-cat{font:700 9px/1 Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#A9A69C}
.rk-q{font-size:15px;font-weight:650;line-height:1.32;letter-spacing:-.012em;margin-top:8px}
.rk-votes{margin-top:16px;font-size:11.5px;color:#8A867B;font-variant-numeric:tabular-nums}
/* 1 — yes/no : standard tile */
.yn-num{display:flex;align-items:baseline;gap:8px;margin:18px 0 10px}
.yn-big{font-size:38px;font-weight:800;letter-spacing:-.04em;line-height:1;color:#0E9F6E}
.yn-lab{font-size:13px;color:#8A867B;font-weight:600}
.yn-bar{height:6px;border-radius:99px;background:#F1EDEA;overflow:hidden}
.yn-bar i{display:block;height:100%;background:#0E9F6E}
.yn-ends{display:flex;justify-content:space-between;margin-top:8px;font-size:11.5px;font-weight:600}
.yn-ends .a{color:#0B7A54}.yn-ends .b{color:#A9A69C}
/* 2 — FACEOFF : wide banner, short. spans two columns */
.fo{grid-column:span 2;padding:0;overflow:hidden;position:relative;border-radius:14px}
.fo-img{width:100%;height:186px;object-fit:cover;display:block}
.fo-veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,10,9,.42) 0%,rgba(10,10,9,.05) 38%,rgba(10,10,9,.78) 100%)}
.fo-top{position:absolute;top:14px;left:16px;right:16px;color:#fff}
.fo-cat{font:700 9px/1 Inter,sans-serif;letter-spacing:.18em;text-transform:uppercase;opacity:.8}
.fo-q{font-size:17px;font-weight:700;letter-spacing:-.02em;margin-top:6px;text-shadow:0 1px 12px rgba(0,0,0,.4)}
.fo-bot{position:absolute;left:16px;right:16px;bottom:13px;color:#fff}
.fo-names{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:9px}
.fo-side{display:flex;flex-direction:column;gap:2px}
.fo-side.r{align-items:flex-end}
.fo-nm{font-size:12px;font-weight:600;opacity:.85}
.fo-pc{font-size:26px;font-weight:800;letter-spacing:-.03em;line-height:1}
.fo-side.lead .fo-pc{color:#5EE0A6}
.fo-bar{height:5px;border-radius:99px;overflow:hidden;display:flex;background:rgba(255,255,255,.2)}
.fo-bar i:first-child{background:#5EE0A6}.fo-bar i:last-child{background:rgba(255,255,255,.42)}
.fo-votes{margin-top:8px;font-size:11px;opacity:.72;font-variant-numeric:tabular-nums}
.fo-vs{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);
  font:800 10px/1 Inter,sans-serif;color:#0F0F0D;background:#fff;border-radius:99px;padding:6px 9px;letter-spacing:.08em}
/* 3 — score : tall tile */
.sc{grid-row:span 1}
.sc-img{width:100%;height:150px;border-radius:9px;object-fit:cover;margin-top:14px;display:block}
.sc-row2{display:flex;align-items:center;justify-content:space-between;margin-top:14px}
.sc-ring{width:66px;height:66px;display:block}
.sc-word{font:700 9px/1 Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#8A867B}

.flgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;align-items:start}
/* shapes */
.s-wide{grid-column:span 2;height:186px}
.s-tile{grid-column:span 1;height:250px}
.s-tall{grid-column:span 1;grid-row:span 2;height:514px}
.s-hero{grid-column:span 4;height:280px}
/* faceoff bits */
.fo-names{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:9px}
.fo-side{display:flex;flex-direction:column;gap:2px}
.fo-side.r{align-items:flex-end}
.fo-nm{font-size:12px;font-weight:600;opacity:.85}
.fo-pc{font-size:26px;font-weight:800;letter-spacing:-.03em;line-height:1}
.fo-vs{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);
  font:800 10px/1 Inter,sans-serif;color:#0F0F0D;background:#fff;border-radius:99px;padding:6px 9px;letter-spacing:.08em}
/* yes/no bits */
.yn-big2{font-size:44px;font-weight:800;letter-spacing:-.04em;line-height:1}
.yn-sub{font-size:12px;opacity:.8;font-weight:600;margin-top:2px}
.yn-ends2{display:flex;justify-content:space-between;font-size:11.5px;font-weight:600;margin-top:8px;opacity:.9}
/* score bits */
.sc-badge{position:absolute;right:14px;top:14px;width:56px;height:56px}
.sc-num{font-size:44px;font-weight:800;letter-spacing:-.04em;line-height:1}
.sc-word2{font:700 9px/1 Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase;opacity:.8;margin-top:4px}

.flgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;align-items:start}
/* ---- juror dial ---- */
.jdwrap{max-width:720px;margin:0 auto;padding:70px 40px 100px;text-align:center;
  animation:dmRise .4s cubic-bezier(.22,.61,.36,1);transition:opacity .45s ease,transform .45s ease}
.jdwrap.out{opacity:0;transform:translateY(-10px) scale(.985)}
.jd-k{font:700 9.5px/1 Inter,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#A9A69C}
.jd-q{font-size:32px;font-weight:700;letter-spacing:-.03em;margin:14px 0 8px}
.jd-sub{font-size:13.5px;color:#8A867B;margin-bottom:52px}
.jd-names{display:flex;justify-content:space-between;font-size:13px;font-weight:650;color:#4A483F}
.jd-nums{display:flex;justify-content:space-between;margin-top:6px}
.jd-pc{font-size:40px;font-weight:800;letter-spacing:-.04em;line-height:1;color:#C1BDB2;transition:color .2s}
.jd-pc.win{color:#0F0F0D}
.jd-track{position:relative;height:12px;border-radius:99px;overflow:visible;margin:22px 0 0;display:flex;background:#F1EFEA}
.jd-fill{height:12px;background:#2F4A6D;border-radius:99px 0 0 99px}
.jd-fillr{height:12px;background:#B26A8C;border-radius:0 99px 99px 0}
.jd-handle{position:absolute;top:50%;width:26px;height:26px;border-radius:50%;background:#fff;border:1px solid #DCD9CF;
  transform:translate(-50%,-50%);box-shadow:0 2px 8px rgba(16,15,13,.18);pointer-events:none}
.jd-range{position:absolute;inset:-12px 0;width:100%;opacity:0;cursor:grab;-webkit-appearance:none;appearance:none;height:36px}
.jd-range:active{cursor:grabbing}
.jd-note{margin-top:22px;font-size:13px;color:#8A867B;min-height:18px}
.jd-steps{display:flex;gap:8px;justify-content:center;margin-top:26px}
.jd-steps button{font:600 12px/1 Inter,sans-serif;background:#fff;border:1px solid #EFEDE7;border-radius:99px;padding:9px 15px;cursor:pointer;color:#6B6860}
.jd-steps button:hover{border-color:#DCD9CF;color:#0F0F0D}
.jd-seal{margin-top:44px;font:700 15px/1 Inter,sans-serif;background:#1F7A4D;color:#fff;border:none;border-radius:12px;
  padding:16px 40px;cursor:pointer;transition:transform .14s,opacity .14s}
.jd-seal:hover{transform:translateY(-1px);opacity:.93}

/* ---- circular dial ---- */
.jdwrap{max-width:640px;margin:0 auto;padding:56px 40px 90px;text-align:center;
  animation:dmRise .4s cubic-bezier(.22,.61,.36,1);transition:opacity .45s ease,transform .45s ease}
.jdwrap.out{opacity:0;transform:translateY(-10px) scale(.985)}
.jd-k{font:700 9.5px/1 Inter,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#A9A69C}
.jd-q{font-size:31px;font-weight:700;letter-spacing:-.03em;margin:14px 0 8px}
.jd-sub{font-size:13.5px;color:#8A867B;margin-bottom:12px}
.jdmount{display:flex;justify-content:center}
.jdsvg{width:300px;height:auto;touch-action:none;cursor:grab;user-select:none}
.jdsvg:active{cursor:grabbing}
.jd-note{margin-top:6px;font-size:13px;color:#8A867B;min-height:18px}
.jd-seal{margin-top:30px;font:700 15px/1 Inter,sans-serif;background:#1F7A4D;color:#fff;border:none;border-radius:12px;
  padding:16px 40px;cursor:pointer;transition:transform .14s,opacity .3s}
.jd-seal:hover{transform:translateY(-1px);opacity:.93}
/* ---- verdict ---- */
.vdwrap{max-width:660px;margin:0 auto;padding:56px 40px 90px;text-align:center;animation:dmRise .4s cubic-bezier(.22,.61,.36,1)}
.vd-bar{height:12px;border-radius:99px;overflow:hidden;display:flex;margin-top:26px;background:#F1EFEA}
.vd-bar i{display:block;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}
.vd-bar i.o{background:#2F4A6D}.vd-bar i.b{background:#B26A8C}
.vd-nums{display:flex;justify-content:space-between;margin-top:10px;font-size:12.5px;color:#8A867B}
.vd-nums b{font-size:17px;font-weight:800;color:#0F0F0D;margin-right:5px;font-variant-numeric:tabular-nums}
.vd-dots{display:grid;grid-template-columns:repeat(16,1fr);gap:8px;margin:34px auto 0;max-width:420px}
.vd-dot{aspect-ratio:1;border-radius:50%;transition:background .45s ease,transform .45s cubic-bezier(.34,1.56,.64,1)}
.vd-dot.o{background:#2F4A6D}.vd-dot.b{background:#B26A8C}
.vd-dot.flip{transform:scale(1.32)}
.vd-stage{margin-top:26px;font-size:13.5px;color:#8A867B;min-height:20px;transition:color .3s}
.vd-you{margin-top:26px;display:flex;align-items:center;justify-content:center;gap:12px;min-height:34px}
.vd-you b{font-size:26px;font-weight:800;font-variant-numeric:tabular-nums}
.vd-ar{color:#C1BDB2;font-size:18px}
.vd-k{font:700 9px/1 Inter,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#A9A69C;margin-right:6px}
.vd-mv{font-size:12.5px;color:#8A867B;margin-left:8px}
.vd-mv.moved{color:#0E9F6E;font-weight:650}
/* ---- spectate timer ---- */
@keyframes specPulse{0%,100%{opacity:1}50%{opacity:.25}}

.jdrow{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:6px}
.jdposter{width:120px;flex:0 0 120px;text-align:center;transition:transform .18s cubic-bezier(.2,.7,.3,1),opacity .18s;transform-origin:center}
.jdposter img{width:100%;height:150px;object-fit:cover;border-radius:10px;display:block;
  box-shadow:0 6px 14px rgba(16,15,13,.18),0 22px 44px rgba(16,15,13,.22)}
.jdposter span{display:block;margin-top:9px;font:700 9px/1 Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#8A867B}
.jdsvg{width:300px;height:300px;touch-action:none;cursor:grab;user-select:none}
.jdsvg:active{cursor:grabbing}

.jdrow{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:10px}
.jdside{width:132px;flex:0 0 132px;text-align:center}
.jdposter{transition:transform .2s cubic-bezier(.2,.7,.3,1),opacity .2s;transform-origin:center}
.jdposter img{width:100%;height:auto;border-radius:9px;display:block;
  box-shadow:0 8px 18px rgba(16,15,13,.22),0 26px 52px rgba(16,15,13,.26)}
.jdnum{margin-top:14px}
.jdnum b{display:block;font-size:34px;font-weight:800;letter-spacing:-.035em;line-height:1;font-variant-numeric:tabular-nums}
.jdnum.o b{color:#C0392B}.jdnum.b b{color:#E84C9A}
.jdnum span{display:block;margin-top:5px;font:700 9px/1 Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#8A867B}
.jdsvg{width:300px;height:300px;flex:0 0 300px;touch-action:none;cursor:grab;user-select:none}
.jdsvg:active{cursor:grabbing}

/* ---- inline hearing timer ---- */
.spec-inline{font-weight:800;font-variant-numeric:tabular-nums;color:#0F0F0D;margin-right:14px}
/* ---- dial tint toggle ---- */
.jdwrap{position:relative}
.jd-tintbtn{position:absolute;right:0;bottom:0;font:600 11.5px/1 Inter,sans-serif;color:#8A867B;background:#fff;border:1px solid #EFEDE7;border-radius:99px;padding:8px 13px;cursor:pointer}
.jd-tintbtn:hover{color:#0F0F0D;border-color:#DCD9CF}
/* ---- winner vote ---- */
.wvrow{display:flex;gap:16px;justify-content:center;margin-top:36px}
.wvbtn{width:230px;background:#fff;border:1px solid #EFEDE7;border-radius:14px;padding:22px 16px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:8px;
  transition:transform .16s,box-shadow .16s,border-color .16s;font-family:Inter,sans-serif}
.wvbtn:hover{transform:translateY(-3px);border-color:#DCD9CF;box-shadow:0 3px 8px rgba(16,15,13,.05),0 16px 34px rgba(16,15,13,.09)}
.wvbtn b{font-size:15px;font-weight:700}
.wvav{width:46px;height:46px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font:700 17px/1 Inter,sans-serif}
.wvside{font-size:11.5px;font-weight:650}
/* ---- two-page summary ---- */
.smwrap{position:relative;max-width:680px;margin:0 auto;padding:56px 40px 110px;text-align:center;min-height:calc(100vh - 80px)}
.sm-page{position:absolute;left:40px;right:40px;top:56px;opacity:0;transform:translateX(26px);transition:opacity .5s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.4,0,.2,1);pointer-events:none}
.sm-page.on{opacity:1;transform:translateX(0);pointer-events:auto}
.sm-prog{position:fixed;left:50%;bottom:26px;transform:translateX(-50%);display:flex;gap:6px;width:220px}
.sm-prog i{flex:1;height:3px;background:#E9E7E0;border-radius:99px;position:relative;overflow:hidden}
.sm-prog i{display:block;height:100%;background:#0F0F0D;width:0;transition:width 4s linear;border-radius:99px}
.sm-prog span{flex:1;height:3px;background:#E9E7E0;border-radius:99px;overflow:hidden;display:block}
.sm-vs{display:flex;align-items:center;justify-content:center;gap:28px;margin-top:34px}
.sm-side{display:flex;flex-direction:column;align-items:center;gap:7px;opacity:.5;transition:opacity .3s}
.sm-side.win{opacity:1}
.sm-side b{font-size:14px;font-weight:700}
.sm-side em{font-style:normal;font-size:30px;font-weight:800;letter-spacing:-.03em}
.sm-side.win em{color:#0E9F6E}
.sm-v{font:800 11px/1 Inter,sans-serif;color:#C1BDB2;letter-spacing:.12em}
.sm-you{margin-top:30px;font-size:13.5px;color:#8A867B}
.sm-you b{color:#0F0F0D}
.sm-you .pos{color:#0E9F6E;font-weight:650}.sm-you .neg{color:#C0392B;font-weight:650}
.sm-bar{height:10px;border-radius:99px;overflow:hidden;display:flex;margin-top:26px;background:#F1EFEA}
.sm-bar i{display:block;height:100%;transition:width .45s cubic-bezier(.4,0,.2,1)}
.sm-bar i.o{background:#C0392B}.sm-bar i.b{background:#E84C9A}
.sm-nums{display:flex;justify-content:space-between;margin-top:9px;font-size:12.5px;color:#8A867B}
.sm-nums b{font-size:16px;font-weight:800;color:#0F0F0D;margin-right:5px;font-variant-numeric:tabular-nums}
.sm-dots{display:grid;grid-template-columns:repeat(12,26px);justify-content:center;align-items:center;justify-items:center;gap:10px 8px;margin:30px auto 0}
.sm-dot{width:16px;height:16px;border-radius:50%;display:block;transition:background .55s ease}
.sm-cap{margin-top:22px;font-size:12.5px;color:#8A867B;min-height:18px}
.sm-rank{margin:30px auto 0;max-width:380px;text-align:left;transition:opacity .5s ease}
.sm-rk{display:flex;align-items:center;gap:12px;padding:9px 6px;border-bottom:1px solid #EFEDE7;font-size:13px}
.sm-rk.me{background:#E8F7F1;border-radius:8px}
.sm-no{font:800 11px/1 Inter,sans-serif;color:#A9A69C;width:14px}
.sm-nm{flex:1;font-weight:650}
.sm-sh{font-size:11.5px;color:#8A867B}

#dm-tix svg{width:22px;height:15px;display:block;color:#B8B4A8}
.jdnum{position:relative}
.jd-delta{position:absolute;right:calc(50% + 34px);top:2px;font:800 15px/1 Inter,sans-serif;color:#0E9F6E;font-style:normal;opacity:0;transition:opacity .2s;font-variant-numeric:tabular-nums}
/* ---- notifications ---- */
#dm-bell{position:fixed;top:15px;right:104px;z-index:99998;width:38px;height:38px;border-radius:99px;
  background:var(--card,#fff);border:1px solid #EFEDE7;box-shadow:0 1px 2px rgba(16,15,13,.05);
  display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .15s}
#dm-bell:hover{border-color:#DCD9CF}
#dm-bell svg{width:17px;height:17px;color:#4A483F}
#dm-bell-dot{position:absolute;top:8px;right:9px;width:7px;height:7px;border-radius:50%;background:#C0392B;border:1.5px solid #fff}
#dm-notes{position:fixed;top:62px;right:18px;z-index:99999;width:330px;max-height:66vh;overflow:auto;
  background:#fff;border:1px solid #EFEDE7;border-radius:14px;box-shadow:0 8px 20px rgba(16,15,13,.10),0 26px 54px rgba(16,15,13,.14);
  opacity:0;transform:translateY(-8px) scale(.98);pointer-events:none;transition:opacity .2s ease,transform .2s cubic-bezier(.2,.7,.3,1)}
#dm-notes.on{opacity:1;transform:none;pointer-events:auto}
.nt-head{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid #F4F3EF;
  font:700 13px/1 Inter,sans-serif}
.nt-head span{color:#A9A69C;cursor:pointer;font-size:17px;line-height:1}
.nt-head span:hover{color:#0F0F0D}
.nt-row{display:flex;gap:11px;padding:12px 16px;border-bottom:1px solid #F7F6F2;align-items:flex-start}
.nt-row:last-child{border-bottom:none}
.nt-row:hover{background:#FBFAF7}
.nt-ic{width:26px;height:26px;flex:0 0 26px;border-radius:7px;background:#F4F3EF;color:#6B6860;
  display:flex;align-items:center;justify-content:center;font-size:12px}
.nt-b{flex:1;min-width:0}
.nt-b b{display:block;font-size:12.8px;font-weight:650;line-height:1.35}
.nt-b em{display:block;font-style:normal;font-size:11.5px;color:#8A867B;margin-top:3px;line-height:1.4}
.nt-w{font-size:10.5px;color:#B8B4A8;white-space:nowrap;padding-top:2px}
html.dark #dm-bell,html.dark #dm-notes{background:#1A1A18;border-color:#2E2D28}
html.dark #dm-bell svg{color:#CFCBC1}

/* ---- arena question cards: compact, light, floating ---- */
.aqlist{display:grid;grid-template-columns:repeat(auto-fill,minmax(262px,1fr));gap:12px;margin-top:30px;max-width:880px}
.aq{background:#fff;border:1px solid #F0EEE9;border-radius:12px;padding:16px 15px 17px;
  box-shadow:0 1px 2px rgba(16,15,13,.04),0 8px 20px rgba(16,15,13,.05);
  transition:transform .2s cubic-bezier(.2,.7,.3,1),box-shadow .2s,border-color .2s}
.aq:hover{transform:translateY(-4px);border-color:#E7E4DC;box-shadow:0 3px 6px rgba(16,15,13,.05),0 18px 40px rgba(16,15,13,.10)}
.aq.picked{transform:translateY(-10px);box-shadow:0 10px 20px rgba(16,15,13,.10),0 34px 70px rgba(16,15,13,.20)}
.aq.picked:hover{transform:translateY(-13px)}
.aq-top{display:flex;gap:10px;align-items:center}
.aq-img{width:38px;height:38px;flex:0 0 38px;border-radius:8px;object-fit:cover;display:block}
.aq-q{font-size:13.5px;font-weight:650;line-height:1.3;letter-spacing:-.01em}
.aq-btns{display:flex;gap:8px;margin-top:17px}
.aq-btn{flex:1;font:650 12.5px/1 Inter,sans-serif;border:none;border-radius:8px;padding:12px 8px;cursor:pointer;
  transition:transform .16s cubic-bezier(.2,.7,.3,1),box-shadow .16s,background .15s,color .15s}
.aq-btn b{font-weight:800}
.aq-btn.y{background:#E9F8F1;color:#0B7A54}
.aq-btn.n{background:#FDEDEC;color:#B42318}
.aq-btn:hover{transform:translateY(-3px);box-shadow:0 6px 14px rgba(16,15,13,.13)}
.aq-btn:active{transform:translateY(-1px)}
.aq-btn.y.on{background:#0E9F6E;color:#fff;box-shadow:0 6px 16px rgba(14,159,110,.32)}
.aq-btn.n.on{background:#D2503C;color:#fff;box-shadow:0 6px 16px rgba(210,80,60,.30)}
/* pure white app background */
html,body,.app,.main,#page,#floorpage{background:#FFFFFF !important}

/* ---- arena atmosphere: a faint ring underfoot, nothing spelled out ---- */
.arena-air{position:relative}
.ar-ring{position:absolute;left:50%;top:-40px;width:1180px;height:1180px;transform:translateX(-50%);pointer-events:none;z-index:0;
  background:
   radial-gradient(circle at 50% 42%, rgba(15,15,13,.045) 0 1px, transparent 1px),
   repeating-radial-gradient(circle at 50% 42%, rgba(15,15,13,.030) 0 1px, transparent 1px 92px);
  -webkit-mask-image:radial-gradient(circle at 50% 42%, #000 0%, rgba(0,0,0,.55) 46%, transparent 72%);
  mask-image:radial-gradient(circle at 50% 42%, #000 0%, rgba(0,0,0,.55) 46%, transparent 72%)}
.arcatwrap>*:not(.ar-ring){position:relative;z-index:1}
.ar-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}
.ar-go{display:flex;align-items:flex-end;gap:22px}
.ar-go .armodebar{padding-left:0;border-left:none}
.arena-air .argobtn{background:#0F0F0D;color:#fff;border-radius:10px;padding:13px 30px;font:700 14px/1 Inter,sans-serif;
  box-shadow:0 4px 10px rgba(16,15,13,.18),0 14px 30px rgba(16,15,13,.16);transition:transform .16s,box-shadow .16s}
.arena-air .argobtn:hover{transform:translateY(-3px);box-shadow:0 8px 18px rgba(16,15,13,.22),0 22px 44px rgba(16,15,13,.20)}
/* logo: sharper, competitive */
.sb .brand .w{font-style:italic;font-weight:800;letter-spacing:-.045em;transform:skewX(-2deg)}
.sb .brand .w i{font-style:italic}

/* ================= FLOOR: clean Polymarket cards ================= */
.flwrap{max-width:1120px;margin:0 auto;padding:22px 26px 90px}
.flsearch{display:flex;align-items:center;gap:10px;background:#F7F7F5;border:1px solid #EDEDEA;border-radius:10px;padding:12px 15px;max-width:620px;margin:0 auto}
.flsearch svg{width:16px;height:16px;color:#8A867B;flex:0 0 16px}
.flsearch input{flex:1;border:none;background:none;outline:none;font:400 14.5px/1 Inter,sans-serif;color:#0F0F0D}
.flslash{font:600 11px/1 Inter,sans-serif;color:#A9A69C;border:1px solid #E6E6E2;border-radius:4px;padding:3px 6px}
.fltabs{display:flex;gap:24px;justify-content:center;flex-wrap:wrap;margin:20px 0 0;padding-bottom:13px;border-bottom:1px solid #EFEFEC}
.fltab{font:600 14px/1 Inter,sans-serif;background:none;border:none;color:#6B6860;cursor:pointer;padding:0;transition:color .15s}
.fltab:hover{color:#0F0F0D}
.fltab.on{color:#0F0F0D;font-weight:700}
.flmk{margin-top:26px}
.flmk h3{font-size:17px;font-weight:700;letter-spacing:-.02em;margin:0}
.flgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;margin-top:14px}
.flc{background:#fff;border:1px solid #EFEFEC;border-radius:12px;padding:15px;
  box-shadow:0 1px 2px rgba(16,15,13,.04),0 6px 16px rgba(16,15,13,.04);
  transition:transform .2s cubic-bezier(.2,.7,.3,1),box-shadow .2s,border-color .2s}
.flc:hover{transform:translateY(-3px);border-color:#E6E6E2;box-shadow:0 3px 6px rgba(16,15,13,.05),0 16px 34px rgba(16,15,13,.09)}
.flc.picked{transform:translateY(-9px);box-shadow:0 10px 20px rgba(16,15,13,.10),0 30px 62px rgba(16,15,13,.18)}
.flc-top{display:flex;gap:11px;align-items:center;margin-bottom:14px}
.fl-img{width:40px;height:40px;flex:0 0 40px;border-radius:8px;object-fit:cover;display:block}
.fl-ph{background:#F1F1EE;color:#8A867B;display:flex;align-items:center;justify-content:center;font:700 12px/1 Inter,sans-serif}
.flc-q{font-size:14px;font-weight:650;line-height:1.32;letter-spacing:-.01em}
.flc-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.flc-out{flex:1;font-size:13px;color:#4A483F;font-weight:500}
.flc-pc{font-size:14.5px;font-weight:800;font-variant-numeric:tabular-nums}
.flc-b{font:650 12px/1 Inter,sans-serif;border:none;border-radius:7px;padding:9px 18px;cursor:pointer;min-width:64px;
  transition:transform .16s cubic-bezier(.2,.7,.3,1),box-shadow .16s,background .15s,color .15s}
.flc-b.y{background:#E9F8F1;color:#0B7A54}
.flc-b.n{background:#FDEDEC;color:#B42318}
.flc-b:hover{transform:translateY(-3px);box-shadow:0 6px 14px rgba(16,15,13,.13)}
.flc-b.y.on{background:#0E9F6E;color:#fff;box-shadow:0 6px 16px rgba(14,159,110,.32)}
.flc-b.n.on{background:#D2503C;color:#fff;box-shadow:0 6px 16px rgba(210,80,60,.30)}
.flc-foot{display:flex;justify-content:space-between;margin-top:12px;padding-top:11px;border-top:1px solid #F4F4F1;font-size:11.5px;color:#8A867B;font-variant-numeric:tabular-nums}
.flc-cat{text-transform:uppercase;letter-spacing:.12em;font-weight:700;font-size:9px;color:#A9A69C}
/* pure white everywhere */
html,body,.app,.main,#page,#floorpage,.content{background:#FFFFFF !important}
/* logo: old font, all black, italic only */
.sb .brand .w{font-style:italic !important;font-weight:700 !important;letter-spacing:-.02em !important;transform:none !important;color:#0F0F0D !important}
.sb .brand .w i{font-style:italic !important;color:#0F0F0D !important}

/* arena: debate button beside categories, elo readout, random card */
.arbars{display:flex;align-items:flex-end;gap:26px;flex-wrap:wrap}
.arena-air .argobtn{background:#0F0F0D;color:#fff;border:none;border-radius:10px;padding:11px 26px;font:700 13.5px/1 Inter,sans-serif;cursor:pointer;
  margin-bottom:10px;box-shadow:0 4px 10px rgba(16,15,13,.18),0 14px 30px rgba(16,15,13,.16);transition:transform .16s,box-shadow .16s,opacity .16s}
.arena-air .argobtn:hover{transform:translateY(-3px);box-shadow:0 8px 18px rgba(16,15,13,.22),0 22px 44px rgba(16,15,13,.20)}
.ar-elo{margin-top:20px;font-size:13px;color:#8A867B}
.ar-elo b{font-size:17px;font-weight:800;color:#0E9F6E;margin-right:3px}
.ar-elo em{font-style:normal;color:#A9A69C;margin-left:6px}
.aq-bonus{display:block;font-style:normal;font-size:10px;font-weight:700;opacity:.62;margin-top:5px}
.aq-ph{background:#F1F1EE;color:#8A867B;display:flex;align-items:center;justify-content:center;font:700 12px/1 Inter,sans-serif}
.aq-rand{position:relative;overflow:hidden;cursor:pointer;background:#FAFAF8}
.aq-dice{position:absolute;right:-10px;bottom:-12px;width:112px;height:112px;opacity:.5;pointer-events:none}
.aq-rnote{position:relative;font-size:12px;color:#8A867B;margin-top:8px}
.aq-elo{position:relative;margin-top:16px;font:800 14px/1 Inter,sans-serif;color:#0E9F6E}

/* room: no side rail, transcript takes the full width */
.hright{display:none !important}
.hroom,.hwrap,.hgrid{grid-template-columns:1fr !important}

/* leaderboard: single centred board */
.lbwrap{max-width:760px;margin:0 auto;padding:44px 40px 110px;text-align:center}
.lbh1{font-size:36px;font-weight:700;letter-spacing:-.03em;margin:0}
.lbfloat{margin-top:76px}
.lbtable{max-width:600px;margin:64px auto 0;text-align:left}
/* logo: plain, no italic */
.sb .brand .w{font-style:normal !important;font-weight:700 !important;letter-spacing:-.02em !important;transform:none !important;color:#0F0F0D !important}
.sb .brand .w i{font-style:normal !important;color:#0F0F0D !important}

/* ---- format toggle ---- */
.arfmt{display:flex;gap:6px;margin-bottom:10px;background:#F5F5F2;border-radius:9px;padding:3px}
.fmtb{display:flex;align-items:center;gap:7px;font:650 12.5px/1 Inter,sans-serif;color:#8A867B;background:none;border:none;
  border-radius:7px;padding:8px 13px;cursor:pointer;transition:background .15s,color .15s,box-shadow .15s}
.fmtb svg{width:15px;height:15px}
.fmtb:hover{color:#0F0F0D}
.fmtb.on{background:#fff;color:#0F0F0D;box-shadow:0 1px 2px rgba(16,15,13,.10)}
/* ---- mic ---- */
.micwrap{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.micb{position:relative;display:flex;align-items:center;gap:9px;background:#fff;border:1px solid #EDEDEA;border-radius:999px;
  padding:9px 16px;cursor:pointer;color:#4A483F;transition:border-color .15s,box-shadow .15s,background .15s}
.micb svg{width:17px;height:17px}
.micb:hover{border-color:#DCD9CF}
.micb.live{background:#0F0F0D;border-color:#0F0F0D;color:#fff;box-shadow:0 4px 14px rgba(16,15,13,.24)}
.micwave{display:none;align-items:flex-end;gap:2.5px;height:14px}
.micb.live .micwave{display:flex}
.micwave i{width:2.5px;background:#fff;border-radius:2px;animation:mw .9s ease-in-out infinite}
.micwave i:nth-child(1){height:5px;animation-delay:0s}.micwave i:nth-child(2){height:12px;animation-delay:.12s}
.micwave i:nth-child(3){height:8px;animation-delay:.24s}.micwave i:nth-child(4){height:13px;animation-delay:.36s}
@keyframes mw{0%,100%{transform:scaleY(.45)}50%{transform:scaleY(1)}}
.mic-interim{font-size:12.5px;color:#A9A69C;font-style:italic;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mic-note{font-size:11.5px;color:#B42318}

/* ---- highlight to check ---- */
#hl-tip{position:absolute;z-index:100000;transform:translate(-50%,-100%);opacity:0;pointer-events:none;
  transition:opacity .14s ease,transform .14s cubic-bezier(.2,.7,.3,1)}
#hl-tip.on{opacity:1;pointer-events:auto;transform:translate(-50%,-100%) translateY(-2px)}
#hl-tip button{display:flex;align-items:center;gap:8px;background:#0F0F0D;color:#fff;border:none;border-radius:9px;
  padding:9px 13px;font:650 12.5px/1 Inter,sans-serif;cursor:pointer;box-shadow:0 6px 18px rgba(16,15,13,.30)}
#hl-tip button:hover{background:#232320}
#hl-tip svg{width:14px;height:14px}
#hl-tip em{font-style:normal;opacity:.5;font-size:11px;border:1px solid rgba(255,255,255,.32);border-radius:4px;padding:2px 5px}
#hl-tip:after{content:"";position:absolute;left:50%;bottom:-5px;width:9px;height:9px;background:#0F0F0D;transform:translateX(-50%) rotate(45deg)}
::selection{background:#FFE27A}
.mcheck{display:flex;align-items:center;gap:9px;margin-top:10px;font-size:12px;color:#8A867B}
.mcheck .sp{width:13px;height:13px;border:2px solid #E4E1D8;border-top-color:#8A867B;border-radius:50%;animation:mspin .7s linear infinite}
@keyframes mspin{to{transform:rotate(360deg)}}
.mrule{margin-top:10px;padding:11px 13px;border-radius:10px;background:#FAFAF8;border:1px solid #EFEFEC}
.mrule .q{font-size:12.5px;color:#4A483F;font-style:italic;margin-bottom:7px}
.mrule .v{font:700 9.5px/1 Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;border-radius:5px;padding:5px 7px;display:inline-block}
.mrule .v.t{background:#E8F7F1;color:#0B7A54}.mrule .v.f{background:#FDECEC;color:#B42318}
.mrule .v.m{background:#FDF3E2;color:#8A6A12}.mrule .v.u{background:#F1F0EA;color:#6B6860}
.mrule .why{font-size:12.5px;line-height:1.55;margin-top:8px;color:#0F0F0D}
.mrule .src{font-size:11.5px;color:#8A867B;margin-top:7px}

.mrule{position:relative}
.muse{position:absolute;right:10px;bottom:10px;font:650 11px/1 Inter,sans-serif;color:#4A483F;background:#fff;
  border:1px solid #E6E6E2;border-radius:7px;padding:7px 10px;cursor:pointer;transition:border-color .15s,color .15s,transform .15s}
.muse:hover{border-color:#B8B4A8;color:#0F0F0D;transform:translateY(-2px)}

/* yellow marker, right-click only */
mark.hlm{background:#FFE9A8;color:inherit;padding:0 1px;border-radius:2px}
::selection{background:#FFE27A}
/* attached ruling card */
.attach{margin-bottom:10px}
.attach-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
.attach-k{font:700 9px/1 Inter,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#A9A69C}
.attach-x{background:none;border:none;color:#A9A69C;font-size:17px;line-height:1;cursor:pointer;padding:0 2px}
.attach-x:hover{color:#0F0F0D}
.rulecard{border:1px solid #E6E6E2;border-left:3px solid #0F0F0D;border-radius:9px;background:#FAFAF8;padding:12px 14px}
.rulecard.sent{margin-top:11px;background:#fff}
.rc-q{font-size:12.5px;color:#4A483F;font-style:italic;line-height:1.5;margin-bottom:8px}
.rc-v{font:700 9.5px/1 Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;border-radius:5px;padding:5px 7px;display:inline-block}
.rc-v.t{background:#E8F7F1;color:#0B7A54}.rc-v.f{background:#FDECEC;color:#B42318}
.rc-v.m{background:#FDF3E2;color:#8A6A12}.rc-v.u{background:#F1F0EA;color:#6B6860}
.rc-why{font-size:12.5px;line-height:1.55;margin-top:8px;color:#0F0F0D}
.rc-src{font-size:11px;color:#8A867B;margin-top:7px}

.qcard{border:1px solid #E6E6E2;border-left:3px solid #C9C5BA;border-radius:9px;background:#FCFCFB;padding:11px 12px;margin-bottom:10px;position:relative}
.qcard.sm{margin:10px 0 0;background:rgba(255,255,255,.75);border-left-color:#B8B4A8}
.qc-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}
.qc-v{font:700 9px/1 Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;border-radius:5px;padding:5px 7px}
.qc-v.t{background:#E8F7F1;color:#0B7A54}.qc-v.f{background:#FDECEC;color:#B42318}
.qc-v.m{background:#FDF3E2;color:#8A6A12}.qc-v.u{background:#F1F0EA;color:#6B6860}
.qc-tag{font:700 8.5px/1 Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#A9A69C}
.qc-x{background:none;border:none;color:#B8B4A8;font-size:16px;line-height:1;cursor:pointer;padding:0 2px}
.qc-x:hover{color:#0F0F0D}
.qc-seg{font-size:12.5px;font-style:italic;color:#4A483F;line-height:1.45}
.qc-why{font-size:12.5px;line-height:1.5;margin-top:7px;color:#0F0F0D}
.qc-src{font-size:11px;color:#8A867B;margin-top:6px}

mark.hlm{background:#FFE27A;border-radius:2px;padding:1px 0;box-decoration-break:clone;-webkit-box-decoration-break:clone}

/* ---- a ruling carried inside a sentence ---- */
.rq{border-radius:3px;padding:1px 3px;cursor:pointer;box-decoration-break:clone;-webkit-box-decoration-break:clone;
  transition:filter .14s}
.rq:hover{filter:brightness(.95)}
.rq.t{background:#C9F2DF;color:#08573C}                     /* supported */
.rq.f{background:#FBD5D0;color:#8C2018;font-style:italic}   /* not supported */
.rq.m{background:#FBE7BF;color:#6F5410;font-style:italic}   /* misleading / outdated */
.rq.u{background:#EDECE7;color:#585549;font-style:italic}
#rq-pop{position:absolute;z-index:100000;width:320px;background:#fff;border:1px solid #E4E1D8;border-radius:11px;
  padding:14px;box-shadow:0 10px 24px rgba(16,15,13,.14),0 30px 60px rgba(16,15,13,.16);
  opacity:0;pointer-events:none;transform:translateY(-4px);transition:opacity .16s,transform .16s}
#rq-pop.on{opacity:1;pointer-events:auto;transform:none}
.rq-v{display:inline-block;font:700 9px/1 Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;border-radius:5px;padding:5px 7px;margin-bottom:9px}
.rq-v.t{background:#E8F7F1;color:#0B7A54}.rq-v.f{background:#FDECEC;color:#B42318}
.rq-v.m{background:#FDF3E2;color:#8A6A12}.rq-v.u{background:#F1F0EA;color:#6B6860}
.rq-seg{font-size:12.5px;font-style:italic;color:#4A483F;line-height:1.45}
.rq-why{font-size:12.5px;line-height:1.55;margin-top:8px}
.rq-src{font-size:11.5px;color:#8A867B;margin-top:8px}
.rq-foot{font-size:10.5px;color:#B8B4A8;margin-top:10px;padding-top:9px;border-top:1px solid #F4F3EF}

/* room header: clock on top, phases between the corners */
.clockrow{position:absolute;top:14px;right:22px;z-index:20}
.clockrow .bigclock{font-variant-numeric:tabular-nums;font-size:26px;font-weight:700;letter-spacing:-.03em;color:#0F0F0D}

.corners{align-items:center}
.phases.mid{flex:0 0 auto;display:flex;align-items:center;justify-content:center;gap:10px}
.phases.mid .ph{font:700 10px/1 Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#C9C5BA;white-space:nowrap}
.phases.mid .ph.on{color:#0F0F0D}
.phases.mid .ph.done{color:#8A867B}
.phases.mid .phsep{color:#DCD9CF;font-size:10px}

/* ---- demand a straight answer ---- */
.demandbar{margin-bottom:10px;display:flex;align-items:center;gap:12px;min-height:34px}
.demandbar:empty{display:none}
.dm-btn{display:inline-flex;align-items:center;gap:9px;font:650 12.5px/1 Inter,sans-serif;color:#0F0F0D;background:#fff;
  border:1px solid #E4E1D8;border-radius:9px;padding:10px 14px;cursor:pointer;transition:border-color .15s,transform .15s}
.dm-btn:hover:not(:disabled){border-color:#B8B4A8;transform:translateY(-2px)}
.dm-btn:disabled{opacity:.42;cursor:default}
.dm-btn em{font-style:normal;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#A9A69C}
.dm-note{font-size:12px;color:#B42318}
.dm-live{display:flex;align-items:center;gap:12px;width:100%;background:#FFF8E6;border:1px solid #F0E0B4;border-radius:10px;padding:10px 13px}
.dm-k{font:700 9px/1 Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#8A6A12}
.dm-q{flex:1;font-size:12.5px;font-style:italic;color:#4A483F;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dm-clock{font:800 13px/1 Inter,sans-serif;color:#8A6A12;font-variant-numeric:tabular-nums}
.dm-ans{display:flex;gap:6px}
.dm-ans button{font:650 11.5px/1 Inter,sans-serif;border:none;border-radius:7px;padding:8px 12px;cursor:pointer;background:#0F0F0D;color:#fff}
.dm-ans button.ref{background:#F1F0EA;color:#6B6860}
.dm-ans button:hover{opacity:.9}
.sysrow{display:flex;flex-direction:column;align-items:center;gap:4px;margin:14px 0}
.sysline{font:700 10px/1 Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#A9A69C}
.sysq{font-size:11.5px;color:#8A867B;font-style:italic}

/* the room header, centred and plain */
.arena3{max-width:940px;margin:0 auto;width:100%}
.corners{display:flex;align-items:center;justify-content:center;gap:0;width:100%}
.corner{flex:1;background:none;border:none;box-shadow:none;padding:0;min-width:0;text-align:right;padding-right:26px;transition:opacity .2s}
.corner.right{text-align:left;padding-right:0;padding-left:26px}
.corner:before{display:none}
.corner.live{transform:none;box-shadow:none}
.corner:not(.live){opacity:.5}
.sidepill{display:inline-block;font:800 9px/1 Inter,sans-serif;letter-spacing:.18em;border-radius:5px;padding:5px 8px;margin-bottom:7px}
.sidepill.y{background:#E8F7F1;color:#0B7A54}
.sidepill.n{background:#FDECEC;color:#B42318}
.corner .cn{font-size:13.5px;font-weight:650}
.corner .ce{font-size:22px;font-weight:700;letter-spacing:-.04em;margin-top:1px}
.corner .ct{font-size:13px;color:#A9A69C;margin-top:4px;font-variant-numeric:tabular-nums}

/* the whole room fits the screen; only the transcript scrolls */
:root{--adrop:10px}
.arena3{display:flex;flex-direction:column;height:calc(100vh - 12px - var(--adrop));
  margin-top:var(--adrop);overflow:hidden}
.clockrow{flex:0 0 auto}
.hearingrow{flex:1;min-height:0;display:flex}
.hleft{flex:1;min-height:0;display:flex;flex-direction:column}
.floorwrap{flex:1;min-height:0;display:flex}
.floorbox{flex:1;min-height:0;display:flex;flex-direction:column}
.scroll{flex:1;min-height:0;overflow-y:auto}

/* avatars beside the corners */
.cwrap{display:flex;align-items:center;gap:14px;justify-content:flex-end}
.corner.right .cwrap{justify-content:flex-start}
.cav{width:58px;height:58px;flex:0 0 58px;border-radius:50%;overflow:hidden;display:block;
  box-shadow:0 2px 6px rgba(16,15,13,.14),0 12px 26px rgba(16,15,13,.14)}
.cav img{width:100%;height:100%;object-fit:cover;display:block}
.cmeta{min-width:0}
/* a lighter, floating chat */
.floorbox{background:none;border:none;box-shadow:none}
.msg{border:1px solid #F0EFEB !important;border-radius:14px !important;background:#fff !important;
  box-shadow:0 1px 2px rgba(16,15,13,.04),0 8px 22px rgba(16,15,13,.06) !important;
  transition:transform .18s cubic-bezier(.2,.7,.3,1),box-shadow .18s}
.msg:hover{transform:translateY(-2px);box-shadow:0 3px 6px rgba(16,15,13,.05),0 16px 34px rgba(16,15,13,.09) !important}
.msgrow{margin-bottom:12px}
.pill{background:#fff !important;border:1px solid #EDEDEA !important;border-radius:14px !important;
  box-shadow:0 1px 2px rgba(16,15,13,.04),0 10px 26px rgba(16,15,13,.07) !important}
.scroll{padding-right:6px}
/* ask a direct question */
.askbar{display:flex;align-items:center;gap:10px;margin-bottom:10px}


/* ---- ruling chips: attached to the composer, carried in the message ---- */
.pendr{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:9px}
.pendr:empty{display:none}
.rlist{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}
.rchip{display:inline-flex;align-items:center;gap:7px;font:500 11.5px/1.35 Inter,sans-serif;border-radius:8px;
  padding:7px 9px;cursor:pointer;max-width:100%;transition:filter .14s}
.rchip:hover{filter:brightness(.96)}
.rchip b{font:800 8.5px/1 Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}
.rchip i{font-style:normal;opacity:.5;font-size:14px;line-height:1;padding-left:2px}
.rchip i:hover{opacity:1}
.rchip.t{background:#DEF5EA;color:#08573C}
.rchip.f{background:#FBD9D4;color:#8C2018}
.rchip.m{background:#FBEBCB;color:#6F5410}
.rchip.u{background:#EFEEE9;color:#585549}

/* the referee, presiding above the room */
.ref{position:static !important;display:flex;align-items:center;justify-content:center;gap:9px;margin:0 0 12px}
.refav{background:none !important;border:none !important;box-shadow:none !important;padding:0 !important;width:auto !important;height:auto !important}
.refmark{width:34px;height:34px;display:block}
.refk{font:700 9px/1 Inter,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#8A867B}
.refs{font-size:11px;color:#B8B4A8}
/* no stray rules across the transcript */
.floorbox,.floorwrap,.scroll{border-top:none !important;border-bottom:none !important}
.qline{border-bottom:none !important}
.box3{border-top:none !important;padding:2px 14px 8px !important}
/* a message put as a direct question */
.msg.dq{}
.dqk{font:700 8.5px/1 Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#8A867B;margin-bottom:7px}

/* the question sits dead centre of the page: the referee is lifted out of the flow */
.floorwrap{position:relative;padding:0 64px}
.ref{position:absolute !important;left:0;top:50%;transform:translateY(-50%);
  width:64px;margin:0 !important;flex-direction:column;gap:5px !important}
.refav{position:relative;display:block}
.refav::after{content:'';position:absolute;left:50%;top:20px;width:26px;height:8px;
  transform:translateX(-50%);border-radius:50%;background:rgba(16,15,13,.20);
  filter:blur(4px);transition:opacity .18s,transform .18s;pointer-events:none}
.refmark{position:relative;width:22px;height:22px;border-radius:6px;
  filter:drop-shadow(0 5px 10px rgba(196,98,60,.42)) drop-shadow(0 12px 22px rgba(196,98,60,.26))
         drop-shadow(0 1px 2px rgba(16,15,13,.18));
  transition:transform .18s,filter .18s}
.refav:hover .refmark{transform:translateY(-3px);
  filter:drop-shadow(0 8px 14px rgba(196,98,60,.46)) drop-shadow(0 18px 30px rgba(196,98,60,.28))
         drop-shadow(0 1px 2px rgba(16,15,13,.20))}
.refav:hover::after{transform:translateX(-50%) scaleX(1.25);opacity:.55}
.refk{font-size:8.5px;letter-spacing:.18em}
.refs{font-size:10px}
.refav{cursor:pointer}


/* ---- the end screen ---- */
.vres{max-width:720px;margin:0 auto;padding:24px 0 80px}
.vq{text-align:center;font-size:34px;line-height:1.18;letter-spacing:-.035em;font-weight:600;
  max-width:16ch;margin:0 auto}
.vhead{margin-top:64px;display:grid;grid-template-columns:1fr auto 1fr;align-items:start;gap:26px}
.vside{min-width:0}
.vwho{display:flex;align-items:center;gap:16px}
.vside.r .vwho{flex-direction:row-reverse}
.vavwrap{position:relative;flex:0 0 62px;width:62px;height:62px;display:block}
.vavwrap::after{content:'';position:absolute;left:50%;bottom:-13px;width:52px;height:14px;
  transform:translateX(-50%);border-radius:50%;background:rgba(16,15,13,.28);filter:blur(8px);
  transition:width .6s ease,height .6s ease,opacity .6s ease,filter .6s ease}
.vav{width:62px;height:62px;border-radius:50%;overflow:hidden;display:block;
  filter:grayscale(1) drop-shadow(0 3px 5px rgba(16,15,13,.16)) drop-shadow(0 9px 16px rgba(16,15,13,.20)) drop-shadow(0 20px 34px rgba(16,15,13,.16));
  opacity:.55;transition:filter .6s ease,opacity .6s ease,transform .6s cubic-bezier(.22,.8,.3,1)}
.vav img{width:100%;height:100%;object-fit:cover;display:block}
.vside.won .vav{opacity:1;transform:translateY(-9px);
  filter:drop-shadow(0 3px 6px rgba(16,15,13,.20)) drop-shadow(0 14px 24px rgba(16,15,13,.26)) drop-shadow(0 30px 50px rgba(16,15,13,.20))}
.vside.won .vavwrap::after{width:64px;height:16px;opacity:.55;filter:blur(11px)}
.vmeta{min-width:0}
.vside.r .vmeta{text-align:right}
.vpill{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.1em}
.vpill.yes{color:#0E9F6E} .vpill.no{color:#C4462F}
.vnmx{margin-top:7px;font-size:14.5px;font-weight:600;letter-spacing:-.015em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vel{font-size:12.5px;color:#A9A69C;font-variant-numeric:tabular-nums}
.vsc{margin-top:30px;font-size:82px;line-height:.88;letter-spacing:-.055em;font-weight:600;
  font-variant-numeric:tabular-nums;color:#D4D1C9;text-shadow:0 2px 5px rgba(16,15,13,.05);
  transition:color .55s ease,text-shadow .55s ease,transform .55s cubic-bezier(.22,.8,.3,1)}
.vside.r .vsc{text-align:right}
.vside.won .vsc{color:#0F0F0D;transform:translateY(-4px);
  text-shadow:0 10px 22px rgba(16,15,13,.16),0 2px 4px rgba(16,15,13,.08)}
.vvs{padding-top:24px;font-size:11px;color:#D9D6CE;letter-spacing:.06em}

.vstats{margin-top:104px;opacity:0;transition:opacity .4s ease}
.vres.vin .vstats{opacity:1}
.vres svg{display:block;overflow:visible;width:100%}
.vdecomp{height:auto} .vax{stroke:#ECEBE6;stroke-width:1}
.vlab{font-size:10px;fill:#A9A69C;font-family:inherit}
.vhd{font-size:10px;fill:#A9A69C;font-family:inherit;font-weight:600;letter-spacing:.08em}
.vhd.you{fill:#6E6A62}
.vnm{font-size:15px;fill:#0F0F0D;font-family:inherit;font-weight:600;letter-spacing:-.02em}
.vwt{font-size:11px;fill:#C6C3BB;font-family:inherit}
.vvl{font-size:17px;fill:#0F0F0D;font-family:inherit;font-weight:600;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.vct{font-size:12px;fill:#6E6A62;font-family:inherit}
.vsh{filter:drop-shadow(0 3px 5px rgba(16,15,13,.12)) drop-shadow(0 9px 16px rgba(16,15,13,.10))}
.vgrow{transform-box:fill-box;transform-origin:left center;transform:scaleX(0);transition:transform .9s cubic-bezier(.22,.8,.3,1)}
.vgrow.rt{transform-origin:right center}
.vres.vin .vgrow{transform:none}
.vcell{opacity:0;transform:translateY(5px);transition:opacity .35s ease,transform .45s cubic-bezier(.22,.8,.3,1)}
.vres.vin .vcell{opacity:1;transform:none}
 @media (max-width:720px){ .vq{font-size:24px} .vsc{font-size:46px;margin-top:20px} .vavwrap,.vav{width:44px;height:44px} .vavwrap{flex:0 0 44px} }

/* ---- motion ---- */
#tr{scroll-behavior:smooth}
.msg{will-change:transform,opacity}
.msg.msgin{animation:msgin .55s cubic-bezier(.22,.8,.3,1) both}
@keyframes msgin{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}
.phases span,.phases b,.phases i{transition:color .45s ease,opacity .45s ease}
.corner,.cwrap{transition:opacity .5s ease}
.floorbox .qline{transition:opacity .4s ease}
.box3 textarea{transition:box-shadow .25s ease,border-color .25s ease}
.res,.vres{animation:screenin .5s cubic-bezier(.22,.8,.3,1) both}
@keyframes screenin{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){ .msg.msgin,.res,.vres{animation:none} #tr{scroll-behavior:auto} }


/* ---- the bowl: the crowd around the arena ---- */
#roomtint{position:fixed;inset:0;z-index:60;pointer-events:none}
#roomtint canvas{position:absolute;inset:0;display:block}


/* the sidebar folds away once a fight is on */
body.inroom .sb{width:0 !important;flex:0 0 0 !important;opacity:0;pointer-events:none;
  overflow:hidden;transition:width .45s cubic-bezier(.22,.8,.3,1),flex-basis .45s cubic-bezier(.22,.8,.3,1),opacity .3s ease}
.sb{transition:width .45s cubic-bezier(.22,.8,.3,1),flex-basis .45s cubic-bezier(.22,.8,.3,1),opacity .3s ease}

:root{--sbw:228px}

/* the verdict sits on the centre of the screen, not the centre of the
   column the sidebar leaves behind */
.vres{margin-left:auto;margin-right:auto;position:relative;
  left:calc(-1 * var(--sbw,228px) / 2)}
@media(max-width:900px){ .vres{left:0} }

/* the clock sits in the middle, above the phase strip */
.midstack{display:flex;flex-direction:column;align-items:center;gap:8px}
.clockrow{position:static !important;top:auto !important;right:auto !important}
.clockrow .bigclock{font-size:30px}

/* nothing scrolls behind the fight */
body.inroom{overflow:hidden}
body.inroom #page,body.inroom .content,body.inroom .main{overflow:hidden}

/* no rule above the status line */
.closed{border-top:none !important;color:#C6C3BB !important;letter-spacing:-.01em}

#dm-dark,#dm-tix,#dm-bell,#dm-notes,.exportbtn,#dropnote{display:none !important}

/* the header pulls up, the transcript gets the room */
.hearingrow{margin-top:2px !important}
.midstack{gap:5px}
.clockrow .bigclock{font-size:26px}
.cav{width:50px;height:50px;flex:0 0 50px}
.floorbox .qline{font-size:20px;padding:8px 18px 10px}
.vsrc{margin-top:26px;font-size:11.5px;line-height:1.6;color:#A9A69C}
.vsrc.warn{color:#C4462F}

/* ---- the key panel ---- */
#keypanel{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;
  background:rgba(16,15,13,.30);backdrop-filter:blur(3px)}
.kp-card{width:min(520px,calc(100vw - 40px));background:#fff;border-radius:14px;padding:26px 28px 20px;
  box-shadow:0 2px 6px rgba(16,15,13,.10),0 30px 70px rgba(16,15,13,.26);
  animation:kpin .35s cubic-bezier(.22,.8,.3,1) both}
@keyframes kpin{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}
.kp-h{font-size:18px;font-weight:600;letter-spacing:-.025em;color:#0F0F0D}
.kp-p{margin:8px 0 18px;font-size:13px;line-height:1.55;color:#6E6A62}
.kp-p b{font-weight:600;color:#0F0F0D}
.kp-row{display:flex;gap:8px}
.kp-row select,.kp-row input{font:inherit;font-size:13px;padding:10px 12px;border-radius:9px;
  border:1px solid #E6E5E0;background:#fff;color:#0F0F0D;outline:none}
.kp-row input{flex:1;min-width:0;font-family:ui-monospace,Menlo,monospace;font-size:12px}
.kp-row input:focus{border-color:#0F0F0D}
.kp-row button{font:inherit;font-size:13px;font-weight:600;padding:10px 18px;border-radius:9px;
  border:none;background:#0F0F0D;color:#fff;cursor:pointer}
.kp-e{margin:10px 0 0;font-size:12px;color:#C4462F;min-height:16px}
.kp-x{display:block;margin:2px auto 0;background:none;border:none;font:inherit;font-size:12px;
  color:#A9A69C;cursor:pointer}
.kp-x:hover{color:#6E6A62}
#keytab{position:fixed;left:14px;bottom:12px;z-index:120;background:none;border:none;
  font:500 11px/1 Inter,sans-serif;color:#C6C3BB;cursor:pointer;padding:6px 8px}
#keytab:hover{color:#6E6A62}
#keytab.bad{color:#C4462F}
body.inroom #keytab{display:none}
.kp-e.good{color:#0E9F6E}
.kp-e.wait{color:#A9A69C}
.kp-row #kp-test{background:#fff;color:#0F0F0D;border:1px solid #E6E5E0}
.kp-row #kp-model{flex:1 1 100%;margin-top:8px;font-family:ui-monospace,Menlo,monospace;font-size:12px}
.kp-row{flex-wrap:wrap}

/* ---- the test panel ---- */
#testpanel{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;
  background:rgba(16,15,13,.30);backdrop-filter:blur(3px)}
.tp-card{width:min(880px,calc(100vw - 40px));max-height:84vh;overflow:auto;background:#fff;
  border-radius:14px;padding:24px 26px 18px;
  box-shadow:0 2px 6px rgba(16,15,13,.10),0 30px 70px rgba(16,15,13,.26)}
.tp-h{display:flex;justify-content:space-between;align-items:baseline;
  font-size:18px;font-weight:600;letter-spacing:-.025em}
.tp-x{background:none;border:none;font:inherit;font-size:12px;color:#A9A69C;cursor:pointer}
.tp-p{margin:8px 0 16px;font-size:12.5px;line-height:1.55;color:#6E6A62;max-width:64ch}
.tp-row{display:grid;grid-template-columns:150px 1fr 88px 190px;gap:12px;align-items:baseline;
  padding:9px 0;border-top:1px solid #F1F0EC;font-size:12.5px}
.tp-n{font-weight:600;letter-spacing:-.01em}
.tp-w{color:#A9A69C}
.tp-e{color:#6E6A62;font-size:11.5px}
.tp-g{font-family:ui-monospace,Menlo,monospace;font-size:11.5px;color:#6E6A62}
.tp-row.ok .tp-g{color:#0E9F6E} .tp-row.bad .tp-g{color:#C4462F}
.tp-row.ok .tp-n:before{content:'\2713  ';color:#0E9F6E}
.tp-row.bad .tp-n:before{content:'\2715  ';color:#C4462F}
.tp-foot{display:flex;align-items:center;gap:14px;margin-top:16px}
.tp-foot button{font:inherit;font-size:13px;font-weight:600;padding:9px 18px;border-radius:9px;
  border:none;background:#0F0F0D;color:#fff;cursor:pointer}
.tp-foot button:disabled{opacity:.5}
.tp-foot span{font-size:12px;color:#6E6A62}
#testtab{position:fixed;left:96px;bottom:12px;z-index:120;background:none;border:none;
  font:500 11px/1 Inter,sans-serif;color:#C6C3BB;cursor:pointer;padding:6px 8px}
#testtab:hover{color:#6E6A62}
body.inroom #testtab{display:none}

.tp-row.gap .tp-g{color:#C98A2E}
.tp-row.gap .tp-n:before{content:'?  ';color:#C98A2E}
.tp-row.part .tp-g{color:#C98A2E}
.tp-row.part .tp-n:before{content:'~  ';color:#C98A2E}
.tp-foot label{font-size:12px;color:#6E6A62;display:flex;align-items:center;gap:5px}
.tp-foot select{font:inherit;font-size:12px;padding:5px 7px;border-radius:7px;border:1px solid #E6E5E0;background:#fff}
.tp-row{grid-template-columns:150px 1fr 88px 250px}

/* ---- profile ---- */
.pfempty{font-size:13px;color:#A9A69C;line-height:1.6;margin:4px 0 0}
.pfgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0 4px}
@media(max-width:720px){.pfgrid{grid-template-columns:repeat(2,1fr)}}
.pfcell{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 14px}
.pfcell b{display:block;font-size:20px;font-weight:650;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.pfcell span{display:block;font-size:11px;color:#A9A69C;margin-top:2px}
.pfforms{display:flex;gap:5px;align-items:center}
.pfform{width:12px;height:12px;border-radius:3px;display:inline-block;background:#E8E5DC}
.pfform.w{background:#0E9F6E} .pfform.l{background:#C4462F} .pfform.d{background:#D8D5CC}
.pfcat{display:flex;align-items:center;gap:12px;padding:7px 0;border-top:1px solid var(--line)}
.pfcat:first-of-type{border-top:none}
.pfcn{flex:0 0 110px;font-size:12.5px}
.pfbar{flex:1;height:6px;border-radius:99px;background:#F1F0EA;overflow:hidden}
.pfbar i{display:block;height:100%;background:#0E9F6E;border-radius:99px}
.pfcv{font-size:12px;color:#8E8B82;font-variant-numeric:tabular-nums}
.pfadd2{display:flex;gap:8px;margin:2px 0 14px}
.pfadd2 input{flex:1;font:inherit;font-size:13px;padding:9px 12px;border-radius:9px;
  border:1px solid var(--line);background:#fff;outline:none}
.pfadd2 input:focus{border-color:var(--ink)}
.pfadd2 button{font:inherit;font-size:12.5px;font-weight:600;padding:9px 16px;border-radius:9px;
  border:none;background:var(--ink);color:#fff;cursor:pointer}
.pffb.solid{background:var(--ink);color:#fff;border-color:var(--ink)}
.pfhd{font-size:11.5px;color:#C6C3BB;margin-left:auto;padding-right:14px;white-space:nowrap}
/* challenge */
#chwrap{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;
  background:rgba(16,15,13,.30);backdrop-filter:blur(3px)}
.chcard{width:min(520px,calc(100vw - 40px));background:#fff;border-radius:14px;padding:24px 26px 18px;
  box-shadow:0 2px 6px rgba(16,15,13,.10),0 30px 70px rgba(16,15,13,.26)}
.chh{font-size:18px;font-weight:600;letter-spacing:-.025em}
.chp{margin:7px 0 16px;font-size:12.5px;color:#6E6A62}
.chqs{display:flex;flex-direction:column;gap:8px}
.chq{text-align:left;font:inherit;font-size:13.5px;padding:12px 14px;border-radius:10px;
  border:1px solid var(--line);background:#fff;cursor:pointer;line-height:1.4}
.chq:hover{border-color:var(--ink)}
.chx{display:block;margin:14px auto 0;background:none;border:none;font:inherit;font-size:12px;
  color:#A9A69C;cursor:pointer}

/* ===================================================================
   THE TOP RIGHT
   Rating, notifications, and the judge — everything that is not the fight.
   =================================================================== */
#topright{position:fixed;top:14px;right:18px;z-index:130;display:flex;align-items:center;gap:8px}
body.inroom #topright{display:none}
.tr-btn{font:500 11px/1 Inter,sans-serif;letter-spacing:-.01em;padding:7px 11px;border-radius:8px;
  border:1px solid var(--line);background:rgba(255,255,255,.9);backdrop-filter:blur(8px);
  color:#8E8B82;cursor:pointer;transition:color .2s,border-color .2s}
.tr-btn:hover{color:var(--ink);border-color:#D6D2C6}
.tr-btn.bad{color:#A9A69C;border-color:var(--line)}
.tr-bell.has 
/* ---- the bell panel ---- */
#bellpanel{position:fixed;top:52px;right:18px;z-index:140}
.bp-card{width:320px;background:#fff;border:1px solid var(--line);border-radius:13px;
  padding:14px 15px 12px;box-shadow:0 2px 6px rgba(16,15,13,.10),0 24px 56px rgba(16,15,13,.20);
  animation:bpin .28s cubic-bezier(.22,.8,.3,1) both}
@keyframes bpin{from{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:none}}
.bp-h{font:700 8.5px/1 Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase;
  color:#C9C5BA;margin-bottom:10px}
.bp-row{display:flex;align-items:center;gap:9px;padding:7px 0;border-top:1px solid var(--line)}
.bp-row:first-of-type{border-top:none}
.bp-av{width:28px;height:28px;flex:0 0 28px;border-radius:50%;overflow:hidden;display:block}
.bp-av img{width:100%;height:100%;object-fit:cover;display:block}
.bp-n{flex:1;min-width:0;font-size:12.5px;font-weight:600;letter-spacing:-.015em;line-height:1.3}
.bp-n em{display:block;font-style:normal;font-weight:400;font-size:11px;color:#A9A69C;margin-top:1px;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bp-y,.bp-n2{font:inherit;font-size:11px;font-weight:600;padding:5px 9px;border-radius:7px;cursor:pointer}
.bp-y{border:none;background:var(--ink);color:#fff}
.bp-n2{border:1px solid var(--line);background:#fff;color:#8E8B82}
.bp-e{font-size:12px;color:#C6C3BB;margin:2px 0 4px}
.bp-row.q .bp-n{font-weight:500}
.bp-d{font-size:12.5px;font-weight:600;font-variant-numeric:tabular-nums}
.bp-d.pos{color:#0E9F6E} .bp-d.neg{color:#C4462F} .bp-d.tie{color:#A9A69C}

/* ===================================================================
   THE RING
   The rank is the ring around the photo. Nothing else.
   =================================================================== */
.pring{display:inline-block;width:40px;height:40px;border-radius:50%;padding:2.5px;
  background:#C9C5BA;box-shadow:0 1px 2px rgba(16,15,13,.10),0 6px 14px rgba(16,15,13,.12);
  flex:0 0 40px}
.pring .pav{display:block;width:100%;height:100%;border-radius:50%;overflow:hidden;
  border:2px solid #fff;background:#EDEBE4}
.pring .pav img{width:100%;height:100%;object-fit:cover;display:block}
.pring.big{width:76px;height:76px;flex:0 0 76px;padding:3.5px}
.pring.big .pav{border-width:3px}
.pring.sm{width:36px;height:36px;flex:0 0 36px;padding:2px}
.pring.sm .pav{border-width:2px}
/* the metals, bottom of the ladder to the top */
.r-steel{background:linear-gradient(140deg,#A7ADB2,#D1D5D8 45%,#8E959B)}
.r-bronze{background:linear-gradient(140deg,#8C5A32,#C99A63 45%,#7E4E2A)}
.r-blue{background:linear-gradient(140deg,#1D4A75,#3E7BB5 45%,#173A5C)}
.r-purple{background:linear-gradient(140deg,#4A2A6B,#8656B4 45%,#3A1F55)}
.r-crimson{background:linear-gradient(140deg,#6E1620,#B72D3A 45%,#5A1118)}
.r-gold{background:linear-gradient(140deg,#9A7420,#EDD06C 45%,#A57F1E)}
.r-black{background:linear-gradient(140deg,#0C0C0C,#3A3A3A 45%,#080808)}

/* ---- the bottom-left corner: a photo and a name ---- */
.prof{display:flex !important;align-items:center;gap:11px;padding:14px 14px 16px !important;
  margin:0 -14px !important;border-top:1px solid var(--line);cursor:pointer;
  transition:background .12s}
.prof:hover{background:#F7F6F2 !important}
.pnm{font-size:13.5px;font-weight:600;letter-spacing:-.02em}

/* ---- the top-left corner: the bell, then the rating ---- */
.tl-bell.has 
/* ---- stats ---- */
.pfcrit{display:flex;align-items:center;gap:12px;padding:8px 0;border-top:1px solid var(--line)}
.pfcrit:first-of-type{border-top:none}
.pfdual{flex:1;height:14px;border-radius:99px;background:#F1F0EA;overflow:hidden;position:relative}
.pfdual i{position:absolute;left:0;height:6px;border-radius:99px}
.pfdual i.you{top:0;background:#0E9F6E}
.pfdual i.them{bottom:0;background:#D4D1C9}
.pfcv{font-size:12px;color:#8E8B82;font-variant-numeric:tabular-nums;min-width:64px;text-align:right}
.pfcv b{color:var(--ink)}

/* ---- history: fight cards on a timeline ---- */
.tl{position:relative;padding-left:22px}
.tl:before{content:'';position:absolute;left:5px;top:6px;bottom:6px;width:1px;background:var(--line)}
.tlday{margin-bottom:22px}
.tld{position:relative;font:700 9px/1 Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase;
  color:#A9A69C;margin:0 0 10px}
.tld i{position:absolute;left:-21px;top:-1px;width:11px;height:11px;border-radius:50%;background:#fff;
  border:2px solid #C9C5BA}
.tlcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
.fc{background:#fff;border:1px solid var(--line);border-radius:14px;padding:13px 14px 12px;
  box-shadow:var(--sh);transition:transform .2s cubic-bezier(.22,.8,.3,1),box-shadow .2s}
.fc:hover{transform:translateY(-2px);box-shadow:var(--sh-h)}
.fc.w{border-left:3px solid #0E9F6E} .fc.l{border-left:3px solid #C4462F} .fc.d{border-left:3px solid #D4D1C9}
.fchead{display:flex;align-items:flex-start;gap:10px}
.fcav{width:40px;height:40px;flex:0 0 40px;border-radius:9px;overflow:hidden;display:block;background:#EDEBE4}
.fcav img{width:100%;height:100%;object-fit:cover;display:block}
.fcq{flex:1;min-width:0;font-size:13.5px;font-weight:600;letter-spacing:-.015em;line-height:1.3}
.fcq em{display:block;font-style:normal;font-weight:400;font-size:11px;color:#A9A69C;margin-top:3px}
.fcd{font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.fcd.pos{color:#0E9F6E} .fcd.neg{color:#C4462F} .fcd.tie{color:#A9A69C}
.fcsc{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center;margin-top:12px}
.fcs{border-radius:10px;padding:8px 10px;text-align:center;background:#F6F5F2;color:#8E8B82}
.fcs b{display:block;font-size:19px;font-weight:700;letter-spacing:-.04em;font-variant-numeric:tabular-nums;line-height:1}
.fcs i{display:block;font-style:normal;font-size:10px;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fcs.you.win{background:#E7F1EA;color:#2C6E49}
.fcs.them.win{background:#F6E7E4;color:#B23A2F}
.fcby{font-size:11px;color:#A9A69C;white-space:nowrap;text-align:center}
.fcnote{margin-top:9px;font-size:10.5px;color:#C4462F}

/* ---- social ---- */
.frgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.frc{display:flex;align-items:center;gap:11px;background:#fff;border:1px solid var(--line);
  border-radius:14px;padding:12px 13px;box-shadow:var(--sh)}
.frc.req{background:#FBFAF6}
.frn{flex:1;min-width:0;font-size:13.5px;font-weight:600;letter-spacing:-.015em}
.frn em{display:block;font-style:normal;font-weight:400;font-size:11px;color:#A9A69C;margin-top:2px;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.frb{display:flex;gap:6px}
.pffb.ghost{background:#fff;color:#A9A69C;border:1px solid var(--line);padding:6px 9px}
.pffb.ghost:hover{color:#C4462F;border-color:#F0D9D4}
#floorpage{display:none !important}
#topleft{display:flex;align-items:center;gap:10px}
.tl-bell{position:relative;width:22px;height:22px;display:flex;align-items:center;justify-content:center;
  border:none;background:none;padding:0;color:#CFCBC1;cursor:pointer;transition:color .2s ease}
.tl-bell svg{width:16px;height:16px;display:block}
.tl-bell:hover,.tl-bell.has{color:#8E8B82}
.tldot{position:absolute;top:-1px;right:-1px;width:7px;height:7px;border-radius:50%;
  background:#C4462F;display:none;font-size:0;box-shadow:0 0 0 2px #fff}
.tl-bell.has .tldot{display:block}
.tl-elo{font:600 12px/1 Inter,sans-serif;letter-spacing:-.01em;font-variant-numeric:tabular-nums;
  padding:6px 13px;border-radius:999px;background:#fff;color:var(--ink);cursor:pointer;
  border:1px solid var(--ink);transition:background .18s ease,color .18s ease}
.tl-elo:hover{background:var(--ink);color:#fff}

/* ===================================================================
   THE FLOOR — everything it adds, in the language already on the page
   =================================================================== */
.flmv.c-claim{color:var(--ink)} .flmv.c-answer{color:var(--yes)} .flmv.c-question{color:#C98A2E}
.flmv:hover{opacity:.85}
.flmv.on{opacity:1;background:#F1F0EA;transform:scale(1.06)}
.flmv.c-answer.on{background:#E7F1EA} .flmv.c-question.on{background:#F6EFDC}
.flmv:disabled{opacity:.14;cursor:default;background:transparent;transform:none}
.box3 .pill{display:flex;align-items:center}
.flcc{position:absolute;right:52px;bottom:9px;font:500 10.5px/1 Inter,sans-serif;color:#C6C3BB;
  font-variant-numeric:tabular-nums;pointer-events:none}
.box3 .pill{position:relative}
#flfoot{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 4px 0;
  font:500 11.5px/1 Inter,sans-serif;color:#A9A69C;font-variant-numeric:tabular-nums}
#flfoot b{color:var(--ink);font-weight:700}
#flfoot i{font-style:normal;color:#8E8B82}
#flfoot .fldot{color:#DCD9CF}
.fllink{margin:0 0 8px 2px;display:flex;flex-direction:column;gap:5px}
.flq{position:relative;border-left:2px solid var(--g2);padding:3px 26px 3px 10px;font-size:12px;color:var(--mute2);line-height:1.45}
.flq b{display:block;font:700 8.5px/1 Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#C9C5BA;margin-bottom:3px}
.flq button{position:absolute;right:4px;top:2px;background:none;border:none;font:inherit;color:#A9A69C;cursor:pointer}
.msg .clip{border-left:2px solid var(--g2);padding:1px 0 1px 10px;margin:0 0 8px;font-size:12.5px;color:var(--mute);font-style:italic}
.msg .clip b{display:block;font:700 8.5px/1 Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#C9C5BA;font-style:normal;margin-bottom:2px}
.flact{position:absolute;right:8px;top:8px;display:flex;gap:2px;opacity:0;transition:opacity .15s ease}
.msg{position:relative}
.msg:hover .flact{opacity:1}
.flact button{width:26px;height:26px;border-radius:50%;border:none;background:#fff;cursor:pointer;
  display:flex;align-items:center;justify-content:center;padding:0;
  box-shadow:0 1px 2px rgba(16,15,13,.12),0 4px 10px rgba(16,15,13,.12)}
.flact button svg{width:13px;height:13px;display:block}
.flact .c-reply{color:var(--ink)} .flact .c-concede{color:#8E8B82}
.flact button:hover{transform:scale(1.08)}
.msg[data-conceded] .flact{display:none}
.dqk.rev{color:var(--yes)}
.msg[data-rev]{box-shadow:0 0 0 1.5px var(--yes),var(--sh)}
.sysrow .sysline{font-size:11.5px}
/* the result screen additions */
.vmargin{text-align:center;font-size:15px;font-weight:600;letter-spacing:-.015em;margin:0 0 6px}
.vmargin.close{color:#8E8B82}
.vdecisive{text-align:center;font-size:13.5px;color:var(--mute2);line-height:1.55;max-width:56ch;margin:0 auto 18px}
.vcomp{max-width:360px;margin:0 auto 28px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:6px 16px;box-shadow:var(--sh)}
.vcrow{display:flex;justify-content:space-between;padding:9px 0;border-top:1px solid var(--line);font-size:13px;color:var(--mute2)}
.vcrow:first-child{border-top:none}
.vcrow b{color:var(--ink);font-variant-numeric:tabular-nums}
.vres .resbtns{display:flex;gap:10px;justify-content:center;margin-top:26px}
.floorbox .closed{font-size:12px}
#flwarn{padding:6px 4px 0;font:500 11.5px/1.4 Inter,sans-serif;color:#8E8B82;
  opacity:0;max-height:0;overflow:hidden;transition:opacity .2s ease,max-height .2s ease}
#flwarn.show{opacity:1;max-height:30px}
to{opacity:1;transform:none}}
.flfreeze.stalled /* staking a claim */
.flmv.c-mark{color:#C98A2E}
.flmv.c-mark.on{background:#F6EFDC;opacity:1}
.msg[data-marked]{box-shadow:inset 3px 0 0 #C98A2E,var(--sh)}
.dqk.marked{color:#C98A2E}
#flfoot i b{color:#C98A2E}
/* the moment */
.vmoment{max-width:520px;margin:0 auto 28px;text-align:left}
.vmk{font:700 8.5px/1 Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#C9C5BA;
  text-align:center;margin-bottom:12px}
.vmsg{background:#fff;border:1px solid var(--line);border-radius:12px;padding:11px 14px;margin-bottom:8px;
  font-size:13px;line-height:1.55;box-shadow:var(--sh)}
.vmsg b{display:block;font:700 8.5px/1 Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;
  color:#C9C5BA;margin-bottom:5px}
.vmsg.them{margin-right:32px}
.vmsg.you{margin-left:32px}
.vmwhy{text-align:center;font-size:11.5px;color:#A9A69C;margin-top:10px}
/* putting a statement */
.flmv.c-put{color:#2F5D8C}
.flmv.c-put.on{background:#E6EEF6;opacity:1}
.fzact{display:flex;gap:7px;margin-top:11px;align-items:center;flex-wrap:wrap}
.fzact button{font:inherit;font-size:12.5px;font-weight:600;padding:8px 15px;border-radius:9px;cursor:pointer;border:none}
.fzy{background:var(--ink);color:#fff}
.fzn{background:#fff;color:#8E8B82;border:1px solid var(--line)}
/* the shared record */
/* the record, on a rail over the stands */
#flrail{position:fixed;right:18px;top:92px;width:214px;z-index:60;pointer-events:none;
  animation:rrin .45s cubic-bezier(.22,.8,.3,1) both}
@keyframes rrin{from{opacity:0;transform:translateX(8px)}to{opacity:1;transform:none}}
.rk{font:700 8.5px/1 Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#C9C5BA;margin:0 0 9px 2px}
.rr{background:rgba(255,255,255,.88);backdrop-filter:blur(6px);border:1px solid var(--line);
  border-radius:11px;padding:9px 11px;margin-bottom:7px;font-size:11.5px;line-height:1.45;
  color:var(--mute2);box-shadow:0 1px 2px rgba(16,15,13,.05),0 6px 16px rgba(16,15,13,.06)}
.rr b{display:block;font:700 8px/1 Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;
  color:#8E8B82;margin-bottom:4px}
.rr em{display:block;font-style:normal;font-size:10.5px;color:#A9A69C;margin-top:3px}
.rr.no{color:#A9A69C} .rr.no b{color:#C9C5BA}
@media(max-width:1180px){#flrail{display:none}}

/* the floor, stopped — in the middle of the room */
#flfreeze{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:120;
  width:min(440px,calc(100vw - 48px));background:#fff;border:1px solid var(--line);border-radius:16px;
  padding:20px 22px 18px;text-align:center;
  box-shadow:0 3px 10px rgba(16,15,13,.10),0 30px 70px rgba(16,15,13,.22);
  animation:fzin .38s cubic-bezier(.22,.8,.3,1) both}
@keyframes fzin{from{opacity:0;transform:translate(-50%,-46%) scale(.97)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
.fzk{font:700 8.5px/1 Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#C9C5BA}
.fzq{margin-top:11px;font-size:17px;font-weight:600;letter-spacing:-.022em;line-height:1.4}
.fzm{margin-top:14px;font-size:11.5px;color:#A9A69C;display:flex;justify-content:center;
  align-items:baseline;gap:9px}
.fzm b{font-variant-numeric:tabular-nums;font-weight:700;color:#8E8B82}
.flfreeze.stalled .fzm b{color:#C98A2E}
.fzact{display:flex;gap:8px;margin-top:16px;align-items:center;flex-wrap:wrap;justify-content:center}
.fzact.yn{gap:9px}
.fzact button{font:inherit;font-size:13px;font-weight:600;padding:10px 24px;border-radius:10px;
  cursor:pointer;border:none;transition:transform .12s ease}
.fzact button:hover{transform:translateY(-1px)}
.fzy{background:var(--ink);color:#fff}
.fzy.alt{background:#fff;color:var(--ink);border:1px solid var(--ink)}
.fzn{background:#fff;color:#8E8B82;border:1px solid var(--line)}
.fzhint{flex:1 0 100%;font-size:11px;color:#C9C5BA;margin-top:2px}

/* the pull, on the left */
#flpull{position:fixed;left:18px;top:96px;width:216px;z-index:60;
  animation:rrin .45s cubic-bezier(.22,.8,.3,1) both}
.pux{position:relative;height:6px;border-radius:99px;background:#F1F0EA;margin:2px 0 13px}
.pufill{position:absolute;top:0;height:6px;border-radius:99px;opacity:.22;
  transition:left .7s cubic-bezier(.22,.8,.3,1),width .7s cubic-bezier(.22,.8,.3,1)}
.pupin{position:absolute;top:50%;width:11px;height:11px;border-radius:50%;margin-left:-5.5px;
  transform:translateY(-50%);box-shadow:0 0 0 2.5px #fff,0 1px 3px rgba(16,15,13,.22);
  transition:left .7s cubic-bezier(.22,.8,.3,1)}
.punum{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.punum b{font-size:15px;font-weight:700;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
@media(max-width:1180px){#flpull{display:none}}

/* more room for the messages */
#tr{padding-bottom:6px}
/* haggling over a term */
.fzact.terms{flex-direction:column;align-items:stretch;gap:10px}
.fzact textarea{width:100%;font:inherit;font-size:13.5px;line-height:1.45;padding:11px 13px;
  border-radius:11px;border:1px solid var(--line);background:#FBFAF8;outline:none;resize:none;
  color:var(--ink)}
.fzact textarea:focus{border-color:var(--ink);background:#fff}
.fzbtns{display:flex;gap:7px;justify-content:center;flex-wrap:wrap}
.fzbtns button{padding:9px 16px;font-size:12.5px}
/* the rail, no boxes */
.pux{position:relative;height:6px;border-radius:99px;background:#EDEBE4;margin:2px 0 13px}
#flrail .rr{background:transparent;border:none;box-shadow:none;padding:7px 2px;
  border-top:1px solid #EDEBE4;border-radius:0;margin:0}
#flrail .rr:first-of-type{border-top:none}
#flrail .rr b{color:#C9C5BA}
/* the composer, lower still */
#flpull{position:fixed;left:18px;top:50%;transform:translateY(-50%);width:176px;z-index:60}
.pux{position:relative;height:5px;border-radius:99px;background:#EDEBE4;margin:0 0 11px}
.punum{display:flex;justify-content:space-between;align-items:baseline}
.punum b{font-size:14px;font-weight:700;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
/* the composer, well clear of the messages */
#flpull{top:34%}
/* the moves, named */
#flmoves{display:flex;gap:3px;align-items:flex-end;margin:0 8px 0 0;flex:0 0 auto}
.flmv{display:flex;flex-direction:column;align-items:center;gap:3px;width:46px;padding:5px 0 4px;
  border:none;background:transparent;cursor:pointer;border-radius:10px;opacity:.5;
  transition:opacity .15s ease,background .15s ease}
.flmv svg{width:16px;height:16px;display:block}
.flmv u{text-decoration:none;font:600 9px/1 Inter,sans-serif;letter-spacing:.02em;color:#A9A69C}
.flmv:hover{opacity:.9}
.flmv.on{opacity:1;background:#F1F0EA}
.flmv.on u{color:var(--ink)}
.flmv:disabled{opacity:.16;cursor:default;background:transparent}
.flmv.c-mic.on{background:#F6E7E4} .flmv.c-mic{color:#B23A2F}
/* the one-line explainer, first few fights only */
#flhint{font:500 11px/1.5 Inter,sans-serif;color:#C6C3BB;padding:0 4px 9px}
#flhint b{color:#8E8B82;font-weight:600}
/* they are writing */
#flwriting{display:flex;align-items:center;gap:4px;padding:8px 4px 0;
  font:600 11.5px/1 Inter,sans-serif;color:#8E8B82}
#flwriting i{width:4px;height:4px;border-radius:50%;background:#C6C3BB;
  animation:wdot 1.1s infinite ease-in-out}
#flwriting i:nth-child(2){animation-delay:.16s}
#flwriting i:nth-child(3){animation-delay:.32s;margin-right:5px}
@keyframes wdot{0%,60%,100%{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}
.box3.theywrite{box-shadow:0 0 0 1.5px #E8E5DC,var(--sh)}
/* the composer, well clear of the messages */
.floorbox .box3{margin-top:150px}
/* writing your opening while the match is found */
.glcard{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:5;
  width:min(520px,calc(100vw - 48px));background:rgba(255,255,255,.94);backdrop-filter:blur(10px);
  border:1px solid var(--line);border-radius:16px;padding:20px 22px 16px;
  box-shadow:0 3px 10px rgba(16,15,13,.08),0 30px 70px rgba(16,15,13,.18)}
.glq{font-size:19px;font-weight:600;letter-spacing:-.025em;line-height:1.3}
.glside{margin-top:7px;font-size:11.5px;color:#A9A69C}
.glside b{font-weight:700;letter-spacing:.06em}
.glside b.y{color:var(--yes)} .glside b.n{color:var(--no)}
.glcard textarea{width:100%;margin-top:14px;font:inherit;font-size:14px;line-height:1.5;
  padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:#FBFAF8;
  outline:none;resize:none;color:var(--ink)}
.glcard textarea:focus{border-color:var(--ink);background:#fff}
.glrow{display:flex;justify-content:space-between;align-items:baseline;margin-top:9px}
.glcc{font:500 10.5px/1 Inter,sans-serif;color:#C6C3BB;font-variant-numeric:tabular-nums}
.glcard .gltxt{position:static;transform:none;font-size:11.5px;color:#A9A69C}
/* ===================================================================
   ACCOUNTS
   =================================================================== */
#authwrap{position:fixed;inset:0;z-index:400;display:flex;align-items:center;justify-content:center;
  background:rgba(16,15,13,.34);backdrop-filter:blur(6px)}
.au-card{width:min(420px,calc(100vw - 40px));background:#fff;border-radius:18px;padding:30px 30px 22px;
  text-align:center;box-shadow:0 4px 12px rgba(16,15,13,.10),0 40px 90px rgba(16,15,13,.26);
  animation:auin .4s cubic-bezier(.22,.8,.3,1) both}
.au-card.wide{width:min(460px,calc(100vw - 40px))}
@keyframes auin{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
.au-mark{font-size:19px;font-weight:700;letter-spacing:-.04em;margin-bottom:22px;color:var(--ink)}
.au-mark i{font-style:normal;color:#C6C3BB}
.au-h{margin:0;font-size:21px;font-weight:600;letter-spacing:-.03em;line-height:1.25}
.au-p{margin:10px auto 22px;font-size:12.5px;line-height:1.6;color:#8E8B82;max-width:34ch}
.au-g{display:flex;flex-direction:column;align-items:center;gap:9px;min-height:44px}
.au-local{font:inherit;font-size:13.5px;font-weight:600;padding:12px 26px;border-radius:999px;
  border:1px solid var(--line);background:#fff;color:var(--ink);cursor:pointer}
.au-local:hover{border-color:var(--ink)}
.au-why{margin:2px 0 0;font-size:11px;color:#C6C3BB;line-height:1.5;max-width:32ch}
.au-e{margin:12px 0 0;font-size:11.5px;color:#8E8B82;opacity:0;transition:opacity .2s}
.au-e.show{opacity:1}
.au-x{margin-top:16px;background:none;border:none;font:inherit;font-size:12px;color:#C6C3BB;cursor:pointer}
/* choosing a name and a face */
.au-face{width:82px;height:82px;margin:20px auto 16px;border-radius:50%;overflow:hidden;
  box-shadow:0 2px 6px rgba(16,15,13,.12),0 12px 28px rgba(16,15,13,.14)}
.au-face img{width:100%;height:100%;object-fit:cover;display:block}
.au-face span{width:100%;height:100%;display:flex;align-items:center;justify-content:center;
  color:#fff;font-size:30px;font-weight:600;letter-spacing:-.02em}
.au-avs{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;margin-bottom:14px}
.au-avs .av{width:26px;height:26px;border-radius:50%;border:2px solid transparent;cursor:pointer;
  padding:0;overflow:hidden;transition:transform .12s ease}
.au-avs .av:hover{transform:scale(1.12)}
.au-avs .av.on{border-color:var(--ink)}
.au-avs .av img{width:100%;height:100%;object-fit:cover;display:block}
.au-up{display:inline-block;font-size:11.5px;color:#8E8B82;cursor:pointer;margin-bottom:18px;
  border-bottom:1px solid var(--line);padding-bottom:1px}
.au-up:hover{color:var(--ink);border-color:var(--ink)}
.au-name{width:100%;font:inherit;font-size:16px;font-weight:600;letter-spacing:-.02em;text-align:center;
  padding:13px 14px;border-radius:12px;border:1px solid var(--line);background:#FBFAF8;outline:none}
.au-name:focus{border-color:var(--ink);background:#fff}
.au-go{width:100%;margin-top:14px;font:inherit;font-size:14px;font-weight:600;padding:13px;
  border-radius:12px;border:none;background:var(--ink);color:#fff;cursor:pointer}
.au-go:hover{opacity:.9}
/* the corner, signed out */
.pinit{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;
  font-size:15px;font-weight:600}
.pinit.out{background:#EDEBE4;color:#C6C3BB}
.pring .pav img{width:100%;height:100%;object-fit:cover;display:block}
/* the Arena, behind glass — the page only, never the sidebar */
.arcatwrap.locked{filter:blur(3.5px);pointer-events:none;user-select:none;
  transition:filter .5s cubic-bezier(.22,.8,.3,1)}
.gatebox{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);z-index:30;
  width:min(380px,calc(100vw - 48px));background:#fff;border-radius:16px;padding:24px 26px 20px;
  text-align:center;box-shadow:0 3px 10px rgba(16,15,13,.10),0 26px 60px rgba(16,15,13,.18);
  animation:auin .45s cubic-bezier(.22,.8,.3,1) both}
.gate-h{font-size:18px;font-weight:600;letter-spacing:-.028em}
.gate-p{margin:9px auto 18px;font-size:12.5px;line-height:1.6;color:#8E8B82;max-width:32ch}
.gate-g{display:flex;flex-direction:column;align-items:center;gap:8px;min-height:44px}
/* the gate bubble, dead centre of the page */
.gatebox{position:fixed;left:calc(50% + var(--sbw,228px)/2);top:50%;
  transform:translate(-50%,-50%)}
body.inroom .gatebox{left:50%}
/* signed out: no rating, no bell, no font picker */
body.signedout #topleft{display:none}
#fontpanel,#dm-dark{display:none !important}

/* ===================================================================
   THE SIGN-IN BUTTON
   Google refuses to let its own button be restyled, so it is rendered
   underneath at zero opacity and ours sits on top and forwards the
   click. Same flow, our design.
   =================================================================== */
.gbtn-wrap{position:relative;display:inline-block}
.gbtn-real{position:absolute;inset:0;opacity:0;pointer-events:none;overflow:hidden}
.gbtn{display:inline-flex;align-items:center;justify-content:center;gap:10px;
  font:600 15px/1 Inter,system-ui,sans-serif;letter-spacing:-.01em;color:#1F1F1F;
  background:#fff;border:1px solid #E3E1DB;border-radius:12px;
  padding:13px 26px;cursor:pointer;
  box-shadow:0 1px 2px rgba(16,15,13,.06),0 6px 16px rgba(16,15,13,.07);
  transition:box-shadow .18s ease,transform .12s ease,border-color .18s ease}
.gbtn:hover{border-color:#D6D2C6;transform:translateY(-1px);
  box-shadow:0 2px 4px rgba(16,15,13,.08),0 12px 26px rgba(16,15,13,.11)}
.gbtn:active{transform:translateY(0)}
.gbtn .gmark{width:20px;height:20px;display:block;flex:0 0 20px}

/* the font picker and the dark pill are gone */
.fontbtn,.exportbtn,#dm-dark{display:none !important}
.fontpanel[hidden]{display:none !important}

/* ===================================================================
   THE TOP RIGHT
   One piece rather than two floating fragments: a bell, a hairline
   divider, and the rating with a dot in the colour of your tier.
   =================================================================== */
#topleft{display:flex !important;align-items:center;gap:0;
  background:#fff;border:1px solid #EAE7DF;border-radius:999px;padding:4px 5px 4px 8px;
  box-shadow:0 1px 2px rgba(16,15,13,.05),0 8px 22px rgba(16,15,13,.07)}
.tl-bell{position:relative;width:30px;height:30px;display:flex;align-items:center;
  justify-content:center;border:none;background:none;padding:0;color:#BFBBB1;cursor:pointer;
  border-radius:50%;transition:color .18s ease,background .18s ease}
.tl-bell svg{width:15px;height:15px;display:block}
.tl-bell:hover{color:#6E6A62;background:#F6F5F1}
.tl-bell.has{color:#3D3A34}
.tldot{position:absolute;top:4px;right:5px;width:6px;height:6px;border-radius:50%;
  background:#C4462F;display:none;font-size:0;box-shadow:0 0 0 2px #fff}
.tl-bell.has .tldot{display:block}
.tl-div{width:1px;height:16px;background:#EDEAE2;margin:0 3px 0 1px}
.tl-elo{display:flex;align-items:center;gap:7px;border:none;background:none;cursor:pointer;
  padding:5px 11px 5px 9px;border-radius:999px;transition:background .18s ease}
.tl-elo:hover{background:#F6F5F1}
.tl-elo b{font:700 13.5px/1 Inter,sans-serif;letter-spacing:-.025em;color:#0F0F0D;
  font-variant-numeric:tabular-nums}
.tl-ring{width:7px;height:7px;border-radius:50%;flex:0 0 7px;background:#C9C5BA;
  box-shadow:0 0 0 2px rgba(255,255,255,.9)}
.tl-ring.r-steel{background:linear-gradient(140deg,#A7ADB2,#8E959B)}
.tl-ring.r-bronze{background:linear-gradient(140deg,#C99A63,#7E4E2A)}
.tl-ring.r-blue{background:linear-gradient(140deg,#3E7BB5,#173A5C)}
.tl-ring.r-purple{background:linear-gradient(140deg,#8656B4,#3A1F55)}
.tl-ring.r-crimson{background:linear-gradient(140deg,#B72D3A,#5A1118)}
.tl-ring.r-gold{background:linear-gradient(140deg,#EDD06C,#A57F1E)}
.tl-ring.r-black{background:linear-gradient(140deg,#3A3A3A,#080808)}
body.signedout #topleft{display:none !important}

/* ---- the account menu, off the corner ---- */
#accmenu{position:fixed;left:14px;bottom:74px;z-index:300;width:214px;background:#fff;
  border:1px solid #EAE7DF;border-radius:13px;padding:6px;
  box-shadow:0 2px 6px rgba(16,15,13,.08),0 22px 52px rgba(16,15,13,.20);
  animation:amin .22s cubic-bezier(.22,.8,.3,1) both}
@keyframes amin{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.am-who{padding:9px 10px 10px;font:600 13px/1.2 Inter,sans-serif;letter-spacing:-.015em;
  border-bottom:1px solid #F2F0EA;margin-bottom:5px}
.am-who em{display:block;font-style:normal;font-weight:400;font-size:11px;color:#A9A69C;
  margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#accmenu button{display:block;width:100%;text-align:left;font:500 13px/1 Inter,sans-serif;
  padding:10px 10px;border:none;background:none;border-radius:8px;cursor:pointer;color:#3D3A34}
#accmenu button:hover{background:#F6F5F1;color:#0F0F0D}
#accmenu button.out{color:#8E8B82}
#accmenu button.out:hover{color:#B23A2F;background:#FBF1EF}

/* ===================================================================
   FIXES
   =================================================================== */
/* the gate bubble, centred in the page area rather than the window */
.gatebox{position:absolute !important;left:50% !important;top:46% !important;
  transform:translate(-50%,-50%) !important}

/* the Arena no longer reserves a screen of empty space below itself */
.arcatwrap{min-height:0 !important}
.arena-air{padding-bottom:20px}

/* signed out, the corner is the sign-in button */
body.signedout .prof{padding:12px 14px 16px !important}
body.signedout .pring{opacity:.5}
.pgs{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid #E3E1DB;
  border-radius:10px;padding:8px 13px;
  box-shadow:0 1px 2px rgba(16,15,13,.05),0 4px 12px rgba(16,15,13,.06);
  transition:border-color .18s ease,box-shadow .18s ease}
.prof:hover .pgs{border-color:#D6D2C6;box-shadow:0 2px 4px rgba(16,15,13,.07),0 8px 20px rgba(16,15,13,.10)}
.pgs b{font:600 12.5px/1 Inter,sans-serif;letter-spacing:-.01em;color:#1F1F1F}
.pgs .gmark{width:15px;height:15px;flex:0 0 15px}

/* ===================================================================
   A QUESTION, OPENED — the two sides, facing
   =================================================================== */
.fqwrap{max-width:880px;margin:0 auto;padding-top:6px;
  animation:dmRise .34s cubic-bezier(.22,.61,.36,1)}
.fq-back{background:none;border:none;font:500 12px/1 Inter,sans-serif;color:#A9A69C;
  cursor:pointer;padding:0 0 18px}
.fq-back:hover{color:var(--ink)}
.fq-head{display:flex;align-items:flex-start;gap:16px;margin-bottom:30px}
.fq-head .fl-img{width:64px;height:64px;border-radius:12px;object-fit:cover;flex:0 0 64px}
.fq-q{margin:0;font-size:30px;font-weight:600;letter-spacing:-.035em;line-height:1.15}
.fq-meta{margin-top:8px;font-size:12px;color:#A9A69C}
.fq-split{display:grid;grid-template-columns:1fr 1px 1fr;gap:0;align-items:stretch}
.fq-line{background:#EDEAE2}
.fq-col{padding:0 26px}
.fq-col.yes{text-align:right}
.fq-side{font:700 9.5px/1 Inter,sans-serif;letter-spacing:.18em;color:#C9C5BA}
.fq-col.yes.lead .fq-side{color:#1F7A4D}
.fq-col.no.lead .fq-side{color:#B23A2F}
.fq-pct{font-size:44px;font-weight:700;letter-spacing:-.05em;line-height:1;margin-top:8px;
  font-variant-numeric:tabular-nums;color:#D4D1C9}
.fq-col.lead .fq-pct{color:var(--ink)}
.fq-bar{height:4px;border-radius:99px;background:#F1F0EA;margin:16px 0 26px;overflow:hidden;
  display:flex}
.fq-col.yes .fq-bar{justify-content:flex-end}
.fq-bar i{display:block;height:100%;width:100%;border-radius:99px;
  transform-origin:left;transition:height .6s ease}
.fq-col.yes .fq-bar i{background:#1F7A4D}
.fq-col.no .fq-bar i{background:#B23A2F}
.fq-rk{font:700 8.5px/1 Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase;
  color:#C9C5BA;margin-bottom:12px}
.fq-reasons{margin:0;padding:0;list-style:none;counter-reset:r}
.fq-reasons li{counter-increment:r;position:relative;font-size:13.5px;line-height:1.6;
  color:#3D3A34;padding:11px 0;border-top:1px solid #F2F0EA}
.fq-reasons li:first-child{border-top:none}
.fq-reasons li.none{color:#C6C3BB}
.fq-act{display:flex;justify-content:center;margin-top:36px}
.fq-go{font:700 13.5px/1 Inter,sans-serif;padding:13px 32px;border-radius:10px;border:none;
  background:#0F0F0D;color:#fff;cursor:pointer;
  box-shadow:0 4px 12px rgba(16,15,13,.16);transition:transform .14s ease,box-shadow .14s ease}
.fq-go:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(16,15,13,.22)}
@media(max-width:760px){
  .fq-split{grid-template-columns:1fr;gap:26px}
  .fq-line{display:none}
  .fq-col{padding:0}
  .fq-col.yes{text-align:left}
  .fq-col.yes .fq-bar{justify-content:flex-start}
}
/* the cards are clickable now */
.flc{cursor:pointer;transition:transform .16s cubic-bezier(.22,.8,.3,1),box-shadow .16s ease}
.flc:hover{transform:translateY(-2px)}

/* ===================================================================
   SIGN-IN, TIGHTENED
   =================================================================== */
/* signed out there is no profile row at all, just the button */
body.signedout .pring{display:none !important}
body.signedout .prof{justify-content:flex-start;padding:14px 14px 18px !important}
.au-card,.gatebox{text-align:left}
.au-card .au-h,.gate-h{text-align:left}
.au-card .au-p,.gate-p{text-align:left;margin-left:0;max-width:30ch}
.au-g,.gate-g{align-items:flex-start}
.au-card .au-mark{text-align:left}
.au-x{display:block;margin-left:0}

/* the name line, not a box */
.au-nm{display:flex;align-items:center;gap:2px;border-bottom:1.5px solid #EAE7DF;
  padding:4px 0 8px;margin-top:20px;transition:border-color .18s ease}
.au-nm:focus-within{border-color:var(--ink)}
.au-nm span{font:600 17px/1 Inter,sans-serif;color:#C6C3BB}
.au-nm input{flex:1;border:none;background:none;outline:none;font:600 17px/1 Inter,sans-serif;
  letter-spacing:-.02em;color:var(--ink);padding:0}
.au-nm input::placeholder{color:#D4D1C9;font-weight:500}
.au-card.wide{text-align:center}
.au-card.wide .au-h,.au-card.wide .au-p{text-align:center}
.au-card.wide .au-p{margin-left:auto;margin-right:auto}
.au-face span{background:#3D3A34}
.au-up{margin:14px auto 0;display:block;width:fit-content}

/* ===================================================================
   A QUESTION, OPENED — points left, the ticker right
   =================================================================== */
.fqwrap{max-width:1000px;margin:0;padding-top:6px}
.fq-body{display:grid;grid-template-columns:1fr 250px;gap:40px;align-items:start}
.fq-main{min-width:0}
.fq-head{display:flex;align-items:flex-start;gap:14px;margin-bottom:26px}
.fq-head .fl-img{width:52px;height:52px;border-radius:11px;object-fit:cover;flex:0 0 52px}
.fq-q{margin:0;font-size:26px;font-weight:600;letter-spacing:-.035em;line-height:1.18}
.fq-meta{margin-top:7px;font-size:11.5px;color:#A9A69C}
.fq-split{display:grid;grid-template-columns:1fr 1px 1fr;gap:0;align-items:start}
.fq-line{background:#EDEAE2;align-self:stretch}
.fq-col{padding:0 22px}
.fq-col:first-child{padding-left:0}
.fq-col:last-child{padding-right:0}
.fq-side{font:700 9.5px/1 Inter,sans-serif;letter-spacing:.18em;color:#C9C5BA;margin-bottom:14px}
.fq-col.yes.lead .fq-side{color:#1F7A4D}
.fq-col.no.lead .fq-side{color:#B23A2F}
.fq-reasons li{font-size:13px;line-height:1.55;color:#3D3A34;padding:10px 0;
  border-top:1px solid #F2F0EA}

/* the ticker */
.fq-side-panel{position:sticky;top:24px;background:#fff;border:1px solid #EAE7DF;border-radius:14px;
  padding:16px 16px 16px;box-shadow:0 1px 2px rgba(16,15,13,.05),0 8px 22px rgba(16,15,13,.06)}
.fs-tick{display:flex;justify-content:space-between;align-items:flex-end;gap:10px}
.fs-t b{display:block;font-size:24px;font-weight:700;letter-spacing:-.04em;
  font-variant-numeric:tabular-nums;color:#D4D1C9;line-height:1}
.fs-t span{display:block;font:600 10px/1 Inter,sans-serif;letter-spacing:.1em;
  text-transform:uppercase;color:#C9C5BA;margin-top:5px}
.fs-t.no{text-align:right}
.fs-t.yes.lead b{color:#1F7A4D} .fs-t.yes.lead span{color:#1F7A4D}
.fs-t.no.lead b{color:#B23A2F} .fs-t.no.lead span{color:#B23A2F}
.fs-bar{display:flex;height:5px;border-radius:99px;overflow:hidden;background:#F1F0EA;margin:13px 0 4px}
.fs-bar .y{background:#1F7A4D} .fs-bar .n{background:#B23A2F}
.fs-stats{margin-top:10px}
.fs-row{display:flex;justify-content:space-between;align-items:baseline;padding:8px 0;
  border-top:1px solid #F2F0EA;font-size:12px;color:#A9A69C}
.fs-row b{font-size:13px;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}
.fq-side-panel .fq-go{display:block;width:100%;margin-top:14px;font:700 13px/1 Inter,sans-serif;
  padding:12px;border-radius:10px;border:none;background:#0F0F0D;color:#fff;cursor:pointer}
.fq-side-panel .fq-go:hover{opacity:.9}
@media(max-width:900px){
  .fq-body{grid-template-columns:1fr}
  .fq-side-panel{position:static}
}

/* ===================================================================
   ROUND: centring, the rating pill, the graph, the globe
   =================================================================== */
/* the gate bubble sits over the cards, not the whole window */
.content{position:relative}
.gatebox{left:min(50%,472px) !important;top:44% !important}

/* the rating in its own oval, ahead of the bell */
#topleft{background:none !important;border:none !important;box-shadow:none !important;
  padding:0 !important;gap:8px}
.tl-elo{background:#fff !important;border:1px solid #EAE7DF;border-radius:999px;
  padding:8px 16px !important;
  box-shadow:0 1px 2px rgba(16,15,13,.05),0 6px 16px rgba(16,15,13,.07);
  transition:border-color .18s ease,box-shadow .18s ease}
.tl-elo:hover{border-color:#D6D2C6;box-shadow:0 2px 5px rgba(16,15,13,.08),0 10px 24px rgba(16,15,13,.10)}
.tl-elo b{font:700 14px/1 Inter,sans-serif;letter-spacing:-.03em;color:#0F0F0D}
.tl-div{display:none}
.tl-bell{width:26px;height:26px}
.tl-bell:hover{background:none}
.tl-ring{display:none}

/* no rank ring on the photo */
.pring{background:#E8E5DC !important}

/* ---- the floor card: a read, not a vote ---- */
.flc-split{display:flex;height:5px;border-radius:99px;overflow:hidden;background:#F1F0EA;margin:14px 0 8px}
.flc-split .y{background:#1F7A4D} .flc-split .n{background:#B23A2F}
.flc-nums{display:flex;justify-content:space-between;font:600 11.5px/1 Inter,sans-serif}
.flc-nums .y{color:#1F7A4D} .flc-nums .n{color:#B23A2F}

/* ---- the graph ---- */
.fq-now{display:flex;gap:18px;margin:4px 0 10px;font:700 13px/1 Inter,sans-serif}
.fq-now .y{color:#1F7A4D} .fq-now .n{color:#B23A2F}
.fg-wrap{margin:0 0 34px}
.fg-svg{width:100%;height:230px;display:block;overflow:visible}
.fg-grid{stroke:#F2F0EA;stroke-width:1}
.fg-lab{font:500 10px Inter,sans-serif;fill:#C6C3BB}
.fg-y{fill:none;stroke:#1F7A4D;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.fg-n{fill:none;stroke:#B23A2F;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.fg-dy{fill:#1F7A4D} .fg-dn{fill:#B23A2F}
.fg-x{display:flex;justify-content:space-between;margin-top:10px;font:500 10.5px Inter,sans-serif;
  color:#C6C3BB}

/* ---- the two cases, below the graph ---- */
.fq-split{border-top:1px solid #EDEAE2;padding-top:22px}
.fq-hd{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:12px}
.fq-pc{font:700 15px/1 Inter,sans-serif;letter-spacing:-.03em;color:#C9C5BA}
.fq-col.yes.lead .fq-pc{color:#1F7A4D}
.fq-col.no.lead .fq-pc{color:#B23A2F}

/* ===================================================================
   THE OPENING — full screen, one tall box, a green Ready
   =================================================================== */
body.inglobe .sb{width:0 !important;flex:0 0 0 !important;opacity:0;pointer-events:none;overflow:hidden}
body.inglobe .content{max-width:none;padding:0}
body.inglobe #topright{display:none}
.glcard{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:5;
  width:min(440px,calc(100vw - 48px));background:rgba(255,255,255,.96);backdrop-filter:blur(12px);
  border:1px solid #EAE7DF;border-radius:18px;padding:26px 26px 22px;
  box-shadow:0 4px 12px rgba(16,15,13,.08),0 40px 90px rgba(16,15,13,.20)}
.glq{font-size:21px;font-weight:600;letter-spacing:-.03em;line-height:1.25}
.glside{margin-top:8px;font-size:11.5px;color:#A9A69C}
.glcard textarea{width:100%;height:260px;margin-top:18px;font:inherit;font-size:15px;line-height:1.6;
  padding:16px 18px;border-radius:14px;border:1px solid #EAE7DF;background:#FBFAF8;
  outline:none;resize:none;color:var(--ink)}
.glcard textarea:focus{border-color:var(--ink);background:#fff}
.glrow{display:flex;justify-content:space-between;align-items:baseline;margin-top:10px}
.glready{width:100%;margin-top:14px;font:700 14px/1 Inter,sans-serif;padding:14px;border-radius:12px;
  border:none;background:#1F7A4D;color:#fff;cursor:pointer;transition:opacity .18s ease}
.glready:hover{opacity:.9}
.glready:disabled{background:#EDEBE4;color:#C6C3BB;cursor:default}
.gltxt.found{color:#1F7A4D;font-weight:600}

/* ===================================================================
   ROUND: flat graph, big numbers, a Yes/No/Debate panel, bigger bell
   =================================================================== */
/* the floor cards: no lift on hover, no lift on the buttons */
.flc{transform:none !important}
.flc:hover{transform:none !important}
.flc-b{transition:background .15s ease,color .15s ease,border-color .15s ease !important}
.flc-b:hover{transform:none !important;box-shadow:none !important}
.flc-split,.flc-nums{display:none}

/* the two numbers, large and apart */
.fq-now{display:flex;justify-content:space-between;align-items:flex-end;margin:6px 0 16px}
.fq-now b{display:block;font-size:46px;font-weight:700;letter-spacing:-.05em;line-height:1;
  font-variant-numeric:tabular-nums}
.fq-now i{display:block;font-style:normal;font:700 10px/1 Inter,sans-serif;letter-spacing:.18em;
  margin-top:7px;color:#C9C5BA}
.fq-now .y b{color:#1F7A4D} .fq-now .n{text-align:right}
.fq-now .n b{color:#B23A2F}

/* the graph: flat, longer, one line, count bottom left */
.fg-wrap{margin:0 0 30px}
.fg-svg{width:100%;height:250px;display:block;overflow:visible}
.fg-line{fill:none;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.fg-y,.fg-n,.fg-dy,.fg-dn{display:none}
.fg-foot{display:flex;justify-content:space-between;align-items:baseline;margin-top:12px}
.fg-count{font:500 11px/1 Inter,sans-serif;color:#A9A69C}
.fg-x{display:flex;gap:40px}
.fg-x i{font-style:normal;font:500 10.5px/1 Inter,sans-serif;color:#C6C3BB}

/* the panel: pick a side, or take whichever you are given */
.fq-side-panel{position:sticky;top:24px;background:none;border:none;box-shadow:none;padding:0}
.fp-pick{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.fp-b{font:700 14px/1 Inter,sans-serif;padding:16px 0;border-radius:10px;cursor:pointer;
  border:1px solid transparent;transition:background .15s ease,color .15s ease}
.fp-b.y{background:#E7F1EA;color:#1F7A4D}
.fp-b.n{background:#F6E7E4;color:#B23A2F}
.fp-b.y:hover{background:#1F7A4D;color:#fff}
.fp-b.n:hover{background:#B23A2F;color:#fff}
.fq-side-panel .fq-go{display:block;width:100%;margin-top:8px;font:700 13.5px/1 Inter,sans-serif;
  padding:15px;border-radius:10px;border:none;background:#0F0F0D;color:#fff;cursor:pointer;
  box-shadow:none}
.fq-side-panel .fq-go:hover{opacity:.88}
.fs-tick,.fs-bar,.fs-stats{display:none}

/* the rating, smaller box; the bell, bigger and in front */
#topleft{gap:10px;flex-direction:row-reverse}
.tl-elo{padding:6px 13px !important;border-radius:999px}
.tl-elo b{font-size:13px}
.tl-bell{width:34px;height:34px;border-radius:50%;background:#fff;border:1px solid #EAE7DF;
  box-shadow:0 1px 2px rgba(16,15,13,.05),0 6px 16px rgba(16,15,13,.07);color:#8E8B82}
.tl-bell svg{width:19px;height:19px}
.tl-bell:hover{background:#fff;color:#0F0F0D;border-color:#D6D2C6}
.tl-bell.has{color:#0F0F0D}
.tldot{top:5px;right:6px;width:7px;height:7px}

/* ---- the opening screen ---- */
.glcard{border:1px solid #EFEDE6;box-shadow:0 2px 6px rgba(16,15,13,.05),0 20px 44px rgba(16,15,13,.10)}
.glcard textarea{height:300px;border-radius:12px}
.glrow .gltxt{display:none}
.glready{width:auto;min-width:150px;margin:14px auto 0;display:block;padding:11px 26px;
  font:700 13px/1 Inter,sans-serif;border-radius:10px}

/* ===================================================================
   THE TICKER, THE BELL, THE TAKES, THE CABINET
   =================================================================== */
/* the panel is a ticker again: headline, photo, two sides, Debate */
.fq-side-panel{background:#fff;border:1px solid #EAE7DF;border-radius:14px;padding:14px;
  box-shadow:0 1px 2px rgba(16,15,13,.04),0 8px 20px rgba(16,15,13,.05)}
.fp-head{display:flex;align-items:flex-start;gap:10px;padding-bottom:13px;
  border-bottom:1px solid #F2F0EA;margin-bottom:13px}
.fp-head .fl-img{width:38px;height:38px;border-radius:9px;object-fit:cover;flex:0 0 38px}
.fp-q{font:600 12.5px/1.35 Inter,sans-serif;letter-spacing:-.015em}
.fp-pick{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.fp-b{display:flex;flex-direction:column;align-items:center;gap:3px;padding:11px 0;border-radius:9px;
  cursor:pointer;border:none;transition:background .15s ease,color .15s ease}
.fp-b b{font:700 13px/1 Inter,sans-serif}
.fp-b i{font-style:normal;font:600 10.5px/1 Inter,sans-serif;opacity:.7}
.fq-side-panel .fq-go{margin-top:7px;padding:10px;font-size:12.5px;border-radius:9px}

/* the bell: shadow only, no bubble */
.tl-bell{background:none !important;border:none !important;width:32px;height:32px;
  filter:drop-shadow(0 2px 4px rgba(16,15,13,.16));color:#3D3A34}
.tl-bell svg{width:21px;height:21px}
.tl-bell:hover{color:#0F0F0D}
.tldot{top:2px;right:3px;box-shadow:0 0 0 2px #FCFBF8}

/* ---- your takes ---- */
.tk-wrap{padding-top:4px}
.tk-key{display:flex;gap:16px;align-items:center;margin-bottom:22px}
.tk-kk{display:flex;align-items:center;gap:6px;font:500 11px/1 Inter,sans-serif;color:#8E8B82}
.tk-kk i{width:9px;height:9px;border-radius:50%;display:block}
.tk-kk i.yes{background:#1F7A4D} .tk-kk i.no{background:#B23A2F}
.tk-kk.dim{color:#C6C3BB}
.tk-cat{margin-bottom:30px}
.tk-cat h4{margin:0 0 12px;font:700 10px/1 Inter,sans-serif;letter-spacing:.18em;text-transform:uppercase;
  display:flex;align-items:center;gap:8px}
.tk-cat h4 span{font-size:10px;color:#C9C5BA;letter-spacing:0}
.tk-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:12px}
.tk-b{border-radius:50%;border:none;cursor:pointer;display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:1px;color:#fff;
  background:var(--c);box-shadow:0 2px 6px rgba(16,15,13,.14),0 8px 18px rgba(16,15,13,.10);
  transition:transform .18s cubic-bezier(.22,.8,.3,1)}
.tk-b:hover{transform:scale(1.07)}
.tk-b b{font:700 15px/1 Inter,sans-serif;letter-spacing:-.02em}
.tk-b i{font-style:normal;font:600 9.5px/1 Inter,sans-serif;opacity:.8}
.tk-b.y{box-shadow:0 0 0 3px #E7F1EA,0 2px 6px rgba(16,15,13,.14)}
.tk-b.n{box-shadow:0 0 0 3px #F6E7E4,0 2px 6px rgba(16,15,13,.14)}
.tk-qs{display:flex;flex-direction:column;gap:2px}
.tk-q{display:flex;align-items:baseline;gap:8px;font-size:12.5px;color:#3D3A34;padding:5px 0;
  flex-wrap:wrap}
.tk-q em{flex:1 0 100%;font-style:normal;font-size:11.5px;color:#A9A69C;padding-left:17px}
.tk-dot{width:7px;height:7px;border-radius:50%;flex:0 0 7px}
.tk-dot.y{background:#1F7A4D} .tk-dot.n{background:#B23A2F}
#tkmodal{position:fixed;inset:0;z-index:300;display:flex;align-items:center;justify-content:center;
  background:rgba(16,15,13,.3);backdrop-filter:blur(4px)}
.tkm-card{width:min(420px,calc(100vw - 40px));background:#fff;border-radius:16px;padding:24px;
  box-shadow:0 30px 70px rgba(16,15,13,.26)}
.tkm-k{font:700 8.5px/1 Inter,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#C9C5BA}
.tkm-q{margin-top:10px;font-size:19px;font-weight:600;letter-spacing:-.025em;line-height:1.3}
.tkm-side{margin-top:10px;font:700 11px/1 Inter,sans-serif;letter-spacing:.06em}
.tkm-side.y{color:#1F7A4D} .tkm-side.n{color:#B23A2F}
.tkm-line{margin:12px 0 0;font-size:13.5px;line-height:1.6;color:#3D3A34}
.tkm-n{margin-top:14px;font-size:11.5px;color:#A9A69C}
.tkm-card button{margin-top:18px;background:none;border:none;font:inherit;font-size:12px;
  color:#A9A69C;cursor:pointer;padding:0}

/* ---- the cabinet ---- */
.cab{padding-top:4px;perspective:1400px}
.cab-drawer{margin-bottom:34px}
.cab-lab{display:flex;align-items:center;gap:9px;font:700 10px/1 Inter,sans-serif;letter-spacing:.18em;
  text-transform:uppercase;color:#6E6A62;margin-bottom:14px}
.cab-lab span{width:10px;height:10px;border-radius:2px;display:block}
.cab-lab em{font-style:normal;letter-spacing:0;font-size:10px;color:#C9C5BA;text-transform:none}
.cab-rail{display:flex;gap:0;overflow-x:auto;padding:16px 4px 26px;transform-style:preserve-3d}
.cab-rail::-webkit-scrollbar{height:6px}
.cab-rail::-webkit-scrollbar-thumb{background:#E8E5DC;border-radius:99px}
.cab-file{position:relative;flex:0 0 268px;margin-right:-56px;text-align:left;cursor:pointer;
  background:#fff;border:1px solid #E8E5DC;border-left:3px solid var(--c);border-radius:4px 10px 10px 4px;
  padding:16px 18px 15px;
  transform:perspective(900px) rotateY(-16deg) translateZ(calc(var(--i) * -14px));
  box-shadow:-2px 2px 5px rgba(16,15,13,.05),-10px 12px 26px rgba(16,15,13,.09);
  transition:transform .3s cubic-bezier(.22,.8,.3,1),box-shadow .3s ease;
  z-index:calc(40 - var(--i))}
.cab-file:hover{transform:perspective(900px) rotateY(-4deg) translateZ(20px) translateY(-8px);
  box-shadow:-3px 4px 10px rgba(16,15,13,.08),-16px 22px 44px rgba(16,15,13,.16);z-index:60}
.cab-tab{position:absolute;top:-9px;left:16px;width:52px;height:10px;border-radius:3px 3px 0 0;
  background:var(--c);opacity:.5}
.cab-when{display:block;font:600 9.5px/1 Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase;
  color:#C9C5BA;margin-bottom:8px}
.cab-q{display:block;font:600 13.5px/1.35 Inter,sans-serif;letter-spacing:-.018em;color:#0F0F0D;
  min-height:37px}
.cab-meta{display:block;margin-top:9px;font-size:11px;color:#A9A69C}
.cab-res{position:absolute;right:16px;bottom:14px;font:700 13px/1 Inter,sans-serif;
  font-variant-numeric:tabular-nums}
.cab-file.w .cab-res{color:#1F7A4D} .cab-file.l .cab-res{color:#B23A2F}
.cab-file.d .cab-res{color:#A9A69C}
#cabmodal{position:fixed;inset:0;z-index:300;display:flex;align-items:center;justify-content:center;
  background:rgba(16,15,13,.34);backdrop-filter:blur(5px)}
.cm-card{width:min(640px,calc(100vw - 40px));max-height:82vh;display:flex;flex-direction:column;
  background:#fff;border-radius:16px;box-shadow:0 34px 80px rgba(16,15,13,.3);overflow:hidden}
.cm-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;
  padding:22px 24px 18px;border-bottom:1px solid #F2F0EA}
.cm-when{font:600 9.5px/1 Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#C9C5BA}
.cm-q{margin-top:8px;font-size:18px;font-weight:600;letter-spacing:-.025em;line-height:1.3}
.cm-meta{margin-top:7px;font-size:11.5px;color:#A9A69C}
.cm-x{background:none;border:none;font:inherit;font-size:12px;color:#A9A69C;cursor:pointer}
.cm-tr{overflow-y:auto;padding:18px 24px 24px;display:flex;flex-direction:column;gap:10px}
.cm-msg{max-width:78%;padding:11px 14px;border-radius:13px;font-size:13px;line-height:1.55;
  border:1px solid #F0EFEB;background:#fff}
.cm-msg b{display:block;font:700 8.5px/1 Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;
  color:#C9C5BA;margin-bottom:5px}
.cm-msg.me{align-self:flex-end;border-bottom-right-radius:4px;background:#FBFAF8}
.cm-msg.them{align-self:flex-start;border-bottom-left-radius:4px}
.cm-sys{align-self:center;font-size:11px;color:#A9A69C;text-align:center;padding:2px 0}

/* ---- social: a line, at the top ---- */
.soc-find{display:flex;align-items:center;gap:10px;border-bottom:1.5px solid #EAE7DF;
  padding:6px 2px 10px;margin-bottom:26px;transition:border-color .18s ease}
.soc-find:focus-within{border-color:var(--ink)}
.soc-find svg{width:15px;height:15px;color:#C6C3BB;flex:0 0 15px}
.soc-find input{flex:1;border:none;background:none;outline:none;font:500 14px/1 Inter,sans-serif;
  letter-spacing:-.01em;color:var(--ink);padding:0}
.soc-find input::placeholder{color:#C6C3BB}
.soc-find button{background:none;border:none;font:600 12px/1 Inter,sans-serif;color:#A9A69C;
  cursor:pointer;padding:0 2px}
.soc-find button:hover{color:var(--ink)}
.pfadd2{display:none}

/* ===================================================================
   THE MAP OF TAKES — a web you can drag and zoom
   =================================================================== */
.tk-wrap,.tk-cat,.tk-key{display:none}
.bbmap{position:relative;height:620px;margin:-4px -8px 10px;border-radius:16px;overflow:hidden;
  background:radial-gradient(1200px 600px at 50% 40%,#FDFCFA,#F7F6F2);cursor:grab}
.bbmap.grab{cursor:grabbing}
.bb-stage{position:absolute;left:50%;top:50%;margin-left:-600px;margin-top:-410px;
  transform-origin:center center;transition:transform .12s linear}
.bb-links{position:absolute;inset:0;pointer-events:none}
.bb-links line{stroke:#DCD9CF;stroke-width:1.4}
.bb{position:absolute;border-radius:50%;border:none;padding:0;cursor:pointer;overflow:hidden;
  background:#EDEBE4;
  box-shadow:0 6px 14px rgba(16,15,13,.16),0 18px 40px rgba(16,15,13,.18),
             inset 0 -10px 22px rgba(16,15,13,.22);
  animation:bbIn .5s cubic-bezier(.22,.8,.3,1) both;animation-delay:var(--delay);
  transition:transform .2s cubic-bezier(.22,.8,.3,1),box-shadow .2s ease}
@keyframes bbIn{from{opacity:0;transform:scale(.72)}to{opacity:1;transform:scale(1)}}
.bb:hover{transform:scale(1.06);
  box-shadow:0 10px 22px rgba(16,15,13,.22),0 26px 60px rgba(16,15,13,.26),
             inset 0 -10px 22px rgba(16,15,13,.22)}
.bb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.bb-ph{position:absolute;inset:0}
.bb-veil{position:absolute;inset:0;border-radius:50%;
  background:radial-gradient(circle at 34% 26%,rgba(255,255,255,.28),rgba(0,0,0,.42) 78%);
  mix-blend-mode:multiply}
.bb.y{box-shadow:0 0 0 4px rgba(31,122,77,.85),0 8px 18px rgba(16,15,13,.18),0 20px 44px rgba(16,15,13,.18)}
.bb.n{box-shadow:0 0 0 4px rgba(178,58,47,.85),0 8px 18px rgba(16,15,13,.18),0 20px 44px rgba(16,15,13,.18)}
.bb-txt{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;
  justify-content:center;gap:2px;padding:10px;text-align:center;color:#fff;
  text-shadow:0 1px 3px rgba(0,0,0,.6)}
.bb-txt b{font:700 10.5px/1.25 Inter,sans-serif;letter-spacing:-.01em}
.bb-txt i{font-style:normal;font:600 9px/1 Inter,sans-serif;opacity:.9}
.bb-legend{position:absolute;left:16px;bottom:14px;display:flex;flex-wrap:wrap;gap:12px;max-width:62%}
.bl{display:flex;align-items:center;gap:6px;font:600 10.5px/1 Inter,sans-serif;color:#8E8B82}
.bl i{width:9px;height:9px;border-radius:50%;display:block}
.bl i.ring{background:#fff}
.bl i.ring.y{box-shadow:0 0 0 2.5px #1F7A4D} .bl i.ring.n{box-shadow:0 0 0 2.5px #B23A2F}
.bl.sep{margin-left:8px}
.bb-zoom{position:absolute;right:14px;bottom:14px;display:flex;gap:5px}
.bb-zoom button{width:30px;height:30px;border-radius:9px;border:1px solid #EAE7DF;background:#fff;
  font:600 15px/1 Inter,sans-serif;color:#6E6A62;cursor:pointer;
  box-shadow:0 1px 2px rgba(16,15,13,.06)}
.bb-zoom button.rs{width:auto;padding:0 11px;font-size:11px}
.bb-zoom button:hover{color:#0F0F0D;border-color:#D6D2C6}
.bb-hint{position:absolute;right:14px;top:14px;font:500 10.5px/1 Inter,sans-serif;color:#C6C3BB}

/* ===================================================================
   THE CABINET — a stack going back, with the photo on the card
   =================================================================== */
.cab-rail{display:none}
.cab{perspective:1600px}
.cab-drawer{margin-bottom:44px}
.cab-stack{position:relative;height:250px;transform-style:preserve-3d;padding-left:6px}
.cab-file{position:absolute;left:0;top:0;width:min(520px,100%);text-align:left;cursor:pointer;
  display:flex;align-items:center;gap:14px;
  background:#fff;border:1px solid #E8E5DC;border-left:3px solid var(--c);border-radius:12px;
  padding:14px 16px;
  transform:translateY(calc(var(--i) * 26px)) translateZ(calc(var(--i) * -60px)) scale(calc(1 - var(--i) * 0.035));
  box-shadow:0 2px 6px rgba(16,15,13,.06),0 14px 30px rgba(16,15,13,.10);
  transition:transform .32s cubic-bezier(.22,.8,.3,1),box-shadow .32s ease;
  z-index:calc(40 - var(--i))}
.cab-file:hover{transform:translateY(calc(var(--i) * 26px - 12px)) translateZ(30px) scale(1.01);
  box-shadow:0 6px 14px rgba(16,15,13,.10),0 26px 54px rgba(16,15,13,.18);z-index:60}
.cab-ph{width:52px;height:52px;flex:0 0 52px;border-radius:9px;overflow:hidden;background:#EDEBE4;
  display:block}
.cab-ph img{width:100%;height:100%;object-fit:cover;display:block}
.cab-ph i{display:block;width:100%;height:100%;opacity:.55}
.cab-body{flex:1;min-width:0}
.cab-when{display:block;font:600 9px/1 Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase;
  color:#C9C5BA;margin-bottom:5px}
.cab-q{display:block;font:600 13.5px/1.3 Inter,sans-serif;letter-spacing:-.018em;color:#0F0F0D;
  min-height:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cab-meta{display:block;margin-top:5px;font-size:11px;color:#A9A69C}
.cab-res{position:static;font:700 13px/1 Inter,sans-serif;font-variant-numeric:tabular-nums;
  flex:0 0 auto}
.cab-tab{display:none}

/* the ticker, taller */
.fq-side-panel{padding:16px}
.fp-head{padding-bottom:16px;margin-bottom:16px}
.fp-head .fl-img{width:46px;height:46px;flex:0 0 46px}
.fp-q{font-size:13px}
.fp-b{padding:20px 0;gap:5px}
.fp-b b{font-size:15px}
.fq-side-panel .fq-go{margin-top:9px;padding:14px}

/* the opening card sits on the left, not floating in the middle */
.glcard{left:80px !important;transform:translateY(-50%) !important}
@media(max-width:900px){.glcard{left:24px !important;right:24px;width:auto}}

/* the opening box: no hard outline */
.glcard textarea{border:none !important;background:#F7F6F2 !important}
.glcard textarea:focus{background:#F2F0EA !important;box-shadow:none}

/* the opening card: white, no beige anywhere */
.glcard{background:#fff !important}
.glcard textarea{background:#fff !important}
.glcard textarea:focus{background:#fff !important}
.glready:disabled{background:#F4F3EF;color:#C6C3BB}

/* who opens */
.flfirst{margin:0 22px 14px;padding:11px 15px;border-radius:11px;background:#F7F6F2;
  font:500 12.5px/1.5 Inter,sans-serif;color:#8E8B82;text-align:center;
  animation:fzin .4s cubic-bezier(.22,.8,.3,1) both}
.flfirst b{color:#3D3A34;font-weight:700}
.flfirst.mine{background:#E7F1EA;color:#2C6E49}
.flfirst.mine b{color:#1F7A4D}
#flfoot i.go{color:#1F7A4D}
#flfoot i.go b{color:#1F7A4D}

/* ===================================================================
   THE REFEREE SPEAKS
   =================================================================== */
.flfirst{display:none}
#flhint{display:none}
.refrow{display:flex;align-items:flex-end;gap:10px;margin:2px 0 6px;
  animation:in .5s cubic-bezier(.22,.8,.3,1) both}
.refav{width:34px;height:34px;flex:0 0 34px;border-radius:50%;display:flex;
  align-items:center;justify-content:center;background:#D4734A;
  box-shadow:0 2px 5px rgba(16,15,13,.18),0 10px 22px rgba(212,115,74,.30),
             inset 0 -4px 10px rgba(0,0,0,.18)}
.refav svg{width:19px;height:19px;display:block}
.refbub{background:#fff;border:1px solid #F0EFEB;border-radius:14px;
  border-bottom-left-radius:4px;padding:10px 15px;font-size:13.5px;line-height:1.5;
  color:#3D3A34;box-shadow:0 1px 2px rgba(16,15,13,.05),0 8px 20px rgba(16,15,13,.06)}

/* the referee's own avatar in the room, given some weight */
.roomFace,.aiface,.aiwatch img,.aiwatch svg{
  filter:drop-shadow(0 3px 6px rgba(16,15,13,.20)) drop-shadow(0 12px 26px rgba(212,115,74,.28))}

/* ===================================================================
   THE PULL — upper left, bigger
   =================================================================== */
#flpull{left:26px;top:96px;transform:none;width:250px}
.pux{height:8px;margin:0 0 14px}
.pupin{width:15px;height:15px;margin-left:-7.5px;
  box-shadow:0 0 0 3px #fff,0 2px 5px rgba(16,15,13,.26)}
.punum b{font-size:22px;letter-spacing:-.04em}

/* ===================================================================
   THE AI MARK — round, not squashed
   =================================================================== */
.refrow,.refbub{display:none}
.ref{background:none !important;border:none !important;box-shadow:none !important}
.ref .refav{width:72px;height:72px;min-width:72px;min-height:72px;flex:0 0 72px;
  aspect-ratio:1/1;border-radius:50%;padding:0;border:none;background:none;
  display:block;overflow:hidden;cursor:pointer;
  filter:drop-shadow(0 6px 10px rgba(16,15,13,.24)) drop-shadow(0 18px 34px rgba(212,115,74,.32));
  transition:transform .18s cubic-bezier(.22,.8,.3,1),filter .18s ease}
.ref .refav:hover{transform:translateY(-2px) scale(1.04)}
.ref .refmark{width:72px;height:72px;display:block;border-radius:50%;
  object-fit:cover;aspect-ratio:1/1}
.ref .refk{margin-top:12px;font:700 10px/1 Inter,sans-serif;letter-spacing:.2em}
.ref .refs{margin-top:5px;font-size:11px;color:#C6C3BB}

/* ===================================================================
   THE THREE MOVES — small marks tucked behind the bar
   =================================================================== */
#flmoves{position:absolute;left:18px;bottom:calc(100% - 13px);display:flex;gap:5px;z-index:0}
.box3{position:relative}
.box3 .pill{position:relative;z-index:1}
.flmv{width:auto;min-width:0;display:flex;align-items:center;gap:5px;
  padding:7px 12px 15px;border:1px solid #EDEAE2;border-bottom:none;
  border-radius:11px 11px 0 0;background:#FBFAF8;cursor:pointer;
  color:#A9A69C;transition:color .16s ease,background .16s ease,transform .16s ease}
.flmv:hover:not(:disabled){color:#3D3A34;background:#fff;transform:translateY(-2px)}
.flmv svg{width:13px;height:13px;flex:0 0 13px}
.flmv u{text-decoration:none;font:600 10.5px/1 Inter,sans-serif;letter-spacing:-.01em}
.flmv:disabled{opacity:.42;cursor:default}
.flmv.on{background:#fff;color:#0F0F0D}
.flmv.c-question.on{color:#C98A2E} .flmv.c-question.on svg{color:#C98A2E}
.flmv.c-hypo.on{color:#6E4595} .flmv.c-hypo.on svg{color:#6E4595}
.flmv.c-put{color:#A9A69C}
.flmv.c-put:hover:not(:disabled){color:#2F5D8C}

/* ===================================================================
   THE PULL — long, upper left
   =================================================================== */
#flpull{left:30px;top:86px;width:330px;transform:none}
.pux{height:9px;border-radius:99px;margin:0 0 15px;background:#EDEBE4}
.pupin{width:17px;height:17px;margin-left:-8.5px;
  box-shadow:0 0 0 3px #fff,0 3px 7px rgba(16,15,13,.28)}
.punum b{font-size:24px;letter-spacing:-.045em}

/* ===================================================================
   THE THREE MOVES
   =================================================================== */
#flmoves{gap:2px}
.flmv{width:auto;min-width:58px;padding:5px 9px 4px}
.flmv u{font-size:8.5px;letter-spacing:.03em}
.flmv.c-hypo{color:#6E4595}
.flmv.c-hypo.on{background:#EFE8F6}
.flmv.c-question{color:#C98A2E}
.flmv.c-put{color:#2F5D8C}
/* a hypothetical reads differently in the transcript */
.msg[data-hypo]{box-shadow:inset 3px 0 0 #6E4595,var(--sh)}
.dqk.hypo{color:#6E4595}

/* ===================================================================
   THE FLOOR — a front page: one big question, a rail, then the grid
   =================================================================== */
.flwrap{max-width:1180px}
.fl-top{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;
  align-items:start;margin:22px 0 34px}

/* the hero */
.fl-hero{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:24px;
  background:#fff;border:1px solid #EAE7DF;border-radius:16px;padding:20px 22px;cursor:pointer;
  box-shadow:0 1px 2px rgba(16,15,13,.04),0 10px 26px rgba(16,15,13,.06);
  transition:box-shadow .2s ease}
.fl-hero:hover{box-shadow:0 2px 6px rgba(16,15,13,.07),0 18px 44px rgba(16,15,13,.10)}
.fl-hero-top{display:flex;align-items:flex-start;gap:14px;margin-bottom:20px}
.fl-hero-top .fl-img{width:56px;height:56px;flex:0 0 56px;border-radius:12px;object-fit:cover}
.fl-hero-cat{display:block;font:700 9.5px/1 Inter,sans-serif;letter-spacing:.18em;
  text-transform:uppercase;color:#C9C5BA;margin-bottom:8px}
.fl-hero-q{margin:0;font-size:22px;font-weight:600;letter-spacing:-.032em;line-height:1.22}
.fl-hero-rows{display:flex;flex-direction:column;gap:8px}
.fl-hr{display:flex;align-items:center;gap:12px;padding:11px 13px;border-radius:10px;
  background:#FBFAF8}
.fl-hr span{font:600 12.5px/1 Inter,sans-serif;color:#8E8B82;width:28px}
.fl-hr b{font:700 17px/1 Inter,sans-serif;letter-spacing:-.03em;color:#C9C5BA;
  font-variant-numeric:tabular-nums;flex:1}
.fl-hr.lead b{color:#0F0F0D}
.fl-hb{font:700 11.5px/1 Inter,sans-serif;padding:9px 14px;border-radius:8px;border:none;
  cursor:pointer;transition:background .15s ease,color .15s ease}
.fl-hb.y{background:#E7F1EA;color:#1F7A4D} .fl-hb.y:hover{background:#1F7A4D;color:#fff}
.fl-hb.n{background:#F6E7E4;color:#B23A2F} .fl-hb.n:hover{background:#B23A2F;color:#fff}
.fl-hero-foot{display:flex;justify-content:space-between;align-items:baseline;margin-top:16px;
  font-size:11px;color:#A9A69C}
.fl-hero-open{font-weight:600;color:#6E6A62}
.fl-hero-r{min-width:0;display:flex;align-items:center}
.fl-hero-r .fg-wrap{margin:0;width:100%}
.fl-hero-r .fg-svg{height:200px}

/* the rail */
.fl-rail{display:flex;flex-direction:column;gap:14px}
.fl-rbox{background:#fff;border:1px solid #EAE7DF;border-radius:14px;padding:14px 14px 8px;
  box-shadow:0 1px 2px rgba(16,15,13,.04),0 8px 20px rgba(16,15,13,.05)}
.fl-rbox h4{margin:0 0 8px;font:700 12.5px/1 Inter,sans-serif;letter-spacing:-.015em;
  display:flex;justify-content:space-between;align-items:center}
.fl-rbox h4 i{font-style:normal;color:#C9C5BA;font-size:15px}
.fl-rr{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:none;
  border:none;border-top:1px solid #F4F2EC;padding:10px 0;cursor:pointer}
.fl-rbox .fl-rr:first-of-type{border-top:none}
.fl-rr:hover .fl-rq{color:#0F0F0D}
.fl-rr>i{font-style:normal;font:700 10px/1 Inter,sans-serif;color:#D4D1C9;width:10px;flex:0 0 10px}
.fl-rq{flex:1;min-width:0;font-size:12px;line-height:1.35;color:#3D3A34;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.fl-rn{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex:0 0 auto}
.fl-rn b{font:700 13px/1 Inter,sans-serif;font-variant-numeric:tabular-nums}
.fl-rn em{font-style:normal;font:600 9.5px/1 Inter,sans-serif}
.fl-rn em.up{color:#1F7A4D} .fl-rn em.dn{color:#B23A2F}

/* the grid below */
.flgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(258px,1fr));gap:14px}
.flc-graph{position:relative;margin:12px 0 10px;height:44px}
.fl-spark{width:100%;height:44px;display:block}
.flc-big{position:absolute;right:0;top:2px;font:700 15px/1 Inter,sans-serif;
  letter-spacing:-.03em;color:#0F0F0D;font-variant-numeric:tabular-nums;
  background:#fff;padding:2px 0 2px 6px}
.flmk h3{font:700 10px/1 Inter,sans-serif;letter-spacing:.18em;text-transform:uppercase;
  color:#C9C5BA;margin:0 0 14px}

@media(max-width:1040px){
  .fl-top{grid-template-columns:1fr}
  .fl-hero{grid-template-columns:1fr}
  .fl-rail{flex-direction:row}
  .fl-rbox{flex:1}
}

/* the rail is cards now, not a list of trending words */
.fl-rbox,.fl-rr,.fl-rq,.fl-rn{display:none}
.fl-rail{display:flex;flex-direction:column;gap:14px}
.fl-rail .flc{margin:0}
/* only the hero carries a graph */
.flgrid .flc-graph,.fl-rail .flc-graph{display:none}
@media(max-width:1040px){ .fl-rail{flex-direction:row} .fl-rail .flc{flex:1} }

/* ===================================================================
   THE CARDS — landscape rectangles, four across
   =================================================================== */
.flgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:start}
@media(max-width:1180px){.flgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:880px){.flgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.flgrid{grid-template-columns:1fr}}

.flc{padding:14px 15px 12px}
.flc-top{display:flex;align-items:center;gap:11px;margin-bottom:12px}
.flc-top .fl-img{width:38px;height:38px;flex:0 0 38px;border-radius:9px;object-fit:cover}
.fl-ph{display:flex;align-items:center;justify-content:center;background:#F1F0EA;
  font:700 11px/1 Inter,sans-serif;color:#A9A69C}
.flc-q{font:600 13px/1.3 Inter,sans-serif;letter-spacing:-.018em;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* the two sides sit on one line each, tight */
.flc-row{display:flex;align-items:center;gap:8px;margin:0 0 6px}
.flc-out{font:600 11.5px/1 Inter,sans-serif;color:#8E8B82;width:22px;flex:0 0 22px}
.flc-pc{font:700 13px/1 Inter,sans-serif;font-variant-numeric:tabular-nums;flex:1;
  letter-spacing:-.02em}
.flc-b{font:700 11px/1 Inter,sans-serif;padding:7px 14px;border-radius:7px;border:none;
  cursor:pointer;flex:0 0 auto;transition:background .15s ease,color .15s ease}
.flc-foot{display:flex;justify-content:space-between;align-items:baseline;margin-top:10px;
  padding-top:9px;border-top:1px solid #F4F2EC;font-size:10.5px;color:#A9A69C}
.flc-cat{font:700 8.5px/1 Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;
  color:#C9C5BA}

/* the cards end at the two sides */
.flc-foot{display:none}
.flc-row:last-of-type{margin-bottom:0}

/* The Arena scrolled into nothing because the decorative ring is 1180px
   tall and absolutely positioned — which still counts toward the page's
   scrollable area. Clip it to its wrapper. */
.arcatwrap{overflow:hidden}
.content{padding-bottom:40px}