/* 合流 MergePad · #/pool/<id> — "wow" layer over pages/pool.css (owner: pool page). Loaded after type-display.css.
   Night-ocean terminal: glass panels with ice/teal glow, 得意黑 display type on titles / tickers / CTAs, a water-level
   orb for the fill, streams racing in the version race, amber for the leader and the graduation moment.
   Phase colour: .pw[data-phase] sets --ph-rgb (1 ice · 2 teal · 3/4/5 amber · 6 slate). Reduced motion at the end. */

.pw, .pw-sheet, .bbar { --pw-line: rgb(159 219 255 / .13); --pw-line-2: rgb(159 219 255 / .26); --pw-dim: #93AAB7; --pw-ink: #E4F0F4;
  --pw-glass: linear-gradient(180deg, rgb(16 40 54 / .62), rgb(7 20 30 / .62)); }
.pw { --ph-rgb: 70 224 210; position: relative; }
.pw[data-phase="1"] { --ph-rgb: 159 219 255; }
.pw[data-phase="3"], .pw[data-phase="4"], .pw[data-phase="5"] { --ph-rgb: 245 165 36; }
.pw[data-phase="6"] { --ph-rgb: 130 157 169; }

/* ─── hero ─────────────────────────────────────────────────────────────────── */
.pw-hero { position: relative; isolation: isolate; overflow: hidden; padding-top: 20px; }
.pw-hero-bg { position: absolute; inset: 0; z-index: -1; pointer-events: none; overflow: hidden;
  background: radial-gradient(55% 75% at 84% 8%, rgb(27 74 88 / .8), transparent 72%), radial-gradient(40% 60% at 6% 0%, rgb(70 224 210 / .09), transparent 70%), linear-gradient(180deg, #08202B 0%, #071219 88%); }
.pw-caustic { position: absolute; border-radius: 50%; pointer-events: none; filter: blur(30px); }
.pw-caustic.a { right: -140px; top: -280px; width: 680px; height: 620px; background: radial-gradient(closest-side, rgb(70 224 210 / .2), transparent); animation: pw-drift 18s ease-in-out infinite alternate; }
.pw-caustic.b { left: 24%; top: -320px; width: 760px; height: 520px; background: radial-gradient(closest-side, rgb(159 219 255 / .1), transparent); animation: pw-drift 26s ease-in-out infinite alternate-reverse; }
@keyframes pw-drift { to { transform: translate3d(-60px, 40px, 0) scale(1.08); } }
.pw-burst { position: absolute; right: max(40px, calc((100vw - 1360px) / 2 + 40px)); top: 70px; width: 420px; height: 420px; border-radius: 50%;
  background: radial-gradient(closest-side, rgb(var(--ph-rgb) / .24), rgb(var(--ph-rgb) / .06) 55%, transparent); transition: background .8s; }
.pw-rays { position: absolute; inset: -20% 0 30% 30%; opacity: .5;
  background: repeating-linear-gradient(104deg, transparent 0 60px, rgb(159 219 255 / .035) 60px 90px, transparent 90px 170px);
  -webkit-mask-image: radial-gradient(60% 70% at 70% 0%, #000, transparent 75%); mask-image: radial-gradient(60% 70% at 70% 0%, #000, transparent 75%);
  animation: pw-rays 14s ease-in-out infinite alternate; }
@keyframes pw-rays { to { transform: translateX(-50px); opacity: .3; } }
.pw-hero-waves { position: absolute; left: 0; right: 0; bottom: -1px; width: 100%; height: 72px; }
.pw-hero-waves .w1 { fill: rgb(70 224 210 / .05); }
.pw-hero-waves .w2 { fill: #071219; }
.pw-hero-wrap { position: relative; }
.pw-hero-in { display: flex; flex-direction: column; gap: 22px; padding-bottom: 26px; }

.pw-bar { display: flex; align-items: center; gap: 14px; min-height: 40px; }
.pw-back.pp-back { width: 40px; height: 40px; border-radius: 13px; border: 0; color: #CFE3EA; background: rgb(159 219 255 / .06); box-shadow: inset 0 0 0 1px var(--pw-line); }
.pw-back.pp-back:hover { background: rgb(159 219 255 / .12); color: #fff; box-shadow: inset 0 0 0 1px var(--pw-line-2); }
.pw-kick { margin: 0; }
.pw-acts.pp-acts { gap: 8px; }
.pw-pillbtn.btn { border-radius: 999px; border: 1px solid var(--pw-line); background: rgb(159 219 255 / .06); color: #D4E6EC; font-weight: 550; }
.pw-pillbtn.btn:hover:not(:disabled):not([aria-disabled="true"]) { border-color: var(--pw-line-2); background: rgb(159 219 255 / .12); color: #fff; }
.pw-pillbtn.btn.is-amber { color: #FFD591; background: rgb(245 165 36 / .1); border-color: rgb(245 165 36 / .4); box-shadow: 0 0 20px -8px rgb(245 165 36 / .8); }
.pw-pillbtn.btn.is-amber:hover:not(:disabled) { background: rgb(245 165 36 / .18); border-color: rgb(255 199 102 / .7); color: #FFE7BC; }
.pw-pillbtn[aria-disabled="true"], .pw-pillbtn:disabled { opacity: .45; pointer-events: none; }
.pw-iconbtn.iconbtn { width: 36px; height: 36px; border-radius: 999px; background: rgb(159 219 255 / .06); box-shadow: inset 0 0 0 1px var(--pw-line); color: #D4E6EC; }
.pw-iconbtn.iconbtn:hover { background: rgb(159 219 255 / .12); color: #fff; }

.pw-hgrid { display: grid; grid-template-columns: minmax(0, 1fr) 330px; gap: 24px 56px; align-items: start; }
.pw-hl { min-width: 0; }
.pw-titles { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 22px; }
.pw-h1.display { font-size: clamp(46px, 5.6vw, 84px); line-height: 1; }
.lang-en .pw-h1.display { font-size: clamp(44px, 5.2vw, 78px); }
.pw-h1 .pw-h1b { margin-left: .16em; }
.pw-badges { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.pw-phasebox:empty, .pw-mergebox:empty { display: none; }
.pw-phase { display: inline-flex; align-items: center; gap: 8px; height: 34px; padding: 0 16px 0 13px; border-radius: 999px; white-space: nowrap;
  font-size: 14px; font-weight: 650; letter-spacing: .02em; color: rgb(var(--ph-rgb)); background: rgb(var(--ph-rgb) / .12);
  box-shadow: inset 0 0 0 1px rgb(var(--ph-rgb) / .5), 0 0 26px -6px rgb(var(--ph-rgb) / .75), inset 0 0 14px rgb(var(--ph-rgb) / .14);
  text-shadow: 0 0 12px rgb(var(--ph-rgb) / .55); }
.pw-phase[data-phase="1"] { --ph-rgb: 159 219 255; }
.pw-phase[data-phase="2"] { --ph-rgb: 70 224 210; }
.pw-phase[data-phase="3"], .pw-phase[data-phase="4"], .pw-phase[data-phase="5"] { --ph-rgb: 255 199 102; }
.pw-phase[data-phase="6"] { --ph-rgb: 150 172 184; box-shadow: inset 0 0 0 1px rgb(150 172 184 / .4); text-shadow: none; }
.pw-phase .i { width: 14px; height: 14px; }
.pw-dot { width: 8px; height: 8px; flex: none; border-radius: 50%; background: currentColor;
  box-shadow: 0 0 0 4px rgb(var(--ph-rgb) / .16), 0 0 12px 2px rgb(var(--ph-rgb) / .8); animation: pw-pulse 2.2s ease-in-out infinite; }
@keyframes pw-pulse { 50% { box-shadow: 0 0 0 7px rgb(var(--ph-rgb) / .05), 0 0 16px 4px rgb(var(--ph-rgb) / .5); } }
.pw-mergebox .chip { height: 34px; padding: 0 14px; border-radius: 999px; font-size: 13px; color: #CFE3EA; background: rgb(159 219 255 / .06); border-color: var(--pw-line); }
.pw-mergebox .chip .i { color: var(--teal); }
.pw-sub { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; margin-top: 16px; font-size: 14px; line-height: 20px; color: var(--pw-dim); }
.pw-sub > .i { width: 15px; height: 15px; color: var(--teal); filter: drop-shadow(0 0 6px rgb(70 224 210 / .7)); }
.pw-sub .pp-handle { color: #F2FAFC; font-weight: 650; }
.pw-subv { color: #7FD9CF; font-size: 13px; }

/* right column: the water-level orb + the big countdown */
.pw-hr { display: flex; flex-direction: column; align-items: stretch; gap: 0; min-width: 0; }
.pw-orb { position: relative; width: 250px; height: 250px; margin: 6px auto 0; }
.pw-orb-halo { position: absolute; inset: -34px; border-radius: 50%; pointer-events: none;
  background: radial-gradient(closest-side, rgb(var(--ph-rgb) / .3), rgb(var(--ph-rgb) / .08) 60%, transparent); animation: pw-breathe 5s ease-in-out infinite; }
@keyframes pw-breathe { 50% { transform: scale(1.06); opacity: .75; } }
.pw-orb-svg { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.pw-orb-bg { fill: #06151F; }
.pw-orb-lvl { transition: transform 1.8s cubic-bezier(.16, 1, .3, 1); }
.pw-wv { animation: pw-wave 6s linear infinite; }
.pw-wv.b { animation-duration: 9s; }
.pw-wv.b path { fill: rgb(var(--ph-rgb) / .32); }
.pw-wv.f path { fill: rgb(var(--ph-rgb) / .58); }
.pw-wv.hi { animation-duration: 6s; }
.pw-wv.hi path { fill: none; stroke: rgb(255 255 255 / .75); stroke-width: 1.4; }
@keyframes pw-wave { to { transform: translateX(-80px); } }
.pw-wv.b { animation-name: pw-wave-b; }
@keyframes pw-wave-b { to { transform: translateX(-100px); } }
.pw-orb-gloss { fill: rgb(255 255 255 / .035); }
.pw-orb-ring { fill: none; stroke-width: 2.2; opacity: .9; filter: drop-shadow(0 0 6px rgb(var(--ph-rgb) / .8)); }
.pw-ring-a { stop-color: #46E0D2; } .pw-ring-b { stop-color: #9FDBFF; } .pw-ring-c { stop-color: #FFC766; }
.pw-orb-tick { fill: #fff; filter: drop-shadow(0 0 5px #fff); transform-box: view-box; transform-origin: 50% 50%; animation: pw-spin 14s linear infinite; }
@keyframes pw-spin { to { transform: rotate(360deg); } }
.pw-orb-in { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; text-align: center; pointer-events: none; }
.pw-orb-l { font-size: 12px; letter-spacing: .14em; color: #CFE3EA; text-shadow: 0 1px 6px rgb(0 0 0 / .6); }
.lang-en .pw-orb-l { letter-spacing: .08em; text-transform: uppercase; font-size: 11px; }
.pw-orb-pct.num-display { font-size: 50px; filter: drop-shadow(0 0 16px rgb(var(--ph-rgb) / .45)) drop-shadow(0 2px 6px rgb(0 0 0 / .6)); }
.pw-orb-pct.is-pre, .pw-orb-pct.num-display.is-pre { display: block; max-width: 150px; margin-inline: auto; font-family: var(--font-sans); font-size: 18px; line-height: 1.25; font-weight: 600; letter-spacing: 0; white-space: normal; text-wrap: balance; text-align: center; }
@media (max-width: 640px) { .pw-orb-pct.num-display.is-pre { max-width: 104px; font-size: 14px; } }
.pw-orb-sub { font-family: var(--font-sans); font-variant-numeric: tabular-nums; font-size: 12.5px; font-weight: 500; color: #DDEFF4; text-shadow: 0 1px 6px rgb(0 0 0 / .7); }
.pw-orb-goal { position: absolute; left: 50%; bottom: -14px; transform: translateX(-50%); display: inline-flex; align-items: center; height: 26px; padding: 0 12px; border-radius: 999px;
  white-space: nowrap; font-size: 12px; font-weight: 600; color: #FFD591; background: #0B1D28; box-shadow: inset 0 0 0 1px rgb(245 165 36 / .45), 0 0 18px -6px rgb(245 165 36 / .8); }
.pw-orb.is-full .pw-orb-ring { filter: drop-shadow(0 0 10px rgb(245 165 36 / .9)); }
.pw-orb[data-kind="exp"] .pw-wv path { fill: rgb(130 157 169 / .35); }
.pw-cd { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 2px 8px; margin-top: 34px; padding: 14px 18px 12px; border-radius: 20px;
  background: var(--pw-glass); box-shadow: inset 0 0 0 1px var(--pw-line), inset 0 1px 0 rgb(255 255 255 / .05); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); }
.pw-cd > .i { width: 14px; height: 14px; color: rgb(var(--ph-rgb)); }
.pw-cdl { font-size: 13px; color: var(--pw-dim); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pw-cdv { grid-column: 1 / -1; min-height: 46px; font-family: var(--font-sans); font-weight: 600; font-size: 40px; line-height: 46px; letter-spacing: -.03em;
  color: #fff; text-shadow: 0 0 26px rgb(var(--ph-rgb) / .6); font-variant-numeric: tabular-nums; white-space: nowrap; }
.pw-cdv .cd { font: inherit; color: inherit; letter-spacing: inherit; }
.pw-cdv .cd.is-soon { color: #FFD591; text-shadow: 0 0 26px rgb(245 165 36 / .7); }
.pw-cdv.is-date { font-size: 24px; letter-spacing: -.01em; }
.pw-cdv.is-word { font-family: var(--ff-display); font-weight: 800; font-size: 26px; letter-spacing: .02em; color: var(--amber-hi); }
.pw-cdv.is-pre { font-family: var(--font-sans); font-size: 16px; font-weight: 500; color: var(--pw-dim); text-shadow: none; letter-spacing: 0; }
.pw-cd[data-kind="live"] { box-shadow: inset 0 0 0 1px rgb(var(--ph-rgb) / .35), 0 0 40px -18px rgb(var(--ph-rgb) / .8); }

/* stat strip */
.pw-stats { display: grid; grid-template-columns: minmax(0, 1.5fr) repeat(5, minmax(0, 1fr)); border-radius: 20px; overflow: hidden;
  background: var(--pw-glass); box-shadow: inset 0 0 0 1px var(--pw-line), 0 30px 60px -44px rgb(0 0 0 / .9); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); }
.pw .pw-stats > .pw-stat { display: flex !important; flex-direction: column; gap: 6px; min-width: 0; padding: 15px 18px 14px; }
.pw-stats > .pw-stat + .pw-stat { box-shadow: inset 1px 0 0 rgb(159 219 255 / .08); }
.pw-stl { font-size: 12px; line-height: 16px; color: var(--pw-dim); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pw-stv { font-family: "Geist", var(--font-sans); font-weight: 650; font-size: 19px; line-height: 26px; letter-spacing: -.02em; color: #F2FAFC; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-variant-numeric: tabular-nums; }
.pw-stv .u, .pw-price .u { margin-left: 4px; font-size: 12px; font-weight: 500; letter-spacing: 0; color: var(--pw-dim); }
.pw-stv.is-pre, .pw-price.is-pre { font-family: var(--font-sans); font-size: 13px; font-weight: 500; color: var(--pw-dim); letter-spacing: 0; }
.pw-stat-px { background: linear-gradient(90deg, rgb(var(--ph-rgb) / .1), transparent); }
.pw-price { display: block; font-family: "Geist", var(--font-sans); font-weight: 700; font-size: 26px; line-height: 30px; letter-spacing: -.03em; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pw-price sub { font-size: .6em; opacity: .7; }
.pw-price.up { color: #6FF0B6; text-shadow: 0 0 18px rgb(34 196 127 / .5); }
.pw-price.down { color: #FF8A99; }
.pw-pxsub { display: flex; align-items: baseline; gap: 6px; min-height: 16px; font-size: 12px; line-height: 16px; white-space: nowrap; overflow: hidden; }
.pw-pxsub .num { font-size: 12px; }

/* 只认这个地址 — the coin address plate */
.pw-plate { position: relative; isolation: isolate; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 14px 24px;
  padding: 16px 20px; border-radius: 22px; overflow: hidden;
  background: radial-gradient(60% 140% at 50% 0%, rgb(245 165 36 / .1), transparent 70%), linear-gradient(180deg, rgb(20 40 52 / .75), rgb(8 20 29 / .75));
  box-shadow: inset 0 0 0 1px rgb(255 199 102 / .32), 0 0 0 4px rgb(245 165 36 / .04), 0 24px 60px -36px rgb(245 165 36 / .55); }
.pw-plate[hidden] { display: none; }
.pw-plate::before { content: ""; position: absolute; z-index: -1; inset: 0; background: linear-gradient(105deg, transparent 35%, rgb(255 231 188 / .1) 48%, transparent 60%);
  transform: translateX(-100%); animation: pw-plate-sheen 7s ease-in-out 1.5s infinite; pointer-events: none; }
@keyframes pw-plate-sheen { 0%, 70% { transform: translateX(-100%); } 100% { transform: translateX(100%); } }
.pw-plate-h { display: flex; align-items: center; gap: 12px; min-width: 0; }
.pw-plate-ic { display: grid; place-items: center; width: 40px; height: 40px; flex: none; border-radius: 13px; color: #1B1002;
  background: linear-gradient(180deg, #FFDA8A, #F5A524); box-shadow: 0 0 22px -2px rgb(245 165 36 / .7), inset 0 1px 0 rgb(255 255 255 / .5); }
.pw-plate-tt { display: flex; flex-direction: column; gap: 2px; min-width: 0; max-width: 260px; }
.pw-plate-t { font-family: var(--ff-display); font-weight: 800; font-size: 20px; line-height: 1.15; letter-spacing: .02em; color: #FFE7BC; text-shadow: 0 0 14px rgb(245 165 36 / .5); }
.lang-en .pw-plate-t { letter-spacing: 0; }
.pw-plate-s { font-size: 12px; line-height: 17px; color: var(--pw-dim); }
.pw-plate-box { min-width: 0; display: flex; justify-content: center; }
.pw-addr { display: inline-flex; align-items: center; gap: 12px; max-width: 100%; padding: 10px 16px; border-radius: 14px; color: #FFE7BC; text-align: left;
  background: rgb(3 12 18 / .55); box-shadow: inset 0 0 0 1px rgb(255 199 102 / .22); transition: box-shadow .3s, background-color .3s; }
.pw-addr:hover:not(:disabled) { background: rgb(3 12 18 / .75); box-shadow: inset 0 0 0 1px rgb(255 199 102 / .55), 0 0 26px -8px rgb(245 165 36 / .8); }
.pw-addr:disabled { cursor: default; }
.pw-addr > .i { flex: none; width: 15px; height: 15px; color: #C9A76C; }
.pw-addr-g { display: flex; flex-wrap: wrap; gap: 2px 8px; min-width: 0; font-family: "Geist Mono", var(--font-mono); font-size: 17px; line-height: 26px; font-weight: 500; letter-spacing: 0; color: #EAF6FA; }
.pw-addr-g .pw-0x { color: #8FA9B7; margin-right: -5px; }
.pw-addr-g .g.hl { color: #FFD591; text-shadow: 0 0 12px rgb(245 165 36 / .6); font-weight: 650; }
.pw-plate-box.is-empty .pw-addr-g { font-family: var(--font-sans); font-size: 14px; color: var(--pw-dim); }
.pw-plate-acts { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 8px; }
.pw-plate-v { display: inline-flex; align-items: center; gap: 8px; font-size: 12px; }
.pw-verify { display: inline-flex; align-items: center; gap: 5px; font-size: 12.5px; color: #CFE3EA; }
.pw-verify .i { color: var(--teal); }
.pw-plate-v .res { display: inline-flex; align-items: center; gap: 4px; }
.pw-plate.is-grad { box-shadow: inset 0 0 0 1px rgb(255 199 102 / .5), 0 0 0 4px rgb(245 165 36 / .06), 0 24px 70px -30px rgb(245 165 36 / .7); }

/* the tweet — a quoted-post card */
.pw-tweet { position: relative; isolation: isolate; overflow: hidden; margin-top: 22px; max-width: 700px; padding: 18px 22px 16px 24px; border-radius: 22px;
  background: linear-gradient(180deg, rgb(255 255 255 / .07), rgb(255 255 255 / .025));
  box-shadow: inset 0 0 0 1px rgb(159 219 255 / .2), inset 0 1px 0 rgb(255 255 255 / .08), 0 30px 70px -40px rgb(0 0 0 / .9), 0 0 60px -28px rgb(70 224 210 / .55);
  -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
.pw-tweet::before { content: ""; position: absolute; left: 0; top: 18px; bottom: 18px; width: 3px; border-radius: 0 3px 3px 0; background: linear-gradient(180deg, var(--teal), var(--ice) 50%, var(--amber)); box-shadow: 0 0 14px rgb(70 224 210 / .7); }
.pw-tw-q { position: absolute; z-index: -1; right: 18px; top: -26px; font-family: var(--ff-display); font-weight: 800; font-size: 150px; line-height: 1; color: rgb(159 219 255 / .08); pointer-events: none; }
.pw-tw { display: flex; flex-direction: column; gap: 12px; min-width: 0; }
.pw-tw-h { display: flex; align-items: center; gap: 12px; min-width: 0; }
.pw-tw-av { position: relative; display: grid; place-items: center; width: 44px; height: 44px; flex: none; border-radius: 50%; overflow: hidden; padding: 2px;
  background: conic-gradient(from 200deg, #46E0D2, #9FDBFF, #FFFFFF, #FFC766, #46E0D2); }
.pw-tw-av .l { display: grid; place-items: center; width: 100%; height: 100%; border-radius: 50%; background: #0C2230; font-family: var(--ff-display); font-weight: 800; font-size: 19px; color: #EAF8FF; }
.pw-tw-av img { position: absolute; inset: 2px; width: calc(100% - 4px); height: calc(100% - 4px); border-radius: 50%; object-fit: cover; }
.pw-tw-h .who { flex: 1 1 auto; min-width: 0; }
.pw-tw-h .nm { display: flex; align-items: center; gap: 6px; min-width: 0; }
.pw-tw-h .nm b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 15px; line-height: 20px; font-weight: 700; color: #F5FBFD; }
.pw-tw-h .nm .i { width: 15px; height: 15px; flex: none; color: var(--teal); }
.pw-tw-h .hd { margin-top: 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; line-height: 16px; color: #8FA9B7; }
.pw-tw-h .tm { flex: none; font-size: 12px; color: #8FA9B7; }
.pw-tw-text.pp-twtext { font-family: "Geist", var(--cjk), system-ui, sans-serif; font-size: 16px; line-height: 1.7; color: #E4F0F4; white-space: pre-wrap; overflow-wrap: anywhere; }
.pw-tw-text.is-pre { font-family: var(--font-sans); }
.pw-tw-text.is-clamp { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; }
.pw-tw-text.is-pre { font-size: 14px; color: var(--pw-dim); }
.pw-tw-text mark { color: #fff; border-radius: 6px; padding: 1px 4px; box-decoration-break: clone; -webkit-box-decoration-break: clone;
  background: linear-gradient(100deg, rgb(70 224 210 / .26), rgb(159 219 255 / .2) 55%, rgb(245 165 36 / .22)); box-shadow: inset 0 -2px 0 rgb(70 224 210 / .75), 0 0 22px -6px rgb(70 224 210 / .7); }
.pw-tw-more { display: inline-flex; align-items: center; gap: 4px; align-self: flex-start; margin-top: -4px; font-size: 13px; font-weight: 600; color: var(--ice-hi); }
.pw-tw-more .i { width: 14px; height: 14px; transition: transform .25s; }
.pw-tw-more[aria-expanded="true"] .i { transform: rotate(180deg); }
.pw-tw-media { display: grid; gap: 4px; border-radius: 16px; overflow: hidden; box-shadow: inset 0 0 0 1px rgb(255 255 255 / .1); max-height: 280px; }
.pw-tw-media.is-multi { grid-template-columns: 1fr 1fr; }
.pw-tw-media img { display: block; width: 100%; height: 100%; min-height: 0; max-height: 280px; object-fit: cover; background: #0C2230; }
.pw-tw-media.is-multi img { aspect-ratio: 16 / 10; }
.pw-tw-mnote { position: relative; display: flex; align-items: flex-end; height: 120px; padding: 10px; border-radius: 16px; overflow: hidden; text-decoration: none;
  box-shadow: inset 0 0 0 1px rgb(255 255 255 / .1); color: #EAF8FF; font-size: 12px; }
.pw-tw-mnote > svg { position: absolute; inset: 0; width: 100%; height: 100%; }
.pw-tw-mnote > .pw-mn { position: relative; display: inline-flex; align-items: center; gap: 6px; height: 26px; padding: 0 10px; border-radius: 999px;
  background: rgb(4 14 22 / .66); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); border: 1px solid rgb(255 255 255 / .14); }
.pw-tw-mnote .i { width: 12px; height: 12px; }
.pw-tw-f { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 16px; padding-top: 12px; border-top: 1px solid rgb(159 219 255 / .1); font-size: 12.5px; line-height: 18px; }
.pw-tw-proof { display: inline-flex; align-items: center; gap: 6px; color: #7FD9CF; }
.pw-tw-proof .i { width: 13px; height: 13px; }
.pw-tw-id { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pw-tw-id .num { font-size: 12px; }
.pw-tw-open { display: inline-flex; align-items: center; gap: 5px; color: var(--ice-hi); font-weight: 600; font-size: 13px; text-decoration: none; }
.pw-tw-open:hover { color: #fff; }
.pw-tweet.is-pre { box-shadow: inset 0 0 0 1px rgb(159 219 255 / .12); }
.pw-tweet.is-pre::before { opacity: .4; }

/* phase rail */
.pw-rail.pp-rail { gap: 6px; padding-bottom: 14px; }
.pw-rail .pp-seg .bb { height: 4px; border-radius: 4px; background: rgb(159 219 255 / .08); overflow: hidden; }
.pw-rail .pp-seg .bb > i { border-radius: 4px; background: linear-gradient(90deg, rgb(var(--ph-rgb) / .6), rgb(var(--ph-rgb))); box-shadow: 0 0 12px rgb(var(--ph-rgb) / .8); transition: width 1s var(--ease-out-expo); }
.pw-rail .pp-seg.is-done .bb, .pw-rail .pp-seg.is-done .bb > i { background: rgb(159 219 255 / .4); box-shadow: none; }
.pw-rail .pp-seg.is-now .bb { background: rgb(var(--ph-rgb) / .14); }
.pw-rail .pp-seg.is-fut .bb { background: repeating-linear-gradient(90deg, rgb(159 219 255 / .16) 0 5px, transparent 5px 9px); }
.pw-rail .pp-seg.is-exp .bb, .pw-rail .pp-seg.is-exp3 .bb, .pw-rail .pp-seg.is-exp .bb > i, .pw-rail .pp-seg.is-exp3 .bb > i { background: rgb(130 157 169 / .35); box-shadow: none; }
.pw-rail .pp-seg .row { color: var(--pw-dim); }
.pw-rail .pp-seg .lb { color: #BFD3DC; }
.pw-rail .pp-seg.is-now .lb { color: #fff; text-shadow: 0 0 12px rgb(var(--ph-rgb) / .6); }
.pw-rail .pp-seg.is-now .mk .dot { border-radius: 50%; width: 7px; height: 7px; background: rgb(var(--ph-rgb)); box-shadow: 0 0 10px 2px rgb(var(--ph-rgb) / .8); }
.pw-rail .pp-seg.is-done .mk { color: var(--teal); }

/* ─── body: glass panels ───────────────────────────────────────────────────── */
.pw-body.pp-body { padding-top: 26px; padding-bottom: 56px; }
.pw-alert.callout { margin-bottom: 20px; border-radius: 16px; padding: 12px 16px; font-size: 13px; background: linear-gradient(90deg, rgb(245 165 36 / .16), rgb(245 165 36 / .04)); border-color: rgb(245 165 36 / .4); }
.pw-alert[hidden] { display: none; }
.pw-grid { display: grid; grid-template-columns: minmax(0, 1fr) 404px; gap: 22px; align-items: start; }
.pw-col { display: flex; flex-direction: column; gap: 22px; min-width: 0; }
.pw-col [hidden] { display: none !important; }
.pw-tradehome { display: flex; flex-direction: column; min-width: 0; }
.pw-tradehome:empty { display: none; }
.pw-panel.panel, .pw-trade.panel { border: 0; border-radius: 24px; background: var(--pw-glass);
  box-shadow: inset 0 0 0 1px var(--pw-line), inset 0 1px 0 rgb(255 255 255 / .05), 0 30px 70px -44px rgb(0 0 0 / .95); }
.pw-ph { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; padding: 22px 24px 0; min-width: 0; }
.pw-pht { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; min-width: 0; }
.pw-pht .kicker { margin: 0; }
.pw-h2.display { font-size: clamp(28px, 2.6vw, 38px); line-height: 1.05; }
.pw-h2s.display { font-size: 24px; }
.pw-ph > .link { display: inline-flex; align-items: center; gap: 4px; font-size: 13px; color: var(--ice-hi); white-space: nowrap; }
.pw-posaddr { font-size: 12px; color: var(--pw-dim); }

/* chart */
.pw-chart .curve { padding: 8px 12px 0; }
.pw-chart .curve-box { height: 340px; }
.pw-chart .curve-legend { flex-wrap: wrap; gap: 6px 14px; font-size: 12px; color: var(--pw-dim); }
.pw-chart .curve-legend .ln { background: linear-gradient(90deg, var(--teal), var(--ice)); box-shadow: 0 0 8px rgb(70 224 210 / .8); height: 3px; }
.pw-chart .curve-legend .ln.fut { background: repeating-linear-gradient(90deg, rgb(159 219 255 / .4) 0 4px, transparent 4px 7px); box-shadow: none; }
.pw-chart .curve-legend .ln.grad { border-top-color: #FFC766; }
.pw-chart .curve .ax { fill: #6F8896; }
.pw-chart .curve .ax-s, .pw-chart .curve .ax-s2 { fill: #93AAB7; }
.pw-chart .curve .ax-s2 { fill: #FFD591; }
.pw-chart .curve-chip { height: 26px; padding: 0 10px; border-radius: 999px; background: rgb(8 24 33 / .85); border-color: rgb(245 165 36 / .45); color: #FFD591; box-shadow: 0 0 18px -6px rgb(245 165 36 / .8); }
.pw-chart .curve-tip { border-radius: 14px; background: rgb(8 24 33 / .94); border: 1px solid var(--pw-line-2); box-shadow: 0 20px 40px -20px rgb(0 0 0 / .9); }
.pw-chart .curve-foot { margin: 6px 12px 12px; border: 0; border-radius: 16px; background: rgb(3 12 18 / .4); box-shadow: inset 0 0 0 1px rgb(159 219 255 / .08); overflow: hidden; }
.pw-chart .curve-foot > div { box-shadow: -1px 0 0 rgb(159 219 255 / .08); }
.pw-chart .curve-foot > div:first-child { box-shadow: none; }
.pw-chart .curve-foot .l { color: var(--pw-dim); }
.pw-chart .curve-foot .v { font-size: 14px; font-weight: 600; color: #F2FAFC; }
.pw-chart .curve-foot .v.is-pre, .pw-chart .curve-foot .v.is-na { font-size: 12.5px; font-weight: 500; color: #9FB6C3; white-space: normal; overflow: visible; }

/* ─── VERSION RACE — the hero of the page ─────────────────────────────────── */
.pw-race { position: relative; isolation: isolate; overflow: hidden; }
.pw-race.panel { box-shadow: inset 0 0 0 1px rgb(159 219 255 / .17), inset 0 1px 0 rgb(255 255 255 / .06), 0 40px 90px -50px rgb(245 165 36 / .45), 0 30px 70px -44px rgb(0 0 0 / .95); }
.pw-race::before { content: ""; position: absolute; z-index: -1; right: -120px; top: -160px; width: 520px; height: 380px; border-radius: 50%; pointer-events: none;
  background: radial-gradient(closest-side, rgb(245 165 36 / .14), transparent); }
.pw-race::after { content: ""; position: absolute; z-index: -1; left: -140px; bottom: -180px; width: 520px; height: 360px; border-radius: 50%; pointer-events: none;
  background: radial-gradient(closest-side, rgb(70 224 210 / .1), transparent); }
.pw-race-h2.display { font-size: clamp(34px, 3.4vw, 50px); }
.pw-race-aside { flex: none; display: inline-flex; align-items: center; }
.pw-count { font-family: var(--ff-display); font-weight: 800; font-size: 26px; color: #EAF6FA; }
.pw-count .num { font-family: inherit; }
.pw-count > .num:last-child { font-size: 17px; color: #6F8896; }
.pw-race-hint { display: inline-flex; align-items: center; height: 30px; padding: 0 12px; border-radius: 999px; font-size: 12.5px; font-weight: 600; color: #FFD591;
  background: rgb(245 165 36 / .1); box-shadow: inset 0 0 0 1px rgb(245 165 36 / .4), 0 0 20px -8px rgb(245 165 36 / .8); white-space: nowrap; }
.pw-race-b { display: flex; flex-direction: column; padding: 20px 24px 12px; min-width: 0; }
.pw-river-wrap { margin-bottom: 18px; }
.pw-river { display: flex; gap: 3px; height: 14px; padding: 2px; border-radius: 999px; background: rgb(3 12 18 / .6); box-shadow: inset 0 0 0 1px rgb(159 219 255 / .1); overflow: hidden; }
.pw-river > i { --hue: var(--st-2); position: relative; min-width: 6px; border-radius: 999px; overflow: hidden; background: var(--hue); opacity: .85; transition: flex-grow 1.2s var(--ease-out-expo); }
.pw-river > i::after, .pw-fill::after { content: ""; position: absolute; inset: 0; background: repeating-linear-gradient(100deg, transparent 0 14px, rgb(255 255 255 / .32) 14px 18px, transparent 18px 30px);
  animation: pw-flow 1.8s linear infinite; opacity: .7; }
@keyframes pw-flow { to { background-position: 64px 0; } }
.pw-river > i.lead { opacity: 1; background: linear-gradient(90deg, #E8900F, #FFC766 70%, #FFF1D0); box-shadow: 0 0 16px rgb(245 165 36 / .9); }
.pw-river > i.mine { box-shadow: inset 0 0 0 1.5px #fff; }
.pw-river > i.rest { background: rgb(159 219 255 / .18); }
.pw-river > i.rest::after { display: none; }
.pw-river.is-empty { background: repeating-linear-gradient(90deg, rgb(159 219 255 / .08) 0 6px, transparent 6px 10px); }
.pw-river-leg { display: flex; align-items: center; justify-content: space-between; gap: 8px 16px; margin-top: 10px; min-width: 0; font-size: 12.5px; line-height: 18px; color: var(--pw-dim); }
.pw-river-leg .items { display: flex; flex-wrap: wrap; gap: 4px 16px; min-width: 0; }
.pw-river-leg .it { --hue: var(--st-2); display: inline-flex; align-items: center; gap: 6px; min-width: 0; }
.pw-river-leg .it .dot { width: 8px; height: 8px; flex: none; border-radius: 50%; background: var(--hue); box-shadow: 0 0 8px var(--hue); }
.pw-river-leg .it .nm { max-width: 130px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; color: #D4E6EC; }
.pw-river-leg .it.lead .nm { color: var(--amber-hi); }
.pw-river-leg .it .num { font-size: 12px; color: #AFC6D1; }
.pw-river-leg .tot { flex: none; white-space: nowrap; }
.pw-river-leg .tot .num { font-size: 12px; color: #EAF6FA; }
.pw-sim.pp-sim { margin: -6px 0 14px; }
.pw-rlist { display: flex; flex-direction: column; gap: 10px; min-width: 0; }
.pw-rlist > .empty { padding: 28px 0; }

.pw-v { --hue: var(--st-2); position: relative; display: grid; grid-template-columns: 26px 56px minmax(0, 1fr) auto auto; align-items: center; gap: 14px;
  min-width: 0; padding: 12px 14px 12px 10px; border-radius: 18px; background: rgb(255 255 255 / .028);
  box-shadow: inset 0 0 0 1px rgb(159 219 255 / .09); transition: box-shadow .45s, background-color .45s; animation: pw-rise .7s var(--ease-out-expo) both; animation-delay: calc(var(--i, 0) * 70ms); }
@keyframes pw-rise { from { opacity: 0; transform: translate3d(0, 14px, 0); } }
.pw-v:hover { background: rgb(255 255 255 / .045); box-shadow: inset 0 0 0 1px rgb(159 219 255 / .2); }
.pw-v.no-act { grid-template-columns: 26px 56px minmax(0, 1fr) auto; }
.pw-v.is-mine { box-shadow: inset 0 0 0 1px rgb(255 255 255 / .28); }
.pw-v.is-sel { box-shadow: inset 0 0 0 1.5px rgb(70 224 210 / .8), 0 0 34px -14px rgb(70 224 210 / .8); }
.pw-v.is-lead { background: radial-gradient(120% 160% at 0% 50%, rgb(245 165 36 / .17), transparent 60%), rgb(255 255 255 / .035);
  box-shadow: inset 0 0 0 1px rgb(255 199 102 / .5), 0 0 0 4px rgb(245 165 36 / .05), 0 20px 50px -26px rgb(245 165 36 / .75); }
.pw-v.is-lead::before { content: ""; position: absolute; inset: -1px; border-radius: 19px; padding: 1px; pointer-events: none;
  background: conic-gradient(from var(--pw-ang, 0deg), transparent 0 60%, rgb(255 231 188 / .95) 72%, rgb(245 165 36 / .9) 78%, transparent 90% 100%);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0);
  animation: pw-ring 5s linear infinite; }
@property --pw-ang { syntax: "<angle>"; inherits: false; initial-value: 0deg; }
@keyframes pw-ring { to { --pw-ang: 360deg; } }
.pw-v.is-dim { opacity: .55; }
.pw-v.is-dim:hover { opacity: .85; }
.pw-v.is-skel { grid-template-columns: 26px 56px minmax(0, 1fr) auto; animation: none; }
.pw-v.is-skel .pw-v-m { gap: 10px; }
.pw-rk { font-family: var(--ff-display); font-weight: 800; font-size: 22px; line-height: 1; text-align: center; color: #5F7A88; }
.pw-v.is-lead .pw-rk { color: var(--amber-hi); text-shadow: 0 0 14px rgb(245 165 36 / .8); }
.pw-art { position: relative; display: block; flex: none; overflow: hidden; width: 40px; height: 40px; border-radius: 12px; background: #0C2230; box-shadow: inset 0 0 0 1px rgb(255 255 255 / .1); }
.pw-art > svg, .pw-art > img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; }
.pw-art.is-empty { background: rgb(159 219 255 / .06); }
.pw-art-96 { width: 96px; height: 96px; border-radius: 26px; }
.pw-art-56 { width: 56px; height: 56px; border-radius: 16px; }
.pw-art-48 { width: 48px; height: 48px; border-radius: 14px; }
.pw-art-40 { width: 40px; height: 40px; border-radius: 12px; }
.pw-art-32 { width: 32px; height: 32px; border-radius: 10px; }
.pw-art-24 { width: 24px; height: 24px; border-radius: 7px; }
.pw-v.is-lead .pw-art { box-shadow: 0 0 0 2px rgb(255 199 102 / .75), 0 0 24px rgb(245 165 36 / .6); }
.pw-v-m { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.pw-v-top { display: flex; align-items: center; gap: 8px; min-width: 0; }
.pw-sym { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-block: .06em;
  font-family: var(--ff-display); font-weight: 800; font-size: 25px; line-height: 1.05; letter-spacing: .01em; color: #F5FBFD; }
.pw-v.is-lead .pw-sym { background: linear-gradient(180deg, #FFF6E6 10%, #FFD591 50%, var(--amber) 100%); -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent; color: transparent; filter: drop-shadow(0 0 12px rgb(245 165 36 / .45)); }
.pw-tags { display: flex; align-items: center; gap: 6px; flex: none; }
.pw-v.is-mine:not(.no-act) .pw-tags .tag.mine { display: none; }
.pw-crown { display: inline-flex; align-items: center; gap: 4px; height: 20px; padding: 0 8px; border-radius: 999px; white-space: nowrap;
  font-size: 11px; font-weight: 700; color: #1B1002; background: linear-gradient(180deg, #FFDA8A, #F5A524); box-shadow: 0 0 14px rgb(245 165 36 / .6); }
.pw-crown .i { width: 11px; height: 11px; }
.pw-v-name { display: flex; align-items: baseline; gap: 8px; min-width: 0; font-size: 12.5px; line-height: 17px; color: var(--pw-dim); }
.pw-name { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pw-name:empty { display: none; }
.pw-v-meta { flex: none; font-variant-numeric: tabular-nums; font-size: 11.5px; color: #5F7A88; }
.pw-stream { position: relative; height: 8px; margin-top: 7px; border-radius: 999px; overflow: hidden; background: rgb(159 219 255 / .07); }
.pw-fill { position: absolute; inset: 0 auto 0 0; width: 0; border-radius: inherit; overflow: hidden;
  background: linear-gradient(90deg, color-mix(in oklab, var(--hue) 45%, transparent), var(--hue)); box-shadow: 0 0 12px color-mix(in oklab, var(--hue) 70%, transparent);
  transition: width 1.5s var(--ease-out-expo); }
.pw-v.is-lead .pw-fill { background: linear-gradient(90deg, #E8900F, #FFC766 70%, #FFF1D0); box-shadow: 0 0 16px rgb(245 165 36 / .9); }
.pw-v-r { display: flex; flex-direction: column; align-items: flex-end; gap: 2px; min-width: 0; text-align: right; }
.pw-v-pct { font-family: "Geist", var(--font-sans); font-weight: 700; font-size: 24px; line-height: 28px; letter-spacing: -.03em; color: #EAF6FA; font-variant-numeric: tabular-nums; white-space: nowrap; }
.pw-v.is-lead .pw-v-pct { color: var(--amber-hi); text-shadow: 0 0 18px rgb(245 165 36 / .6); }
.pw-v-sub { font-size: 11.5px; line-height: 16px; color: var(--pw-dim); white-space: nowrap; }
.pw-v-act { display: flex; justify-content: flex-end; }
.pw-v-act:empty { display: none; }
.pw-act.btn { --h: 36px; min-width: 88px; gap: 6px; padding: 0 14px; border-radius: 12px; font-size: 13px; font-weight: 650; }
.pw-act.btn .i { width: 13px; height: 13px; }
.pw-act.is-support { border: 0; color: #04212A; background: linear-gradient(180deg, var(--ice-hi), var(--teal)); box-shadow: inset 0 1px 0 rgb(255 255 255 / .55), 0 8px 24px -10px rgb(70 224 210 / .95); }
.pw-act.is-support:hover { transform: translateY(-1px); box-shadow: inset 0 1px 0 rgb(255 255 255 / .55), 0 12px 30px -10px rgb(70 224 210 / 1); }
.pw-act.is-vote { color: #FFD591; background: rgb(245 165 36 / .1); border: 1px solid rgb(245 165 36 / .45); box-shadow: 0 0 20px -8px rgb(245 165 36 / .9); }
.pw-act.is-vote:hover { background: rgb(245 165 36 / .18); border-color: rgb(255 199 102 / .8); color: #FFE7BC; }
.pw-act.is-backed { color: var(--teal); background: rgb(70 224 210 / .08); border: 1px solid rgb(70 224 210 / .35); cursor: default; }
.pw-racef.pp-racef { gap: 12px; padding: 14px 24px 22px; border-top: 1px solid rgb(159 219 255 / .08); }
.pw-propbtn.btn { --h: 46px; border-radius: 14px; border: 1px dashed rgb(159 219 255 / .35); background: rgb(159 219 255 / .04); color: #DDF4FF; font-weight: 650; }
.pw-propbtn.btn:hover:not([aria-disabled="true"]) { border-style: solid; border-color: var(--teal); background: rgb(70 224 210 / .08); box-shadow: 0 0 26px -10px rgb(70 224 210 / .9); }
.pw-propbtn[aria-disabled="true"] { opacity: .45; cursor: not-allowed; }
.pw-propbtn .i { color: var(--teal); }
.pw-racef .pp-racenotes { flex-direction: row; align-items: center; justify-content: space-between; gap: 12px; }
.pw-racef .pp-racenote { padding-left: 12px; border-left: 2px solid rgb(245 165 36 / .65); font-size: 12.5px; line-height: 19px; color: #B9CCD6; }
.pw-slots.chip { flex: none; height: 26px; border-radius: 999px; color: #CFE3EA; background: rgb(159 219 255 / .06); border-color: var(--pw-line); }

/* ─── trade card ───────────────────────────────────────────────────────────── */
.pw-trade { position: relative; isolation: isolate; overflow: hidden; }
.pw-trade.panel { box-shadow: inset 0 0 0 1px rgb(159 219 255 / .2), inset 0 1px 0 rgb(255 255 255 / .07), 0 0 70px -30px rgb(70 224 210 / .45), 0 30px 70px -44px rgb(0 0 0 / .95); }
.pw-trade[data-side="sell"].panel { box-shadow: inset 0 0 0 1px rgb(255 138 153 / .22), inset 0 1px 0 rgb(255 255 255 / .07), 0 0 70px -30px rgb(240 73 94 / .35), 0 30px 70px -44px rgb(0 0 0 / .95); }
.pw-trade::before { content: ""; position: absolute; z-index: -1; right: -80px; top: -120px; width: 320px; height: 260px; border-radius: 50%; pointer-events: none; background: radial-gradient(closest-side, rgb(70 224 210 / .16), transparent); }
.pw-trade[data-side="sell"]::before { background: radial-gradient(closest-side, rgb(240 73 94 / .14), transparent); }
.pw-trade-h.panel-h { min-height: 64px; padding: 12px 14px 0; border-bottom: 0; }
.pw-sides.sides { height: 48px; padding: 4px; border-radius: 16px; border: 0; background: rgb(3 12 18 / .55); box-shadow: inset 0 0 0 1px rgb(159 219 255 / .1); }
.pw-sides.sides > button { height: 40px; border-radius: 12px; border: 0; font-size: 15px; font-weight: 650; color: var(--pw-dim); }
.pw-sides.sides > .buy[aria-selected="true"] { color: #04212A; background: linear-gradient(180deg, #8FF3E8, var(--teal)); box-shadow: 0 6px 20px -8px rgb(70 224 210 / .9), inset 0 1px 0 rgb(255 255 255 / .5); }
.pw-sides.sides > .sell[aria-selected="true"] { color: #2A0409; background: linear-gradient(180deg, #FF9CA8, #F0495E); box-shadow: 0 6px 20px -8px rgb(240 73 94 / .9), inset 0 1px 0 rgb(255 255 255 / .4); }
.pw-tt.panel-t { font-family: var(--ff-display); font-weight: 800; font-size: 20px; line-height: 1.2; letter-spacing: .02em; color: #F5FBFD; }
.pw-tt.panel-t .i { width: 16px; height: 16px; color: rgb(var(--ph-rgb, 245 165 36)); }
.pw-trade .pp-trade-b { padding: 16px 18px 20px; gap: 16px; }
.pp .pw-trade .pw-trade-h { background: none; border-radius: 0; }
.pp .pw-trade .pw-amt { --h: 64px; }
.pp .pw-trade .pw-quote { padding: 10px 14px; background: rgb(3 12 18 / .42); }
.pw-vsel.pp-vsel { height: 64px; padding: 8px 12px 8px 8px; border: 0; border-radius: 16px; background: rgb(3 12 18 / .5); box-shadow: inset 0 0 0 1px rgb(159 219 255 / .14); }
.pw-vsel.pp-vsel:hover:not(:disabled), .pw-vsel.pp-vsel[aria-expanded="true"] { box-shadow: inset 0 0 0 1px rgb(159 219 255 / .35), 0 0 26px -12px rgb(70 224 210 / .8); }
.pw-vsym { font-family: var(--ff-display); font-weight: 800; font-size: 19px; line-height: 1.1; letter-spacing: .01em; color: #F5FBFD; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pw-trade .field-label { font-size: 12.5px; color: var(--pw-dim); }
.pw-amt.field { --h: 64px; border: 0; border-radius: 16px; background: rgb(3 12 18 / .55); box-shadow: inset 0 0 0 1px rgb(159 219 255 / .16); padding: 0 10px 0 16px; transition: box-shadow .3s; }
.pw-amt.field:focus-within { box-shadow: inset 0 0 0 1.5px var(--teal), 0 0 0 4px rgb(70 224 210 / .1), 0 0 30px -10px rgb(70 224 210 / .8); }
.pw-amt.field.is-sell:focus-within { box-shadow: inset 0 0 0 1.5px #FF7A8C, 0 0 0 4px rgb(240 73 94 / .1), 0 0 30px -10px rgb(240 73 94 / .7); }
.pw-amt.field.is-err { box-shadow: inset 0 0 0 1.5px var(--down); }
.pw-amt.field.is-sell input { font-size: 22px; }
.pw-amt.field input { font-family: "Geist", var(--font-sans); font-weight: 650; font-size: 28px; letter-spacing: -.03em; color: #fff; }
.pw-amt .unit-chip { height: 32px; padding: 0 12px; border-radius: 999px; background: rgb(159 219 255 / .1); color: #DDF4FF; }
.pw-presets.pp-presets { gap: 6px; margin-top: 10px; }
.pw-presets.pp-presets button { height: 36px; border-radius: 999px; border: 1px solid rgb(159 219 255 / .14); background: rgb(159 219 255 / .05); color: #CFE3EA; }
.pw-presets.pp-presets button:hover:not(:disabled) { background: rgb(159 219 255 / .12); border-color: rgb(159 219 255 / .35); color: #fff; }
.pw-presets.pp-presets button.on, .pw-presets.pp-presets button.on:hover:not(:disabled) { color: #04212A; background: var(--teal); border-color: var(--teal); box-shadow: 0 0 16px -4px rgb(70 224 210 / .9); }
.pw-presets.pp-presets.is-sell button.on, .pw-presets.pp-presets.is-sell button.on:hover:not(:disabled) { color: #2A0409; background: #FF7A8C; border-color: #FF7A8C; box-shadow: 0 0 16px -4px rgb(240 73 94 / .9); }
.pw-quote.well { padding: 10px 14px; border: 0; border-radius: 16px; background: rgb(3 12 18 / .42); box-shadow: inset 0 0 0 1px rgb(159 219 255 / .08); }
.pw-quote .kv { min-height: 26px; }
.pw-quote .kv > :first-child { color: var(--pw-dim); }
.pw-quote .pp-kvbig { min-height: 34px; }
.pw-quote .pp-kvbig > span:last-child, .pw-quote .pp-kvbig > span:last-child .num { font-size: 16px; font-weight: 650; color: #fff; }
.pw-quote .pp-hr { background: rgb(159 219 255 / .08); }
.pw-cap { display: flex; gap: 10px; padding: 12px 14px; border-radius: 16px; font-size: 13px; line-height: 20px; color: #FFE7BC;
  background: linear-gradient(90deg, rgb(245 165 36 / .16), rgb(245 165 36 / .04)); box-shadow: inset 0 0 0 1px rgb(245 165 36 / .45), 0 0 30px -14px rgb(245 165 36 / .8); }
.pw-cap[hidden] { display: none; }
.pw-cap > .i { flex: none; width: 16px; height: 16px; margin-top: 2px; color: var(--amber-hi); }
.pw-trade .pp-slip .seg { border-radius: 12px; background: rgb(3 12 18 / .5); border-color: rgb(159 219 255 / .12); }
.pw-trade .pp-slip .seg > button { border-radius: 9px; }
.pw-trade .pp-slip .seg > button[aria-checked="true"], .pw-trade .pp-slip .seg > button.on { background: rgb(159 219 255 / .14); color: #fff; }

/* the big glowing CTA (trade card, phase views, sheet, sticky bar) */
.pw-cta.btn { --h: 58px; position: relative; overflow: hidden; gap: 8px; border: 0; border-radius: 16px;
  font-family: var(--ff-display); font-weight: 800; font-size: 19px; letter-spacing: .03em; transition: transform .2s, box-shadow .3s, filter .3s, background .3s; }
.lang-en .pw-cta.btn { letter-spacing: .005em; font-size: 18px; }
.pw-cta.btn .i { width: 18px; height: 18px; }
.pw-cta.btn .lbl { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pw-cta.btn::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(105deg, transparent 30%, rgb(255 255 255 / .55) 48%, transparent 62%);
  transform: translateX(-120%); animation: pw-sheen 5.5s ease-in-out 1.5s infinite; }
@keyframes pw-sheen { 0%, 70% { transform: translateX(-120%); } 90%, 100% { transform: translateX(120%); } }
.pw-cta.btn-up { color: #03222A; background: linear-gradient(180deg, #A8F7EE 0%, #46E0D2 55%, #1FB5B0 100%);
  box-shadow: inset 0 1px 0 rgb(255 255 255 / .6), inset 0 -2px 0 rgb(0 60 60 / .25), 0 14px 38px -12px rgb(70 224 210 / .9), 0 0 0 1px rgb(150 240 230 / .4); }
.pw-cta.btn-up:hover:not(:disabled):not([aria-disabled="true"]) { background: linear-gradient(180deg, #C2FBF4 0%, #5BEBDD 55%, #25C2BC 100%); transform: translateY(-1px); box-shadow: inset 0 1px 0 rgb(255 255 255 / .6), 0 18px 46px -10px rgb(70 224 210 / 1), 0 0 0 1px rgb(170 245 236 / .6); }
.pw-cta.btn-down { color: #2A0409; background: linear-gradient(180deg, #FFB0BA 0%, #FF6B7F 55%, #D93650 100%);
  box-shadow: inset 0 1px 0 rgb(255 255 255 / .5), 0 14px 38px -12px rgb(240 73 94 / .9), 0 0 0 1px rgb(255 160 170 / .4); }
.pw-cta.btn-down:hover:not(:disabled):not([aria-disabled="true"]) { transform: translateY(-1px); box-shadow: inset 0 1px 0 rgb(255 255 255 / .5), 0 18px 46px -10px rgb(240 73 94 / 1), 0 0 0 1px rgb(255 170 180 / .6); }
.pw-cta.btn-gold, .btn-gold.pw-cta { color: #1B1002; background: linear-gradient(180deg, #FFDA8A 0%, #F9B23C 48%, #E8900F 100%);
  box-shadow: inset 0 1px 0 rgb(255 255 255 / .6), inset 0 -2px 0 rgb(120 60 0 / .25), 0 14px 38px -10px rgb(245 165 36 / .85), 0 0 0 1px rgb(255 200 110 / .4); }
.pw-cta.btn-gold:hover:not(:disabled):not([aria-disabled="true"]) { background: linear-gradient(180deg, #FFE3A3 0%, #FBBD52 48%, #EE9A1E 100%); transform: translateY(-1px); }
.pw-cta.btn-accent { color: #1B1002; background: linear-gradient(180deg, #FFDA8A 0%, #F9B23C 48%, #E8900F 100%);
  box-shadow: inset 0 1px 0 rgb(255 255 255 / .6), 0 14px 38px -10px rgb(245 165 36 / .85), 0 0 0 1px rgb(255 200 110 / .4); }
.pw-cta.btn-line-down { color: #FF9CA8; background: rgb(240 73 94 / .1); box-shadow: inset 0 0 0 1px rgb(240 73 94 / .5); }
.pw-cta.btn-line-down::after, .pw-cta.btn-ghost::after, .pw-cta.btn-backed::after { display: none; }
.pw-cta.btn-ghost { font-family: var(--font-sans); font-weight: 650; font-size: 15px; letter-spacing: 0; color: #DDF4FF; background: rgb(159 219 255 / .06); box-shadow: inset 0 0 0 1px var(--pw-line-2); }
.pw-cta.btn-backed { color: var(--teal); background: rgb(70 224 210 / .08); box-shadow: inset 0 0 0 1px rgb(70 224 210 / .4); cursor: default; }
.pw-cta.is-off, .pw-cta.btn[aria-disabled="true"]:not(.btn-backed) { filter: saturate(.25) brightness(.62); box-shadow: inset 0 0 0 1px rgb(255 255 255 / .12); transform: none; cursor: not-allowed; }
.pw-cta.is-off::after, .pw-cta[aria-disabled="true"]::after { display: none; }
.pw-cta[aria-busy="true"] { filter: none; }
.pw-why.pp-why { display: flex; gap: 6px; padding: 8px 12px; border-radius: 12px; font-size: 12.5px; line-height: 18px; color: #FFB3BD; background: rgb(240 73 94 / .08); box-shadow: inset 0 0 0 1px rgb(240 73 94 / .25); }
.pw-why[hidden] { display: none; }
.pw-trade .pp-note { font-size: 12px; line-height: 18px; color: #7F98A5; }

/* phase views inside the trade card */
.pw-cdlg.cd-block { width: 100%; align-items: center; padding: 16px; border-radius: 18px; background: radial-gradient(80% 120% at 50% 0%, rgb(245 165 36 / .14), transparent 70%), rgb(3 12 18 / .45);
  box-shadow: inset 0 0 0 1px rgb(245 165 36 / .35); }
.pw-cdlg .lbl { color: #FFD591; font-size: 13px; }
.pw-cdlg .cd-lg { font-family: var(--font-sans); font-variant-numeric: tabular-nums; letter-spacing: -.02em; font-size: 44px; line-height: 50px; font-weight: 600; color: #fff; text-shadow: 0 0 26px rgb(245 165 36 / .7); }
.pw-radios.pp-radios { border: 0; border-radius: 16px; background: rgb(3 12 18 / .45); box-shadow: inset 0 0 0 1px rgb(159 219 255 / .1); }
.pw-radios .pp-radio { min-height: 52px; border-bottom-color: rgb(159 219 255 / .06); }
.pw-radios .pp-radio.on { background: linear-gradient(90deg, rgb(245 165 36 / .14), transparent); }
.pw-radios .pp-radio.on .rd { box-shadow: inset 0 0 0 4px var(--amber-hi), 0 0 10px rgb(245 165 36 / .8); }
.pw-radios .pp-radio .sc { font-weight: 650; }
.pw-fin.pp-fin { border: 0; border-radius: 16px; background: linear-gradient(90deg, rgb(245 165 36 / .16), rgb(245 165 36 / .04)); box-shadow: inset 0 0 0 1px rgb(245 165 36 / .4); }
.pw-fin .pp-finic { border-radius: 12px; background: linear-gradient(180deg, #FFDA8A, #F5A524); color: #1B1002; box-shadow: 0 0 18px rgb(245 165 36 / .6); }
.pw-winrow.pp-winrow { border: 0; border-radius: 16px; background: rgb(3 12 18 / .45); box-shadow: inset 0 0 0 1px rgb(255 199 102 / .4); }
.pw-trade .pp-kvs .kv { border-bottom-color: rgb(159 219 255 / .07); }
.pw-trade .pp-kvbig > span:last-child, .pw-trade .pp-kvbig > span:last-child .num { font-size: 16px; font-weight: 650; }
.pw-bar-gold.bar > i { background: linear-gradient(90deg, #E8900F, #FFC766); box-shadow: 0 0 10px rgb(245 165 36 / .8); }
.pw-bar-gold.bar { background: rgb(245 165 36 / .12); }

/* ─── position card ────────────────────────────────────────────────────────── */
.pw-pos-b.panel-b { padding: 16px 20px 20px; gap: 14px; }
.pw-pos.is-empty .pw-pos-b { align-items: stretch; }
.pw-postop { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 4px 12px; }
.pw-postop .pw-tl { flex-basis: 100%; }
.pw-posbig.num-display { font-size: 40px; }
.pw-posbig .u { font-size: 14px; }
.pw-posfor.pp-posfor { border: 0; border-radius: 16px; background: rgb(3 12 18 / .45); box-shadow: inset 0 0 0 1px rgb(159 219 255 / .1); }
.pw-posfor .nm { gap: 8px; align-items: baseline; }
.pw-vname { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; font-weight: 400; color: var(--pw-dim); }
.pw-tiles { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.pw-tile { position: relative; display: flex; flex-direction: column; gap: 6px; min-width: 0; padding: 12px 14px; border-radius: 16px;
  background: rgb(255 255 255 / .03); box-shadow: inset 0 0 0 1px rgb(159 219 255 / .09); }
.pw-tl { font-size: 12px; line-height: 16px; color: var(--pw-dim); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pw-tv { font-family: "Geist", var(--font-sans); font-weight: 650; font-size: 18px; line-height: 24px; letter-spacing: -.02em; color: #F2FAFC; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-variant-numeric: tabular-nums; }
.pw-tv .u { margin-left: 3px; font-size: 11px; font-weight: 500; letter-spacing: 0; color: var(--pw-dim); }
.pw-tile.is-na .pw-tv { font-family: var(--font-sans); font-size: 12.5px; line-height: 18px; font-weight: 500; letter-spacing: 0; color: #6F8896; white-space: normal; }
.pw-tile.is-sell { background: linear-gradient(180deg, rgb(70 224 210 / .1), rgb(70 224 210 / .02)); box-shadow: inset 0 0 0 1px rgb(70 224 210 / .3); }
.pw-tile.is-sell .pw-tv { color: #8FF3E8; text-shadow: 0 0 14px rgb(70 224 210 / .5); }
.pw-tile.is-hot { background: linear-gradient(180deg, rgb(245 165 36 / .12), rgb(245 165 36 / .03)); box-shadow: inset 0 0 0 1px rgb(245 165 36 / .4); }
.pw-tile.is-hot .pw-tv { color: var(--amber-hi); }
.pw-tile.is-claim { background: linear-gradient(180deg, rgb(245 165 36 / .1), rgb(245 165 36 / .02)); box-shadow: inset 0 0 0 1px rgb(245 165 36 / .32); }
.pw-tile.is-claim .pw-tv { color: var(--amber-hi); }
.pw-tbar { position: relative; display: block; height: 6px; border-radius: 6px; overflow: hidden; background: rgb(245 165 36 / .14); }
.pw-tbar > i { position: absolute; inset: 0 auto 0 0; width: 0; border-radius: inherit; background: linear-gradient(90deg, #E8900F, #FFC766); box-shadow: 0 0 10px rgb(245 165 36 / .8); transition: width 1s var(--ease-out-expo); }
.pw-tsub { font-size: 11px; line-height: 15px; color: var(--pw-dim); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pw-tsub.is-wrap { white-space: normal; overflow: visible; text-overflow: clip; color: #9FB6C3; }
.pw-pos .pp-note { font-size: 12px; line-height: 18px; color: #7F98A5; }

/* ─── graduation — a tasteful celebration ─────────────────────────────────── */
.pw-grad { position: relative; isolation: isolate; overflow: hidden; border: 0; border-radius: 26px; padding: 24px;
  background: radial-gradient(80% 110% at 18% 0%, rgb(245 165 36 / .22), transparent 60%), radial-gradient(70% 90% at 100% 100%, rgb(70 224 210 / .14), transparent 60%), linear-gradient(180deg, #102A36, #081823);
  box-shadow: inset 0 0 0 1px rgb(255 199 102 / .45), 0 0 0 4px rgb(245 165 36 / .06), 0 40px 90px -40px rgb(245 165 36 / .6); }
.pw-grad-burst { position: absolute; z-index: -1; left: 40px; top: 20px; width: 280px; height: 280px; border-radius: 50%; pointer-events: none;
  background: radial-gradient(closest-side, rgb(255 214 140 / .45), rgb(245 165 36 / .12) 55%, transparent); }
.pw-grad-rays { position: absolute; z-index: -1; left: -60px; top: -80px; width: 480px; height: 480px; pointer-events: none; opacity: .55;
  background: repeating-conic-gradient(from 0deg, rgb(255 214 140 / .16) 0 6deg, transparent 6deg 18deg);
  -webkit-mask-image: radial-gradient(closest-side, #000, transparent); mask-image: radial-gradient(closest-side, #000, transparent); animation: pw-spin 60s linear infinite; }
.pw-grad-b { display: flex; flex-direction: column; gap: 18px; }
.pw-grad-top { display: flex; align-items: center; gap: 20px; min-width: 0; }
.pw-grad-art { position: relative; flex: none; }
.pw-grad-art .pw-art { box-shadow: 0 0 0 2px rgb(255 199 102 / .8), 0 0 40px rgb(245 165 36 / .6); }
.pw-grad-t { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; min-width: 0; }
.pw-grad-t .kicker { margin: 0; }
.pw-grad-sym.display { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: clamp(40px, 4.4vw, 64px); line-height: 1.05; padding-block: .06em;
  background: linear-gradient(180deg, #FFF6E6 10%, #FFD591 50%, var(--amber) 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent;
  filter: drop-shadow(0 0 22px rgb(245 165 36 / .5)); }
.pw-grad-name { display: flex; align-items: center; gap: 10px; min-width: 0; font-size: 14px; color: #D4E6EC; }
.pw-grad-name > span:first-child { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pw-grad-name > span:first-child:empty { display: none; }
.pw-links.pp-links { gap: 10px; }
.pw-glowbtn.btn { --h: 46px; gap: 6px; border-radius: 14px; border: 1px solid rgb(159 219 255 / .25); background: rgb(159 219 255 / .07); color: #DDF4FF; font-weight: 650; }
.pw-glowbtn.btn:hover { border-color: rgb(159 219 255 / .5); background: rgb(159 219 255 / .14); color: #fff; box-shadow: 0 0 26px -10px rgb(70 224 210 / .9); }
.pw-glowbtn.btn.is-gold { border: 0; color: #1B1002; background: linear-gradient(180deg, #FFDA8A, #F9B23C 50%, #E8900F); box-shadow: inset 0 1px 0 rgb(255 255 255 / .6), 0 12px 30px -10px rgb(245 165 36 / .85); }
.pw-glowbtn.btn.is-gold:hover { background: linear-gradient(180deg, #FFE3A3, #FBBD52 50%, #EE9A1E); }
.pw-grad-kv { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
/* an odd last cell spans the row instead of sitting alone (7 figures in a 3-up grid) */
.pw-grad-kv > .pw-gk:last-child:nth-child(3n+1) { grid-column: 1 / -1; }
.pw-grad-kv > .pw-gk:last-child:nth-child(3n+2) { grid-column: span 2; }
.pw-gk { display: flex; flex-direction: column; gap: 4px; min-width: 0; padding: 12px 14px; border-radius: 14px; background: rgb(3 12 18 / .4); box-shadow: inset 0 0 0 1px rgb(255 199 102 / .12); }
.pw-gk .pw-tv { font-size: 15px; line-height: 20px; }
.pw-gk .pw-tl { white-space: normal; }
.pw-grad .pp-note { font-size: 12.5px; color: #B9CCD6; }
/* Update 3 · MergepadPay on this coin (payPool) — teal, like the MergepadPay card on the flywheel page */
.pw-gpay { display: flex; align-items: center; gap: 12px; min-width: 0; padding: 12px 14px; border-radius: 16px; color: inherit; text-decoration: none;
  background: radial-gradient(120% 140% at 0% 0%, rgb(70 224 210 / .12), transparent 60%), rgb(3 12 18 / .45); box-shadow: inset 0 0 0 1px rgb(98 227 218 / .2);
  transition: box-shadow .2s ease, transform .2s ease; }
.pw-gpay:hover { box-shadow: inset 0 0 0 1px rgb(98 227 218 / .45), 0 0 24px rgb(70 224 210 / .15); }
.pw-gpay:focus-visible { outline: 2px solid #62E3DA; outline-offset: 2px; }
.pw-gpay-ic { flex: none; display: grid; place-items: center; width: 34px; height: 34px; border-radius: 11px; color: #7FE9FF; background: rgb(70 224 210 / .12); box-shadow: 0 0 18px rgb(70 224 210 / .2); }
.pw-gpay-t { display: flex; flex-direction: column; gap: 2px; min-width: 0; flex: 1; }
.pw-gpay-t b { font-size: 12px; font-weight: 600; letter-spacing: .02em; color: #BFF4FF; }
.pw-gpay-v, .pw-gpay .pw-gpay-v.num { font-size: 13.5px; line-height: 1.45; color: #E8F6FA; white-space: normal; overflow-wrap: anywhere; }
.pw-gpay-go { flex: none; display: inline-flex; align-items: center; gap: 4px; font-size: 12px; color: #7FE9FF; }
@media (max-width: 640px) { .pw-gpay-go > span { display: none; } }
@media (prefers-reduced-motion: reduce) { .pw-gpay { transition: none; } }
.pw-grad .pp-note .i { color: var(--amber-hi); }
.pw.is-celebrate .pw-grad { animation: pw-grad-in 1.1s var(--ease-out-expo) both; }
.pw.is-celebrate .pw-grad-burst { animation: pw-burst 1.8s var(--ease-out-expo) both; }
@keyframes pw-grad-in { from { opacity: 0; transform: translate3d(0, 18px, 0) scale(.97); filter: blur(8px); } }
@keyframes pw-burst { 0% { transform: scale(.2); opacity: 0; } 40% { opacity: 1; } 100% { transform: scale(1); } }

/* rules */
.pw-rules .pp-rules-l { padding: 10px 8px 14px; }
.pw-rules .pp-rules-l .kv { min-height: 40px; padding: 8px 16px; align-items: flex-start; gap: 16px; border-bottom-color: rgb(159 219 255 / .06); font-size: 12.5px; line-height: 18px; }
.pw-rules .pp-rules-l .kv > :first-child { color: var(--pw-dim); }
.pw-rules .pp-rules-l .kv > :last-child { color: #D4E6EC; }
/* under the chart (desktop, when the right rail is the taller one): a two-up table instead of a stretched list */
@media (min-width: 1025px) {
  .pw-col-a .pw-rules .pp-rules-l { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 28px; padding: 6px 12px 12px; }
  .pw-col-a .pw-rules .pp-rules-l .kv { padding-inline: 12px; }
}

/* not found / error */
.pw-panel.center-panel { padding: 40px 20px; }

/* ─── layers: picker · sheets ─────────────────────────────────────────────── */
.pw-picker .pp-pick { gap: 12px; min-height: 52px; border-radius: 12px; }
.pw-picker .pp-pick .pk-n { font-family: var(--ff-display); font-weight: 800; font-size: 16px; letter-spacing: .01em; }
.pw-picker .pp-pick[aria-selected="true"] { background: rgb(70 224 210 / .1); }
.modal.pw-sheet { background: linear-gradient(180deg, #0F2A38, #081823); border: 1px solid rgb(159 219 255 / .18); box-shadow: 0 30px 80px -20px rgb(0 0 0 / .9), 0 0 80px -30px rgb(70 224 210 / .5); }
.modal.pw-sheet .modal-h .modal-t, .modal.pw-sheet .modal-t { font-family: var(--ff-display); font-weight: 800; font-size: 20px; letter-spacing: .02em; }
.pw-trade.in-sheet.panel { background: transparent; box-shadow: none; overflow: visible; }
.pw-trade.in-sheet::before { display: none; }
.pw-trade.in-sheet .pp-trade-h { padding: 0 0 12px; }
.pw-trade.in-sheet .pp-trade-b { padding: 0; }

/* ─── sticky trade bar (≤ 1024) ───────────────────────────────────────────── */
.bbar .pw-mbpx .l { color: var(--pw-dim); }
.bbar .pw-mbpx .num { font-family: "Geist", var(--font-sans); font-weight: 650; font-size: 16px; color: #fff; }
.bbar .pw-mbb { gap: 8px; }
.bbar .pw-mbb .pw-cta.btn { --h: 46px; min-width: 96px; padding: 0 18px; border-radius: 14px; font-size: 17px; }
.bbar .pw-mbb .pw-cta.btn::after { animation-delay: 3s; }

/* ─── figures (craft §99.1): numbers, dates and countdowns use the sans with tabular figures; mono stays only for
   addresses, hashes and tweet ids. Scoped to this page + its trade sheet / sticky bar (the global .num stays as is). */
:is(.pp.pw, .pw-trade, .pw-sheet, .pw-mbpx) :is(.num, .cd) { font-family: var(--font-sans); font-variant-numeric: tabular-nums; letter-spacing: 0; }
:is(.pp.pw, .pw-trade, .pw-sheet) :is(.pw-posaddr, .pp-addr .num, .pw-tw-id .num, .pp-sharebox .num) { font-family: var(--font-mono); }
.pw-chart .curve :is(.ax, .cur-lbl) { font-family: var(--font-sans); font-variant-numeric: tabular-nums; }
.pw-chart .curve .ax { font-size: 11.5px; }
/* value + unit never split across lines inside the small tile notes ("4,011.64万 枚") */
.pw-tsub.is-wrap { word-break: keep-all; overflow-wrap: anywhere; text-wrap: pretty; }

/* ─── responsive ───────────────────────────────────────────────────────────── */
@media (max-width: 1279px) {
  .pw-grid { grid-template-columns: minmax(0, 1fr) 372px; }
  .pw-hgrid { grid-template-columns: minmax(0, 1fr) 300px; gap: 24px 36px; }
  .pw-stats { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .pw-stats > .pw-stat:nth-child(n+4) { box-shadow: inset 0 1px 0 rgb(159 219 255 / .08), inset 1px 0 0 rgb(159 219 255 / .08); }
  .pw-stats > .pw-stat:nth-child(4) { box-shadow: inset 0 1px 0 rgb(159 219 255 / .08); }
  .pw-plate { grid-template-columns: minmax(0, 1fr) auto; }
  .pw-plate-box { grid-column: 1 / -1; grid-row: 2; justify-content: flex-start; }
  .pw-grad-kv { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pw-grad-kv > .pw-gk:last-child:nth-child(n) { grid-column: auto; }
  .pw-grad-kv > .pw-gk:last-child:nth-child(odd) { grid-column: 1 / -1; }
}
@media (max-width: 1024px) {
  .pw-hero-in { gap: 18px; }
  .pw-hgrid, .pw-hl { display: contents; }
  .pw-bar { order: 0; } .pw-titles { order: 1; } .pw-sub { order: 2; margin-top: -8px; } .pw-hr { order: 3; } .pw-stats { order: 4; } .pw-tweet { order: 5; } .pw-plate { order: 6; }
  .pw-tweet { margin-top: 0; max-width: none; }
  .pw-hr { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 18px; }
  .pw-orb { width: 176px; height: 176px; margin: 0 0 14px; }
  .pw-orb-pct.num-display { font-size: 36px; }
  .pw-orb-sub { font-size: 11px; }
  .pw-orb-goal { bottom: -16px; height: 24px; font-size: 11px; }
  .pw-cd { margin-top: 0; }
  .pw-rail.pp-rail, .pw-rail.pp-rail.is-exp { padding-bottom: 44px; }
  .pw-grid { grid-template-columns: minmax(0, 1fr); }
  .pw-col-a, .pw-col-c { display: contents; }
  .pw-grad { order: 1; } .pw-race { order: 2; } .pw-tradehome { order: 3; } .pw-pos { order: 4; } .pw-chart { order: 5; } .pw-rules { order: 6; }
  .pw-grid { display: flex; flex-direction: column; align-items: stretch; gap: 18px; }
  .pw-grid > *, .pw-col > * { min-width: 0; max-width: 100%; }
}
@media (max-width: 760px) {
  .pw-hero { padding-top: 14px; }
  .pw-hero-in { gap: 16px; padding-bottom: 20px; }
  .pw-kick { display: none; }
  .pw-acts .pw-pillbtn { display: none; }
  .pw-h1.display, .lang-en .pw-h1.display { font-size: 46px; }
  .pw-titles { gap: 10px 14px; }
  .pw-phase { height: 30px; font-size: 13px; padding: 0 13px 0 11px; }
  .pw-mergebox .chip { height: 30px; font-size: 12px; }
  .pw-hr { grid-template-columns: 148px minmax(0, 1fr); gap: 14px; }
  .pw-orb { width: 148px; height: 148px; }
  .pw-orb-halo { inset: -18px; }
  .pw-orb-pct.num-display { font-size: 30px; }
  .pw-orb-l { font-size: 11px; letter-spacing: .08em; }
  .pw-cd { padding: 12px 14px 10px; border-radius: 18px; }
  .pw-cdl { white-space: normal; font-size: 12px; line-height: 16px; }
  .pw-cdv { font-size: 30px; line-height: 38px; min-height: 38px; }
  .pw-cdv.is-date { font-size: 17px; }
  .pw-cdv.is-word { font-size: 20px; }
  .pw-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); border-radius: 18px; }
  .pw .pw-stats > .pw-stat { padding: 12px 14px; }
  .pw-stats > .pw-stat.pw-stat-px { grid-column: 1 / -1; }
  .pw .pw-stats > .pw-stat.pp-st-vers { display: none !important; }
  .pw-stats > .pw-stat:nth-child(n+2) { box-shadow: inset 0 1px 0 rgb(159 219 255 / .08); }
  .pw-stats > .pw-stat:nth-child(odd):not(:first-child) { box-shadow: inset 0 1px 0 rgb(159 219 255 / .08), inset 1px 0 0 rgb(159 219 255 / .08); }
  .pw-stv { font-size: 17px; line-height: 22px; }
  .pw-price { font-size: 24px; }
  .pw-tweet { padding: 14px 14px 12px 16px; border-radius: 18px; }
  .pw-tw-text.pp-twtext { font-size: 15px; }
  .pw-tw-h .tm { display: none; }
  .pw-tw-q { font-size: 110px; top: -18px; }
  .pw-plate { grid-template-columns: minmax(0, 1fr); gap: 12px; padding: 14px; border-radius: 18px; }
  .pw-plate-box { grid-row: auto; }
  .pw-plate-tt { max-width: none; }
  .pw-plate-t { font-size: 18px; }
  .pw-addr { width: 100%; padding: 10px 12px; }
  .pw-addr-g { font-size: 15.5px; line-height: 24px; gap: 2px 8px; }
  .pw-plate-acts { justify-content: flex-start; }
  .pw-body.pp-body { padding-top: 18px; padding-bottom: 28px; }
  .pw-panel.panel, .pw-trade.panel { border-radius: 20px; }
  .pw-ph { padding: 18px 16px 0; }
  .pw-race-h2.display { font-size: 34px; }
  .pw-count { font-size: 22px; }
  .pw-race-b { padding: 16px 12px 10px; }
  .pw-river-leg { flex-wrap: wrap; }
  .pw-v, .pw-v.no-act { grid-template-columns: 44px minmax(0, 1fr) auto; grid-template-rows: auto auto; gap: 8px 12px; padding: 12px; }
  .pw-rk { position: absolute; left: 4px; top: 4px; z-index: 1; display: grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; font-size: 13px; background: #0B1D28; box-shadow: inset 0 0 0 1px rgb(159 219 255 / .2); }
  .pw-v.is-lead .pw-rk { background: #2A1A04; box-shadow: inset 0 0 0 1px rgb(255 199 102 / .7); }
  .pw-art-56 { width: 44px; height: 44px; border-radius: 13px; grid-row: 1; grid-column: 1; }
  .pw-v-m { grid-column: 2; grid-row: 1; }
  .pw-v-r { grid-column: 3; grid-row: 1; }
  .pw-v-act { grid-column: 1 / -1; grid-row: 2; }
  .pw-v.no-act { grid-template-rows: auto; }
  .pw-v-act .pw-act.btn { width: 100%; --h: 40px; }
  .pw-sym { font-size: 21px; }
  .pw-v-top { flex-wrap: wrap; row-gap: 4px; }
  .pw-tags .tag.creator { display: none; }
  .pw-v-pct { font-size: 20px; line-height: 24px; }
  .pw-racef.pp-racef { padding: 12px 12px 16px; }
  .pw-racef .pp-racenotes { flex-direction: column; align-items: flex-start; }
  .pw-chart .curve { padding: 4px 4px 0; }
  .pw-chart .curve-box { height: 240px; }
  .pw-chart .curve-foot { margin: 4px 8px 8px; }
  .pw-trade .pp-trade-b { padding: 14px 14px 16px; }
  .pw-trade-h.panel-h { padding: 10px 10px 0; }
  .pw-pos-b.panel-b { padding: 14px 14px 16px; }
  .pw-posbig.num-display { font-size: 34px; }
  .pw-tv { font-size: 16px; }
  .pw-grad { padding: 18px 16px; border-radius: 22px; }
  .pw-grad-top { gap: 14px; }
  .pw-grad-art .pw-art-96 { width: 72px; height: 72px; border-radius: 20px; }
  .pw-grad-sym.display { font-size: 38px; }
  .pw-links.pp-links { grid-template-columns: 1fr 1fr; }
  .pw-links .pw-glowbtn.is-gold { grid-column: 1 / -1; }
  .pw-grad-kv { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  .pw-rules .pp-rules-l { padding: 6px 0 10px; }
  .pw-rules .pp-rules-l .kv { flex-wrap: wrap; row-gap: 2px; }
  .pw-rules .pp-rules-l .kv > :last-child { text-align: left; }
  .pw-amt.field input { font-size: 16px; }
  .pw-amt.field input:not(:placeholder-shown) { font-size: 24px; }
}
@media (max-width: 380px) {
  .pw-hr { grid-template-columns: 128px minmax(0, 1fr); }
  .pw-orb { width: 128px; height: 128px; }
  .pw-orb-pct.num-display { font-size: 26px; }
  .pw-cdv { font-size: 26px; }
  .pw-addr-g { font-size: 14px; }
}

/* ─── reduced motion ───────────────────────────────────────────────────────── */
@media (prefers-reduced-motion: reduce) {
  .pw-caustic, .pw-rays, .pw-dot, .pw-orb-halo, .pw-wv, .pw-orb-tick, .pw-plate::before, .pw-river > i::after, .pw-fill::after, .pw-v, .pw-v.is-lead::before,
  .pw-cta.btn::after, .pw-grad-rays, .pw.is-celebrate .pw-grad, .pw.is-celebrate .pw-grad-burst { animation: none !important; }
  .pw-orb-lvl, .pw-fill, .pw-river > i, .pw-rail .pp-seg .bb > i, .pw-tbar > i { transition: none !important; }
  .pw-cta.btn::after, .pw-plate::before { display: none; }
}
.page-hidden .pw-caustic, .page-hidden .pw-rays, .page-hidden .pw-wv, .page-hidden .pw-orb-tick, .page-hidden .pw-river > i::after, .page-hidden .pw-fill::after,
.page-hidden .pw-v.is-lead::before, .page-hidden .pw-cta.btn::after, .page-hidden .pw-grad-rays, .page-hidden .pw-orb-halo, .page-hidden .pw-dot { animation-play-state: paused; }

/* ─── r3 polish (trade): amber only where it means something · calmer full states · hairline stat grids ─── */
/* 只认这个地址: a quiet trust plate — neutral hairline; amber stays on the icon mark and the first/last address groups */
.pw-plate { background: radial-gradient(50% 140% at 0% 50%, rgb(245 165 36 / .06), transparent 60%), linear-gradient(180deg, rgb(16 38 50 / .72), rgb(8 20 29 / .72));
  box-shadow: inset 0 0 0 1px var(--pw-line-2), 0 24px 60px -40px rgb(0 0 0 / .9); }
.pw-plate::before { background: linear-gradient(105deg, transparent 35%, rgb(221 244 255 / .05) 48%, transparent 60%); }
.pw-plate-ic { color: var(--amber-hi); background: rgb(245 165 36 / .1); box-shadow: inset 0 0 0 1px rgb(255 199 102 / .38); }
.pw-plate-t { color: #F2FAFC; text-shadow: none; }
.pw-addr { box-shadow: inset 0 0 0 1px rgb(159 219 255 / .16); }
.pw-addr:hover:not(:disabled) { box-shadow: inset 0 0 0 1px rgb(159 219 255 / .36), 0 0 26px -12px rgb(70 224 210 / .7); }
.pw-addr > .i { color: #8FA9B7; }
.pw-plate .pw-pillbtn.btn.is-amber { color: #D4E6EC; background: rgb(159 219 255 / .06); border-color: var(--pw-line); box-shadow: none; }
.pw-plate .pw-pillbtn.btn.is-amber:hover:not(:disabled) { color: #fff; background: rgb(159 219 255 / .12); border-color: var(--pw-line-2); }

/* race: 改投 is a quiet secondary action; the leader row alone carries amber */
.pw-act.is-vote { color: #DCEBF0; background: rgb(159 219 255 / .05); border: 1px solid rgb(159 219 255 / .2); box-shadow: none; }
.pw-act.is-vote .i { color: var(--amber-hi); }
.pw-act.is-vote:hover { color: #FFE7BC; background: rgb(245 165 36 / .12); border-color: rgb(255 199 102 / .6); }
.pw-act.is-vote:active, .pw-act.is-support:active { transform: translateY(1px); }
.pw-act.is-backed { background: transparent; border-color: rgb(70 224 210 / .22); }

/* full orb (graduated / filled): translucent amber water, not a solid disc */
.pw-orb.is-full .pw-wv.f path { fill: rgb(var(--ph-rgb) / .17); }
.pw-orb.is-full .pw-wv.b path { fill: rgb(var(--ph-rgb) / .09); }
.pw-orb.is-full .pw-orb-bg { fill: #081A24; }
.pw-orb.is-full .pw-orb-pct.num-display { filter: drop-shadow(0 2px 10px rgb(0 0 0 / .55)); }

/* graduation figures: one hairline-divided table instead of seven boxes */
.pw-grad-kv { gap: 1px; border-radius: 16px; overflow: hidden; background: rgb(159 219 255 / .1); box-shadow: 0 0 0 1px rgb(159 219 255 / .1); }
.pw-gk { border-radius: 0; background: #0A1B25; box-shadow: none; padding: 14px 16px 13px; }
.pw-gk .pw-tv { font-size: 16px; line-height: 22px; font-variant-numeric: tabular-nums; }

/* disabled primary CTA: says why in the sans, no muddy greyed display italic */
.pw-cta.btn.is-off:not([aria-busy="true"]), .pw-cta.btn[aria-disabled="true"]:not(.btn-backed):not([aria-busy="true"]) {
  filter: none; font-family: var(--font-sans); font-weight: 600; font-size: 15px; letter-spacing: 0; color: #7F97A5;
  background: rgb(159 219 255 / .05); box-shadow: inset 0 0 0 1px rgb(159 219 255 / .13); text-shadow: none; }
.pw-cta.btn-backed { font-family: var(--font-sans); font-weight: 600; font-size: 15px; letter-spacing: 0; opacity: 1; }

/* the post author: identicon instead of an initial */
.pw-tw-av .l.is-idc { display: grid; place-items: center; }
.pw-tw-av .l.is-idc .idc { width: 56%; height: 56%; opacity: .92; }

/* stat strip: price cell is the focal point; the other five read as one quiet row */
.pw-stats > .pw-stat:not(.pw-stat-px) .pw-stv { font-size: 18px; }
.pw-stat-px { background: linear-gradient(90deg, rgb(var(--ph-rgb) / .08), transparent 85%); }
.pw-plate.is-grad { box-shadow: inset 0 0 0 1px rgb(255 199 102 / .42), 0 24px 60px -40px rgb(0 0 0 / .9); }