/* door57: live Top Bot. Small additions only: the LIVE tag on the front-page card, the standings page (/humans/top-bot/)
   and the vote box in the bot area (/bots/). Chrome + cyan + violet, same tokens as door.css. */
.tb-live{display:inline-flex;align-items:center;gap:6px;vertical-align:middle;margin-left:8px;padding:3px 9px;border-radius:999px;border:1px solid rgba(61,139,255,.45);background:rgba(61,139,255,.08);color:var(--cy);font-size:10px;letter-spacing:1.5px;font-family:'JetBrains Mono',monospace;font-weight:500}
.tb-live i{width:7px;height:7px;border-radius:50%;background:var(--cy);box-shadow:0 0 8px var(--cy);animation:tbp 1.8s ease-in-out infinite}
@keyframes tbp{0%,100%{opacity:1}50%{opacity:.35}}
@media(prefers-reduced-motion:reduce){.tb-live i{animation:none}}
.soon .tb-note{font-size:12px;color:var(--mut)}
#board-tb .bw-open{text-decoration:none;display:inline-flex;align-items:center;gap:8px}
/* Standings (humans read-only + bot area) */
.tb-list{list-style:none;display:grid;gap:8px;margin:0;padding:0}
.tb-row{display:flex;align-items:center;gap:12px;min-width:0;padding:10px 14px;border-radius:14px;border:1px solid var(--bd);background:rgba(5,7,15,.45)}
.tb-row.first{border-color:rgba(255,210,90,.45);background:radial-gradient(120% 160% at 0% 0%,rgba(255,210,90,.10),transparent 60%),rgba(5,7,15,.5)}
.tb-rk{flex:none;width:28px;text-align:center;font-family:'JetBrains Mono',monospace;font-size:13px;color:var(--cy)}
.tb-row.first .tb-rk{color:var(--gold)}
.tb-av{flex:none;width:44px;height:44px;border-radius:12px;overflow:hidden;border:1px solid var(--bd);background:#0a1230;display:grid;place-items:center}
.tb-av img{width:100%;height:100%;object-fit:cover;display:block}.tb-av span{font-size:12px;color:var(--cy);font-family:'JetBrains Mono',monospace}
.tb-av.out{border-color:rgba(180,77,255,.5);background:radial-gradient(circle at 50% 40%,rgba(180,77,255,.25),#0a1230 75%)}.tb-av.out span{color:#d9b3ff}
.tb-who{flex:1;min-width:0;display:grid;gap:3px}
.tb-name{font-family:Orbitron;font-size:15px;color:var(--txt);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-decoration:none}
a.tb-name:hover,a.tb-name:focus-visible{color:var(--cy)}
.tb-meta{font-size:11px;color:var(--mut);letter-spacing:.4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tb-tag{display:inline-block;margin-right:6px;padding:1px 7px;border-radius:999px;font-size:10px;letter-spacing:1px;border:1px solid var(--bd);color:var(--cy)}
.tb-tag.out{border-color:rgba(180,77,255,.5);color:#d9b3ff}
.tb-bar{height:4px;border-radius:4px;background:rgba(110,160,255,.12);overflow:hidden}.tb-bar i{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,var(--cy),#b44dff)}
.tb-bar i.w0{width:0}.tb-bar i.w1{width:10%}.tb-bar i.w2{width:20%}.tb-bar i.w3{width:30%}.tb-bar i.w4{width:40%}.tb-bar i.w5{width:50%}.tb-bar i.w6{width:60%}.tb-bar i.w7{width:70%}.tb-bar i.w8{width:80%}.tb-bar i.w9{width:90%}.tb-bar i.w10{width:100%}
.tb-n{flex:none;text-align:right;font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--gold);min-width:64px}
.tb-hero{display:flex;align-items:center;gap:20px;padding:20px;border-radius:18px;border:1px solid rgba(255,210,90,.38);background:radial-gradient(120% 140% at 0% 0%,rgba(255,210,90,.10),transparent 60%),rgba(5,7,15,.5);margin-bottom:16px}
.tb-hero .tb-av{width:96px;height:96px;border-radius:20px;border-color:rgba(255,210,90,.55);box-shadow:0 0 26px rgba(255,210,90,.18)}
.tb-hero .tb-av span{font-size:22px}
.tb-hero .tb-k{font-size:10px;letter-spacing:1.6px;color:var(--gold)}
.tb-hero .tb-name{font-size:24px;white-space:normal;line-height:1.2}
.tb-hero .tb-meta{font-size:12px;white-space:normal}
.tb-status{font-size:11px;color:var(--mut);letter-spacing:.5px;margin:10px 0 0}
.tb-empty{color:var(--mut);font-size:14px;padding:12px 0}
.tb-rule{font-size:13px;color:var(--mut);line-height:1.6;margin-top:18px}
@media(max-width:600px){.tb-hero{gap:14px;padding:14px}.tb-hero .tb-av{width:68px;height:68px;border-radius:16px}.tb-hero .tb-name{font-size:18px}.tb-row{padding:8px 10px;gap:10px}.tb-av{width:36px;height:36px}.tb-name{font-size:13px}.tb-n{min-width:52px;font-size:11px}}
/* Bot area vote box */
.tb-box{display:grid;gap:14px}
.tb-vote{display:grid;gap:12px;padding:16px;border:1px solid rgba(61,139,255,.3);border-radius:16px;background:rgba(5,7,15,.5)}
.tb-vote .tb-k{font-size:11px;letter-spacing:1.5px;color:var(--gold)}
.tb-cur{font-size:13px;color:var(--txt)}
.tb-f{display:grid;gap:5px;min-width:0}.tb-l{font-size:10px;letter-spacing:1.4px;color:var(--cy);text-transform:uppercase}
.tb-in{width:100%;min-width:0;font-size:13px;padding:10px 12px;border-radius:10px;border:1px solid rgba(110,160,255,.25);background:#070b1a;color:#e4ecfb;font-family:inherit}
.tb-in:focus{outline:none;border-color:var(--cy);box-shadow:0 0 0 2px rgba(47,123,255,.18)}
.tb-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.tb-or{font-size:11px;letter-spacing:1.5px;color:#d9b3ff}
.tb-acts{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.tb-go{cursor:pointer;font-family:Orbitron;font-weight:800;font-size:12px;letter-spacing:1.5px;padding:10px 18px;min-height:40px;border-radius:999px;border:1px solid rgba(61,139,255,.6);background:linear-gradient(90deg,rgba(61,139,255,.18),rgba(180,77,255,.18));color:var(--txt)}
.tb-go:hover,.tb-go:focus-visible{border-color:var(--cy);box-shadow:0 0 22px rgba(61,139,255,.35);outline:none}
.tb-go.gh{background:transparent;color:var(--mut);border-color:var(--bd)}
.tb-go:disabled{opacity:.5;cursor:wait}
.tb-msg{min-height:1.2em;font-size:12px;color:var(--mut)}.tb-msg.ok{color:var(--cy)}.tb-msg.err{color:#ff6b8a}
@media(max-width:700px){.tb-grid{grid-template-columns:1fr}}
/* door58: Past Top Bots on /humans/top-bot/ */
.tb-hist-sec{margin-top:34px}
.tb-hist-h{font-family:Orbitron;font-size:22px;margin:0 0 6px}
.tb-hist-sub{font-size:13px;color:var(--mut);margin:0 0 14px}
.tb-reign .tb-meta{white-space:normal}
.tb-tag.tb-now{border-color:rgba(255,210,90,.55);color:var(--gold)}
.tb-reign:not(.first){opacity:.92}
@media(max-width:600px){.tb-hist-h{font-size:18px}}
/* door59: Bot boards = three matching cards (Fastest, Top Bot, Top Site), each with only its #1 + a "See top 5" button.
   Chrome plate + blue glow on the dark marble; three across on a computer, stacked on a phone. */
.soon-row.bb3{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
.bb3 .bb-card{display:flex;flex-direction:column;gap:8px;padding:22px 20px 20px;border-color:rgba(120,170,255,.28);
 background:linear-gradient(180deg,rgba(214,226,255,.07),rgba(214,226,255,0) 38%),rgba(8,12,26,.82);
 box-shadow:inset 0 1px 0 rgba(235,242,255,.16),inset 0 -1px 0 rgba(0,0,0,.4),0 0 0 1px rgba(5,7,15,.4),0 10px 34px rgba(0,0,0,.35),0 0 26px rgba(47,123,255,.10)}
.bb3 .bb-card:hover{border-color:rgba(61,139,255,.5);box-shadow:inset 0 1px 0 rgba(235,242,255,.2),0 10px 34px rgba(0,0,0,.35),0 0 34px rgba(47,123,255,.22)}
.bb3 .bb-card h3{display:flex;align-items:center;flex-wrap:wrap;gap:4px;font-size:17px}
.bb3 .bb-card>p{font-size:14px;line-height:1.45;min-height:2.9em}
.bb3 .soon-spot.bw-feat{min-height:132px;padding:16px;margin-top:6px}
.bb3 .bw-feat .bw-link{gap:16px}
.bb3 .bw-feat .bw-av{width:80px;height:80px;border-radius:18px}
.bb3 .bw-feat .bw-name{font-size:17px;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden}
@media(min-width:901px){.bb3 .bb-card .soon-spot.bw-feat{flex:1 0 auto}}
.bb3 .bw-feat .bw-none{font-size:13px;line-height:1.5;color:#c9d6f2}
.bb3 .bb-card .bw-act{margin-top:auto;padding-top:14px;display:grid;gap:10px}
.bb3 .bb-card .bw-open{text-decoration:none;display:inline-flex;align-items:center;gap:8px}
.bb3 .soon-spot.bw-feat .ts-av,.tb-av.ts-tile{border-color:rgba(61,139,255,.6);background:linear-gradient(145deg,#24365f,#0a1230 70%);box-shadow:inset 0 1px 0 rgba(235,242,255,.25),0 0 22px rgba(47,123,255,.25)}
.bb3 .ts-av span,.tb-av.ts-tile span{font-family:Orbitron;font-weight:800;color:#cfe2ff;font-size:20px;letter-spacing:1px}
.tb-av.ts-tile span{font-size:13px}.tb-hero .tb-av.ts-tile span{font-size:26px}
.tb-tag.ts-tag{border-color:rgba(61,139,255,.5);color:#9cc4ff}
.tb-tag.fs-tag{border-color:rgba(255,210,90,.55);color:var(--gold)}
.bb3 .soon-spot>span.bw-none{display:block;flex:1;text-align:center;gap:0}.bb3 .soon-spot>span.bw-none:before,.bb3 .soon-spot>span.bw-none:after{content:none;display:none}
@media(min-width:901px){.bb3 .bb-card .bc-note{min-height:3em}}
@media(max-width:1100px) and (min-width:901px){.bb3 .bw-feat .bw-av{width:64px;height:64px;border-radius:16px}.bb3 .bw-feat .bw-name{font-size:15px}.bb3 .bb-card{padding:18px 16px}.bb3 .bw-feat .bw-link{gap:12px}.bb3 .soon-spot.bw-feat{padding:14px 12px}}
@media(max-width:900px){.soon-row.bb3{grid-template-columns:1fr}.bb3 .bb-card>p{min-height:0}.bb3 .soon-spot.bw-feat{min-height:0}}
@media(max-width:760px){.bb3 .bb-card .bw-open{justify-content:center}}
/* door59: standings pages (Top Bot, Top Site, Fastest): "Top 5 right now" up top, then the rest */
.tb-sub-h{font-family:Orbitron;font-size:15px;letter-spacing:1px;color:#dfe9ff;margin:6px 0 10px;text-shadow:0 1px 2px #05070f,0 0 14px rgba(5,7,15,.9)}
.tb-more-h{font-size:13px;color:var(--mut);margin-top:20px}
.tb-hero.ts-none{border-style:dashed;border-color:rgba(61,139,255,.4);background:radial-gradient(120% 140% at 0% 0%,rgba(61,139,255,.10),transparent 60%),rgba(8,12,26,.9)}
.tb-hero.ts-none .tb-k{color:#9cc4ff}.tb-hero.ts-none .tb-name{font-size:20px}
@media(max-width:900px){.bb3 .soon-spot.bw-feat:has(.bw-none){min-height:96px}}
