/* Pitch Cards: the Den, inside their site: their header, chat bar and page ground, the app bar and column of /airdrop-farmer. The room and Nexus are one render
   (build_scene.py); the card is a live pane of glass standing where the render's pane stood, under his finger. Their type:
   Archivo Black for headlines and figures, JetBrains Mono for labels, Inter for sentences. Their palette: ground #0a0e17,
   green #00ff88, cyan #00cfff, blue #3b82f6, red #ff4444. pc.js sets the scene's scale and the card's box (layout()). */
#agentPasteBar, #bbAppStats { display: none !important; }   /* the sibling page's, not ours */
#main-content { padding: 0 0 24px !important; }
.pc { --green: #00ff88; --cyan: #00cfff; --red: #ff4444; --ink: #f4f8fc; --ink2: #b9c8d6; --mute: #7d8fa3; --line: rgba(255, 255, 255, .09);
  --rs: 1; --rx: 0px; --ry: 0px; --s: .72; --x0: 0px; --y0: 0px; --cx: 50%; --cy: 120px; --cw: 460px; --ch: 620px; --fs: 56px; --copyl: 80px; --copyw: 600px; --copyy: 50%;
  position: relative; isolation: isolate; width: 100%; overflow: clip; color: var(--ink); font: 400 16px/1.4 Inter, system-ui, sans-serif; -webkit-font-smoothing: antialiased; }
.pc[data-view=deck] { min-height: var(--pch); }
.pc * { box-sizing: border-box; }
.pc button { font: inherit; color: inherit; margin: 0; min-height: 0; min-width: 0; cursor: pointer; }
.pc-defs { position: absolute; width: 0; height: 0; }
.pc [hidden] { display: none !important; }

/* ------------------------------------------------------------------ the room */
.pc .pc-room { position: absolute; left: var(--rx); top: var(--ry); width: calc(2560px * var(--rs)) !important; height: calc(1440px * var(--rs)) !important; max-width: none !important; z-index: 0; pointer-events: none;
  -webkit-mask-image: radial-gradient(ellipse 50% 48% at 50% 50%, #000 62%, transparent 100%); mask-image: radial-gradient(ellipse 50% 48% at 50% 50%, #000 62%, transparent 100%); }
.pc-nx { position: absolute; left: calc(var(--x0) + 1640px * var(--s)); top: calc(var(--y0) + 280px * var(--s)); width: calc(920px * var(--s)); height: calc(1160px * var(--s)); z-index: 3; pointer-events: none;
  -webkit-mask-image: linear-gradient(180deg, #000 74%, transparent 100%); mask-image: linear-gradient(180deg, #000 74%, transparent 100%); }
.pc-nx img { display: block; width: 100%; height: 100%; max-width: none; }
.pc-eye { position: absolute; aspect-ratio: 1; transform: translate(-50%, -50%); border-radius: 50%; mix-blend-mode: screen; animation: pceye 3.6s ease-in-out infinite;
  background: radial-gradient(circle, rgba(170, 255, 215, .95) 0, rgba(0, 255, 136, .5) 24%, rgba(0, 255, 136, 0) 68%); }
.pc-eye.a { left: 32.1%; top: 18.05%; width: 8.5%; }
.pc-eye.b { left: 41.9%; top: 17.9%; width: 12.5%; }
.pc-nx.flash .pc-eye { animation: pcflash .9s ease-out; }
@keyframes pceye { 0%, 100% { opacity: .55; } 50% { opacity: 1; } }
@keyframes pcflash { 25% { opacity: 1; transform: translate(-50%, -50%) scale(1.8); } }
.pc[data-view=deals] .pc-nx, .pc[data-view=board] .pc-nx, .pc[data-view=deals] .pc-room, .pc[data-view=board] .pc-room { display: none; }

/* ------------------------------------------------------------------ the bar: read off /airdrop-farmer's header.app */
.pc-bar { position: relative; z-index: 6; display: flex; align-items: center; gap: 26px; width: calc(100% - 32px); max-width: 1240px; margin: 0 auto; padding: 18px 0 16px; border-bottom: 1px solid rgba(30, 48, 80, .7); }
.pc-brand { display: flex; align-items: center; gap: 12px; text-decoration: none; }
.pc-brand svg { width: 46px; height: 46px; filter: drop-shadow(0 0 10px rgba(0, 207, 255, .4)); }
.pc-w { display: flex; flex-direction: column; line-height: 1.05; font-family: 'JetBrains Mono', monospace; }
.pc-w span { font-size: 9.5px; font-weight: 600; letter-spacing: 3.04px; color: var(--cyan); }
.pc-w b { margin-top: 3px; font: 400 16px/22px 'Archivo Black', sans-serif; letter-spacing: .32px; color: #e9eff5; }
.pc-tabs { display: flex; gap: 4px; padding: 4px; border-radius: 12px; background: rgba(13, 21, 32, .8); border: 1px solid rgba(30, 48, 80, .9); }
.pc-tabs button { display: flex; align-items: center; gap: 8px; height: auto; padding: 8px 16px; border: 0; border-radius: 9px; background: none; font: 700 13.5px/19.6px 'JetBrains Mono', monospace; color: #7e90a1; white-space: nowrap; }
.pc-tabs button:hover { color: #e9eff5; }
.pc-tabs button.on { color: #070b10; background: var(--cyan); }
.pc-tabs i { font: 800 11px/18px 'JetBrains Mono', monospace; font-style: normal; min-width: 18px; height: 18px; padding: 0 5px; text-align: center; border-radius: 9px; color: #04140c; background: var(--green); }
.pc-tabs i:empty { display: none; }

/* ------------------------------------------------------------------ the words beside the card */
.pc-view { display: none; }
.pc[data-view=deck] [data-v=deck], .pc[data-view=deals] [data-v=deals], .pc[data-view=board] [data-v=board] { display: block; }
.pc-copy { position: absolute; z-index: 2; left: var(--copyl); top: var(--copyy); width: var(--copyw); transform: translateY(-50%); pointer-events: none; }
.pc-copy h1 { margin: 0; font: 400 var(--fs)/1.05 'Archivo Black', sans-serif; letter-spacing: -.005em; color: #fff; }
.pc-copy h1 span { color: var(--green); }
.pc.done .pc-copy { display: none; }

/* ------------------------------------------------------------------ the card: a pane of glass, as the render's */
.pc-deck { position: absolute; z-index: 2; left: var(--cx); top: var(--cy); width: var(--cw); height: var(--ch); }
.pc-card { --tx: 0px; --ty: 0px; --r: 0deg; --sc: 1; position: absolute; inset: 0; display: flex; flex-direction: column; padding: calc(var(--cw) * .05) calc(var(--cw) * .06) calc(var(--cw) * .055);
  border-radius: 22px; overflow: hidden; touch-action: none; user-select: none; -webkit-user-select: none; cursor: grab;
  transform: translate(var(--tx), var(--ty)) rotate(var(--r)) scale(var(--sc));
  background: linear-gradient(112deg, rgba(205, 240, 255, .13) 0%, rgba(205, 240, 255, .03) 20%, rgba(205, 240, 255, 0) 38%), rgba(5, 11, 19, .96);
  backdrop-filter: blur(10px) saturate(1.35); -webkit-backdrop-filter: blur(10px) saturate(1.35);
  border: 1.5px solid rgba(195, 238, 252, .6);
  box-shadow: 0 0 0 1px rgba(0, 207, 255, .14), 0 0 30px rgba(0, 207, 255, .26), inset 0 1px 0 rgba(255, 255, 255, .4), inset 0 0 50px rgba(0, 207, 255, .05), 0 40px 90px -20px rgba(0, 0, 0, .85);
  transition: transform .5s cubic-bezier(.2, .8, .2, 1), opacity .3s ease; }
/* the curve of the glass on its near edge, as in the render */
.pc-card::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 7%; pointer-events: none; border-left: 1px solid rgba(255, 255, 255, .35);
  background: linear-gradient(90deg, rgba(210, 245, 255, .2), rgba(210, 245, 255, .03) 60%, transparent); }
/* the light in the glass follows the pointer */
.pc-card.top::after { content: ''; position: absolute; inset: 0; pointer-events: none; background: radial-gradient(420px circle at var(--gx, 30%) var(--gy, 20%), rgba(205, 240, 255, .085), rgba(205, 240, 255, 0) 70%); }
/* the next card waits out of sight: through the glass its rim would read as a second frame */
.pc-card.back1 { --sc: .955; --ty: 13px; opacity: 0; pointer-events: none; }
.pc-card.back2 { display: none; }
.pc-card.back1 > * { visibility: hidden; }
.pc-deck.dragging .pc-card.back1 { --sc: .985; --ty: 4px; opacity: 1; }
.pc-deck.dragging .pc-card.back1 > * { visibility: visible; }
.pc-card.drag { transition: none; cursor: grabbing; background: linear-gradient(112deg, rgba(205, 240, 255, .13) 0%, rgba(205, 240, 255, .03) 20%, rgba(205, 240, 255, 0) 38%), rgb(6, 12, 20); }
.pc-card.drag .pc-chart { opacity: .22; }
.pc-card.flipped { cursor: default; }
.pc-card.flipped .pc-chart { opacity: .55; }
.pc-card.top.flipped .pc-chart .ln { animation: none; stroke-dasharray: none; stroke-dashoffset: 0; }
.pc-card.top.flipped .pc-chart .peer { animation: none; opacity: .3; }
.pc-card.top.flipped .pc-chart .tipd { animation: none; opacity: 1; }
.pc-card.gone-l { --tx: -130vw; --ty: 60px; --r: -18deg; opacity: 0; transition: transform .55s cubic-bezier(.4, 0, .9, .6), opacity .5s; }
.pc-card.gone-r { --tx: 120vw; --ty: 40px; --r: 14deg; transition: transform .6s cubic-bezier(.4, 0, .9, .6); }
.pc-card.turn { transition: transform .17s ease-in; transform: perspective(1500px) rotateY(82deg); }
/* a new pitch comes up from under his finger: a line of light wipes across the pane */
.pc-card.born { animation: pcborn .62s cubic-bezier(.3, .7, .2, 1) both; }
@keyframes pcborn { from { clip-path: inset(0 0 0 100% round 22px); } to { clip-path: inset(0 0 0 0 round 22px); } }
.pc-scan { position: absolute; top: -2%; bottom: -2%; width: 3px; right: 0; pointer-events: none; opacity: 0; background: #d8fff0; box-shadow: 0 0 22px 7px rgba(0, 255, 136, .75), 0 0 70px 18px rgba(0, 207, 255, .4); }
.pc-card.born .pc-scan { animation: pcscan .62s cubic-bezier(.3, .7, .2, 1) both; }
@keyframes pcscan { 0% { right: 0; opacity: 1; } 92% { opacity: 1; } 100% { right: 100%; opacity: 0; } }

.pc-tag { display: flex; justify-content: space-between; gap: 12px; font: 700 max(12px, calc(var(--cw) * .0275))/1.2 'JetBrains Mono', monospace; letter-spacing: .13em; text-transform: uppercase; color: var(--cyan); }
.pc-tag em { font-style: normal; letter-spacing: .06em; color: var(--ink2); }
.pc-num { display: block; margin-top: calc(var(--cw) * .032); font: 400 calc(var(--cw) * .2)/1 'Archivo Black', sans-serif; letter-spacing: -.012em; font-variant-numeric: tabular-nums; white-space: nowrap; color: var(--green); text-shadow: 0 0 34px rgba(0, 255, 136, .45); }
.pc-num.neg { color: var(--red); text-shadow: 0 0 34px rgba(255, 68, 68, .4); }
.pc-sub { margin-top: calc(var(--cw) * .018); font-size: calc(var(--cw) * .043); font-weight: 700; letter-spacing: -.012em; line-height: 1.2; color: #fff; }
.pc-sub span { display: block; margin-top: 3px; font: 500 max(12.5px, calc(var(--cw) * .0275))/1.3 'JetBrains Mono', monospace; letter-spacing: 0; color: var(--ink2); }

/* the chart: his one line lit, the rest of the field faint behind it */
.pc-chart { position: relative; flex: 1 1 0; min-height: 60px; margin-top: calc(var(--cw) * .02); transition: opacity .15s; }
.pc-chart svg { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.pc-chart .peer { fill: none; stroke: #5ed4f7; stroke-width: 1; opacity: .3; stroke-linejoin: round; }
.pc-chart .ln { fill: none; stroke: var(--green); stroke-linecap: round; stroke-linejoin: round; }
.pc-chart .ln.glow { stroke-width: 7; opacity: .6; filter: blur(5px); }
.pc-chart .ln.core { stroke-width: 2.8; }
.pc-card.top .pc-chart .ln { stroke-dasharray: 1; stroke-dashoffset: 1; animation: pcdraw 1.25s cubic-bezier(.45, 0, .2, 1) .3s forwards; }
.pc-card.top .pc-chart .peer { opacity: 0; animation: pcpeer .9s ease .35s forwards; }
.pc-card.top .pc-chart .tipd { opacity: 0; animation: pcfade .3s ease 1.5s forwards; }
@keyframes pcdraw { to { stroke-dashoffset: 0; } }
@keyframes pcpeer { to { opacity: .3; } }
@keyframes pcfade { to { opacity: 1; } }
.pc-cmp { position: absolute; left: 0; bottom: 0; font: 500 max(12px, calc(var(--cw) * .0245))/1 'JetBrains Mono', monospace; color: #64cdf0; }

.pc-say { margin-top: calc(var(--cw) * .03); min-height: 2.8em; font-size: clamp(16px, calc(var(--cw) * .0435), 21px); font-weight: 500; line-height: 1.4; letter-spacing: -.008em; color: #fff; }
.pc-say .rest { opacity: 0; }
.pc-say .car { display: inline-block; width: 2px; height: 1em; margin-left: 2px; vertical-align: -.12em; background: var(--green); box-shadow: 0 0 8px var(--green); animation: pcblink .7s steps(1) infinite; }
@keyframes pcblink { 50% { opacity: 0; } }

/* the verdict while dragging: a stamp in the corner it is leaving */
.pc-tint { position: absolute; inset: 0; pointer-events: none; opacity: 0; display: grid; place-items: center; }
.pc-tint.in { background: linear-gradient(270deg, rgba(0, 255, 136, .22), rgba(0, 255, 136, 0) 70%); box-shadow: inset 0 0 0 2px var(--green); }
.pc-tint.out { background: linear-gradient(90deg, rgba(255, 68, 68, .22), rgba(255, 68, 68, 0) 70%); box-shadow: inset 0 0 0 2px var(--red); }
.pc-tint em { position: relative; top: 14%; font: 400 calc(var(--cw) * .12)/1 'Archivo Black', sans-serif; font-style: normal; text-transform: uppercase; letter-spacing: .02em; }
.pc-tint.in em { color: var(--green); text-shadow: 0 0 30px rgba(0, 255, 136, .7); }
.pc-tint.out em { color: var(--red); text-shadow: 0 0 30px rgba(255, 68, 68, .7); }

/* the two choices */
.pc-acts { position: absolute; z-index: 4; left: var(--cx); top: calc(var(--cy) + var(--ch) + 12px); width: var(--cw); display: grid; grid-template-columns: 1fr 1.5fr; gap: 10px; }
.pc-acts.off { display: none; }
.pc-acts button { display: inline-flex; align-items: center; justify-content: center; gap: 9px; height: 54px; border-radius: 13px; font: 400 15.5px 'Archivo Black', sans-serif; letter-spacing: .03em; text-transform: uppercase; transition: transform .12s, box-shadow .2s, background .2s, border-color .2s; }
.pc-acts button:active { transform: scale(.975); }
.pc-acts svg { width: 18px; height: 18px; }
.pc-pass { border: 1.5px solid rgba(255, 255, 255, .22); background: rgba(6, 10, 18, .85); color: #fff !important; }
.pc-pass:hover { border-color: var(--red); color: var(--red) !important; }
.pc-go { border: 0; color: #04140c !important; background: var(--green); box-shadow: 0 0 34px rgba(0, 255, 136, .45); }
.pc-go:hover { background: #3dffa6; box-shadow: 0 0 46px rgba(0, 255, 136, .7); }

.pc-back { position: relative; display: flex; flex-direction: column; justify-content: center; height: 100%; padding-right: 12%; }
/* the back of the card: the same face, the number yours to set */
.pc-amt { display: flex; align-items: center; height: calc(var(--cw) * .2); margin-top: calc(var(--cw) * .032); font: 400 calc(var(--cw) * .2)/1 'Archivo Black', sans-serif; letter-spacing: -.012em; color: var(--green); filter: drop-shadow(0 0 16px rgba(0, 255, 136, .4)); cursor: text; }
.pc .pc-amt input { width: 2em; min-width: .74em; max-width: 80%; height: 100% !important; min-height: 0 !important; margin: 0; padding: 0 !important; border: 0 !important; outline: 0; background: none !important; box-shadow: none !important; border-radius: 0; font: inherit !important; font-size: inherit !important; line-height: 1 !important; letter-spacing: inherit; text-align: left !important; color: inherit; text-shadow: none; caret-color: #fff; font-variant-numeric: tabular-nums; }
.pc-chips { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-top: calc(var(--cw) * .03); }
.pc-chips button { height: 44px; border-radius: 11px; border: 1.5px solid rgba(255, 255, 255, .18); background: rgba(255, 255, 255, .04); font: 400 15px 'Archivo Black', sans-serif; color: var(--ink2); }
.pc-chips button:hover { color: #fff; border-color: rgba(255, 255, 255, .36); }
.pc-chips button.on { color: #04140c; border-color: var(--green); background: var(--green); }

/* nothing left to pitch */
.pc-empty { position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: center; padding: 0 6% 0 0; }
.pc-empty b { font: 400 calc(var(--cw) * .115)/1.06 'Archivo Black', sans-serif; color: #fff; }
.pc-empty b span { color: var(--green); }
.pc-empty small { display: block; margin-top: 16px; max-width: 86%; font-size: 16px; line-height: 1.45; color: var(--ink2); }
.pc-empty button { align-self: flex-start; margin-top: 24px; height: 50px; padding: 0 22px; border-radius: 12px; border: 1.5px solid rgba(255, 255, 255, .22); background: rgba(6, 10, 18, .7); font: 700 14px 'JetBrains Mono', monospace; }
.pc-empty button:hover { border-color: var(--cyan); color: var(--cyan); }

.pc-toast { position: fixed; z-index: 95; left: 50%; bottom: 78px; transform: translateX(-50%); max-width: calc(100vw - 32px); padding: 13px 20px; border-radius: 12px; font-size: 15px; font-weight: 600; white-space: nowrap;
  color: #04140c; background: var(--green); box-shadow: 0 10px 40px rgba(0, 255, 136, .35); animation: pcfade .25s ease both; opacity: 0; }

/* ------------------------------------------------------------------ My deals and the Pitchboard */
.pc-page { position: relative; z-index: 2; width: 100%; max-width: 1272px; margin: 0 auto; padding: 24px 16px 40px; }
.pc-h2 { margin: 0 0 18px; font: 400 41px/1.2 'Archivo Black', sans-serif; letter-spacing: -.615px; color: #e9eff5; }
.pc-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; padding: 0 0 18px; }
.pc-stat { padding: 18px 22px; border: 1px solid rgba(30, 48, 80, .9); border-radius: 16px; background: rgba(13, 21, 32, .8); }
.pc-stat span { display: block; font: 700 11px 'JetBrains Mono', monospace; letter-spacing: .1em; text-transform: uppercase; color: #7e90a1; }
.pc-stat b { display: block; margin-top: 7px; font: 400 36px/1 'Archivo Black', sans-serif; font-variant-numeric: tabular-nums; }
.pc-stat b.pos { color: var(--green); }
.pc-stat b.neg { color: var(--red); }
.pc-stat b.zero { color: var(--ink2); }
.pc-stat small { display: block; margin-top: 7px; font: 500 13px 'JetBrains Mono', monospace; color: var(--ink2); }
.pc-list { display: flex; flex-direction: column; border: 1px solid rgba(0, 150, 255, .15); background: rgba(17, 24, 39, .6); }
.pc-row { display: flex; align-items: center; gap: 20px; padding: 12px 18px; }
.pc-row + .pc-row { border-top: 1px solid rgba(0, 150, 255, .1); }
.pc-row:hover { background: rgba(0, 150, 255, .05); }
.pc-ty { flex: none; width: 104px; }
.pc-n { flex: 1; min-width: 0; }
.pc-n b { display: block; font: 700 15px/1.5 'JetBrains Mono', monospace; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pc-n span { display: block; margin-top: 1px; font: 400 12.5px 'JetBrains Mono', monospace; color: #7e90a1; white-space: nowrap !important; overflow: hidden; text-overflow: ellipsis; }
.pc-spark { flex: none; display: block; width: 150px; height: 40px; overflow: visible; }
.pc-spark path { fill: none; stroke: #3ddc8a; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.pc-spark.neg path { stroke: #ff6b6b; }
.pc-r { flex: none; min-width: 100px; text-align: right; font: 700 15px 'JetBrains Mono', monospace; font-variant-numeric: tabular-nums; }
.pc-r em { font-style: normal; color: #fff; }
.pc-r small { display: block; margin-top: 2px; font: 400 12.5px 'JetBrains Mono', monospace; color: #7e90a1; }
.pc-r.pos, .pc-r.pos small { color: #3ddc8a; } .pc-r.neg, .pc-r.neg small { color: #ff6b6b; } .pc-r.zero { color: #fff; }
.pc-none { padding: 44px 20px; text-align: center; font-size: 16px; color: var(--ink2); }
.pc-none img { display: block; width: 72px; height: 72px; margin: 0 auto 16px; border-radius: 16px; }

/* ------------------------------------------------------------------ a phone: his whole face over the card */
.pc.narrow .pc-nx { z-index: 1; }
.pc.narrow .pc-chips button { height: 50px; font-size: 16px; }
.pc.narrow .pc-copy { display: none; }
.pc.narrow .pc-bar { flex-wrap: wrap; gap: 8px; padding: 8px 0; }
.pc.narrow .pc-brand { min-height: 0; padding: 0; }
.pc.narrow .pc-brand svg { width: 36px; height: 36px; }
.pc .pc-r.pos small { color: #3ddc8a; } .pc .pc-r.neg small { color: #ff6b6b; }
.pc.narrow .pc-card { background: linear-gradient(112deg, rgba(205, 240, 255, .13) 0%, rgba(205, 240, 255, .03) 20%, rgba(205, 240, 255, 0) 38%), rgb(6, 12, 20); border-radius: 22px; }
.pc.narrow .pc-room { display: none; }
.pc.narrow .pc-nx { -webkit-mask-image: linear-gradient(180deg, #000 30%, transparent 56%); mask-image: linear-gradient(180deg, #000 30%, transparent 56%); }
/* the tabs go to the bottom, under the thumb */
.pc.narrow .pc-tabs { width: 100%; }
.pc.narrow .pc-tabs button { flex: 1 1 auto; justify-content: center; padding: 8px 6px; font-size: 13px; }
.pc.narrow .pc-acts { grid-template-columns: 1fr 1.6fr; gap: 10px; }
.pc.narrow .pc-acts button { height: 54px; font-size: 17px; }
.pc.narrow .pc-toast { bottom: 76px; font-size: 14px; }
.pc.narrow .pc-page { padding: 14px 16px 24px; }
.pc.narrow .pc-h2 { font-size: 26px; margin-bottom: 16px; }
.pc.narrow .pc-stats { gap: 8px; padding-bottom: 14px; }
.pc.narrow .pc-stat { padding: 12px; }
.pc.narrow .pc-stat span { font-size: 9.5px; letter-spacing: .04em; }
.pc.narrow .pc-stat b { font-size: 19px; }
.pc.narrow .pc-row { flex-wrap: wrap; gap: 8px 12px; padding: 12px; }
.pc.narrow .pc-ty { order: 2; width: auto; }
.pc.narrow .pc-n { flex: 1 1 100%; order: 1; }
.pc.narrow .pc-r { order: 3; min-width: 0; margin-left: auto; }
.pc.narrow .pc-r:not(.pos):not(.neg):not(.zero) { margin-left: auto; }
.pc.narrow .pc-spark { display: none; }
.pc.narrow .pc-amt input { margin-left: -.09em; }
.pc.narrow .pc-r { font-size: 16px; }
/* ------------------------------------------------------------------ the Profit Board: the table and tabs of their /themes/performance, a tag per kind in their palette */
.pc-page.pc-pb { padding: 24px 16px 40px; }
.pc-pbh { margin: 0 0 14px; font: 400 41px/1.2 'Archivo Black', sans-serif; letter-spacing: -.615px; color: #e9eff5; }
.pc-pbh span { color: var(--cyan); }
.t-all, .t-h72 { --c: #00cfff; --c-bg: rgba(0, 207, 255, .1); --c-line: rgba(0, 207, 255, .55); }
.t-fund, .t-pitch { --c: #00ff88; --c-bg: rgba(0, 255, 136, .1); --c-line: rgba(0, 255, 136, .55); }
.t-company { --c: #6ea3ff; --c-bg: rgba(59, 130, 246, .16); --c-line: rgba(59, 130, 246, .75); }
.t-card { --c: #fff; --c-bg: rgba(255, 255, 255, .08); --c-line: rgba(255, 255, 255, .5); }
.t-theme { --c: #7fe7ff; --c-bg: rgba(0, 207, 255, .06); --c-line: rgba(127, 231, 255, .6); }
.pb-w { color: rgba(234, 255, 244, .5); font-size: 11px; font-weight: 600; margin-left: 6px; white-space: nowrap; }
.pb-tabs { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 14px; }
.pb-tabs button, .pb-more { height: auto; padding: 6px 14px; border: 1px solid rgba(0, 150, 255, .15); border-radius: 999px; background: rgba(17, 24, 39, .6); font: 700 13px/1.3 'JetBrains Mono', monospace; color: #fff; }
.pb-tabs button:hover, .pb-more:hover { border-color: var(--cyan); }
.pb-tabs button.on { border-color: var(--c); color: var(--c); background: var(--c-bg); }
.pb-asof { margin: 0 0 10px; font: 400 12.5px 'JetBrains Mono', monospace; color: #7e90a1; }
.pb-table { display: table; width: 100%; margin: 0; table-layout: fixed; border-collapse: collapse; border: 1px solid rgba(0, 150, 255, .15); background: rgba(17, 24, 39, .6); font: 400 14px/1.6 'JetBrains Mono', monospace; color: #fff; }
.pb-table th, .pb-table td { padding: 10px 12px; text-align: left; vertical-align: middle; border-bottom: 1px solid rgba(0, 150, 255, .1); }
.pb-table tr:last-child td { border-bottom: 0; }
.pb-table th, .pb-table th button { font: 700 11px/1.6 'JetBrains Mono', monospace; letter-spacing: .06em; text-transform: uppercase; color: #7e90a1; }
.pb-table th button { height: auto; padding: 0; border: 0; background: none; white-space: nowrap; }
.pb-table th button:hover, .pb-table th button.on { color: #fff; }
.pb-table tbody tr:hover { background: rgba(0, 150, 255, .05); }
.pb-rank { width: 46px; color: var(--cyan); font-weight: 800; }
.pb-table th.pb-rank { width: 46px; }
.pb-ty { width: 142px; }
.pb-c { width: 136px; font-variant-numeric: tabular-nums; white-space: nowrap; }
.pb-table .pb-d, .pb-table th:last-child { width: 206px; }
.pb-dn { display: block; font-weight: 700; }
.pb-dn i { margin: 0 6px; font-style: normal; font-weight: 400; color: #7e90a1; }
.pb-dn em { font-style: normal; color: var(--cyan); }
.pb-life { position: relative; display: block; height: 4px; margin: 6px 7px 2px 0; border-radius: 2px; background: rgba(255, 255, 255, .1); }
.pb-life u { position: absolute; left: 0; top: 0; bottom: 0; border-radius: 2px; background: linear-gradient(90deg, rgba(0, 207, 255, .3), #00ff88); }
.pb-life s { position: absolute; top: 50%; width: 10px; height: 10px; margin: -5px 0 0 -5px; border-radius: 50%; background: #eafff4; box-shadow: 0 0 9px 2px rgba(0, 255, 136, .85); }
.pb-table td.pb-c { font-weight: 700; }
.pb-pos { color: #3ddc8a; }
.pb-name a { display: block; font-size: 15px; font-weight: 700; color: #fff; text-decoration: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pb-name a:hover { color: var(--cyan); }
.pb-tag { display: inline-block; padding: 1px 8px; border: 1px solid var(--c-line); border-radius: 999px; background: var(--c-bg); font: 700 10.5px/1.6 'JetBrains Mono', monospace; letter-spacing: .03em; text-transform: uppercase; white-space: nowrap; color: var(--c); }
.pb-tag + .pb-tag { margin-left: 5px; }
.pb-tag.t-pitch { border-color: #00ff88; background: #00ff88; color: #04140c; }
.pb-tym { display: none; }
.pb-more { display: block; margin: 14px auto 0; }
.pc.narrow .pc-pbh, .pc.narrow .pc-h2 { font-size: 26px; }
.pc.narrow .pb-tabs { flex-wrap: nowrap; overflow-x: auto; }
.pc.narrow .pb-tabs button { flex: none; }
.pc.narrow .pb-table, .pc.narrow .pb-table thead, .pc.narrow .pb-table tbody { display: block; }
.pc.narrow .pb-table { font-size: 13px; }
.pc.narrow .pb-table tr { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px 10px; padding: 11px 12px; border-bottom: 1px solid rgba(0, 150, 255, .1); }
.pc.narrow .pb-table tbody tr:last-child { border-bottom: 0; }
.pc.narrow .pb-table th, .pc.narrow .pb-table td { display: block; width: auto; min-width: 0; padding: 0; border: 0; }
.pc.narrow .pb-table .pb-rank, .pc.narrow .pb-table .pb-ty, .pc.narrow .pb-table th:nth-child(3) { display: none; }
.pc.narrow .pb-table .pb-d, .pc.narrow .pb-table th:last-child { width: auto; }
.pc.narrow .pb-table td.pb-name { grid-column: 1 / -1; }
.pc.narrow .pb-table th button { white-space: normal; text-align: left; font-size: 10px; letter-spacing: .02em; }
.pc.narrow .pb-name a { font-size: 14px; }
.pc.narrow .pb-tym { display: block; margin-top: 4px; }
@media (prefers-reduced-motion: reduce) {
  .pc *, .pc *::before, .pc *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}
/* ET-33678: our additions — the toast's link to the product's own page, the count on each Profit Board tab, the plain note */
.pc-toast a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
.pb-tabs button small { margin-left: 4px; font-size: .85em; opacity: .65; }
.pc-note { max-width: 1240px; margin: 18px auto 0; padding: 0 16px; font: 400 12.5px/1.55 'JetBrains Mono', monospace; color: #7e90a1; }
.pc[data-view=deck] .pc-note { display: none; }
.pc-n b a { color: inherit; text-decoration: none; border-bottom: 1px solid rgba(0, 207, 255, .35); }
.pc-n b a:hover { color: var(--cyan); }
/* C1 (ET-33870): the confirm step on the back of the card: product, amount, the product's own fees, in place of the line */
.pc-conf { flex: 1 1 0; min-height: 60px; margin-top: calc(var(--cw) * .02); overflow: auto; display: flex; flex-direction: column; gap: 6px; font: 500 max(12.5px, calc(var(--cw) * .028))/1.35 'Inter', sans-serif; color: var(--ink2); }
.pc-conf[hidden] { display: none; }
.pc-conf b { font: 400 calc(var(--cw) * .04)/1.2 'Archivo Black', sans-serif; color: #fff; }
.pc-conf em { font-style: normal; color: var(--green); font-weight: 700; }
.pc-conf small { margin-top: auto; font: 500 12px/1.3 'JetBrains Mono', monospace; color: var(--mute); }
.pc-card.confirming .pc-chart { display: none; }
.pc-sub span a { color: var(--cyan); text-decoration: underline; text-underline-offset: 3px; }
.pc-toast { white-space: normal; text-align: center; width: max-content; max-width: min(640px, calc(100vw - 32px)); }
