/* Every Elysium launchpad's coins: Discover's market board (market-list.mjs), the coin page (coin-page.mjs) and their
 * shared pieces, in the site's dark palette (accent #97fce4, ice #99c8ed). */
/* Home's Discover (market-list.mjs): the $HYPER spotlight, the moving "Trending now" rail and one table of every
 * coin; Hyperlogic's own launches lead. Figures that move flash green or red; everything moving stands still under
 * reduced motion. Launchpads keep one colour each: Hyperlogic mint, ElysPump green, Kleos gold, BOXA orange, Montra
 * pink, Stockium blue, bridged grey. */
.discover-home{position:relative;margin:clamp(34px,5vw,64px) 0 clamp(40px,6vw,72px);scroll-margin-top:90px}
.market-board{--pad-hyperlogic:#97fce4;--pad-elyspump:#8be38f;--pad-kleos:#f4c96b;--pad-boxa:#ffab6e;--pad-montra:#f59ad3;--pad-stockium:#8fbaff;--pad-bridged:#b7c2c0;margin:0}
.market-board[hidden]{display:none}
.market-state{padding:36px 4px;color:#aec2bf}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Head: title, line and the live figures. */
.mb-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:22px}
.mb-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:5px 11px;border:1px solid #97fce433;border-radius:999px;background:#97fce40d;color:#bff8ea;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.mb-title h2{margin:12px 0 8px;font-size:clamp(34px,4.6vw,56px);line-height:1;letter-spacing:-.045em;background:linear-gradient(100deg,#f4fffc 20%,#97fce4 55%,#99c8ed 90%);-webkit-background-clip:text;background-clip:text;color:transparent}
.mb-title p{margin:0;color:#aec2bf;max-width:62ch;font-size:15px;line-height:1.55}
.mb-stats{display:flex;gap:10px;margin:0;flex-wrap:wrap}
.mb-stats div{min-width:112px;padding:11px 15px;border:1px solid #2b4642;border-radius:14px;background:linear-gradient(160deg,#122522cc,#0d1a24cc);backdrop-filter:blur(10px)}
.mb-stats dt{color:#86a19c;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.mb-stats dd{margin:4px 0 0;font-size:19px;font-weight:800;color:#f2fffb;font-variant-numeric:tabular-nums;letter-spacing:-.02em}

/* The spotlight and the rail side by side; stacked on a phone. */
.mb-feature{display:grid;grid-template-columns:minmax(300px,380px) minmax(0,1fr);gap:18px;margin-bottom:26px;align-items:stretch}
.mb-spot-slot:empty{display:none}
.mb-spotlight{--spot-angle:0deg;position:relative;display:grid;gap:14px;height:100%;box-sizing:border-box;padding:20px;border:2px solid transparent;border-radius:22px;color:#edf5f3;text-decoration:none;isolation:isolate;overflow:hidden;background:linear-gradient(165deg,#103a33,#0b1d27 45%,#0d1630 75%,#0a1a1f) padding-box,conic-gradient(from var(--spot-angle),#97fce4,#99c8ed,#c8b5ff,#f59ad3,#f4c96b,#97fce4) border-box;animation:spot-turn 6s linear infinite;box-shadow:0 20px 50px #00000059;transition:transform .25s,box-shadow .25s}
.mb-spotlight:before{content:"";position:absolute;inset:-45%;background:radial-gradient(closest-side at 30% 30%,#97fce42e,transparent),radial-gradient(closest-side at 72% 70%,#c8b5ff24,transparent),radial-gradient(closest-side at 70% 25%,#99c8ed1f,transparent);pointer-events:none;z-index:-1;animation:spot-drift 18s linear infinite}
@keyframes spot-drift{to{transform:rotate(360deg)}}
@property --spot-angle{syntax:"<angle>";inherits:false;initial-value:0deg}
@keyframes spot-turn{to{--spot-angle:360deg}}
.mb-spotlight:hover{transform:translateY(-3px);box-shadow:0 26px 60px #00000070,0 0 40px #97fce41f}
.mb-spot-glow{position:absolute;width:260px;height:260px;right:-90px;top:-110px;border-radius:50%;background:radial-gradient(circle,#97fce455,#97fce400 70%);filter:blur(10px);z-index:-1;animation:spot-breathe 5s ease-in-out infinite;pointer-events:none}
@keyframes spot-breathe{50%{opacity:.55;transform:scale(1.12)}}
.mb-spot-top{display:flex;justify-content:space-between;align-items:center}
.mb-spot-pad{color:#9fd9cb;font-size:12px;font-weight:700}
.mb-spot-id{display:flex;align-items:center;gap:14px}
.mb-spot-id .market-logo-xl{width:64px;height:64px;border-radius:18px;box-shadow:0 0 0 1px #97fce444,0 10px 30px #97fce42b}
.mb-spot-id b{display:block;font-size:24px;letter-spacing:-.03em}
.mb-spot-id small{color:#9fb6b2;font-size:13px;font-weight:700}
.mb-spot-cap small,.mb-spot-stats small{display:block;color:#86a19c;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.mb-spot-cap{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px}
.mb-spot-cap small{flex-basis:100%}
.mb-spot-cap b{font-size:clamp(34px,3.3vw,44px);letter-spacing:-.045em;font-variant-numeric:tabular-nums;line-height:1.05}
.mb-spot-chart{display:block;height:84px;margin:0 -20px;overflow:hidden}
.mb-area{width:100%;height:100%;display:block}
.mb-area-line{fill:none;stroke-width:2;vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-linecap:round}
.mb-area-fill{stroke:none!important}
.mb-area.up .mb-area-line{stroke:#97fce4}.mb-area.up stop{stop-color:#97fce4}
.mb-area.down .mb-area-line{stroke:#f1a7a4}.mb-area.down stop{stop-color:#f1a7a4}
.mb-spot-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.mb-spot-stats span{padding:9px 10px;border-radius:12px;background:#ffffff08;border:1px solid #ffffff0d;min-width:0}
.mb-spot-stats b{display:block;margin-top:3px;font-size:14px;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mb-spot-cta{display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;border-radius:13px;background:linear-gradient(100deg,#97fce4,#b9e9ff);color:#061512;font-weight:800;font-size:15px;transition:filter .2s}
.mb-spot-cta svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
.mb-spotlight:hover .mb-spot-cta{filter:brightness(1.06)}
.mb-spotlight:hover .mb-spot-cta svg{transform:translateX(4px)}

.mb-carousel{min-width:0;display:flex;flex-direction:column;padding:16px 0 4px;border:1px solid #243d39;border-radius:22px;background:linear-gradient(160deg,#0f1f1dcc,#0c1720cc)}
.mb-carousel-head{display:flex;justify-content:space-between;align-items:center;padding:0 16px 10px}
.mb-carousel-head h3{display:flex;align-items:center;gap:9px;margin:0;font-size:15px;letter-spacing:-.01em}
.mb-arrows{display:flex;gap:6px}
.mb-arrows button{display:grid;place-items:center;width:34px;height:34px;border:1px solid #2f4a46;border-radius:50%;background:#0b1816;color:#d8efe9;cursor:pointer;transition:border-color .2s,background .2s}
.mb-arrows button:hover{border-color:#97fce4;background:#97fce414}
.mb-arrows svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.mb-rail{display:flex;gap:14px;overflow-x:auto;padding:6px 16px 14px;scrollbar-width:none;mask-image:linear-gradient(90deg,transparent,#000 22px,#000 calc(100% - 22px),transparent);flex:1;align-items:stretch}
.mb-rail::-webkit-scrollbar{display:none}
.mb-rail-set{display:flex;gap:14px}
.mb-rail-set .market-card{animation:card-in .5s cubic-bezier(.2,.7,.2,1) both}
@keyframes card-in{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
.mb-rail .market-state{padding:60px 4px}
.market-card{position:relative;flex:none;width:208px;box-sizing:border-box;display:flex;flex-direction:column;gap:8px;min-height:236px;padding:14px 14px 0;border:1px solid #2a4541;border-radius:18px;background:linear-gradient(165deg,#132724,#0d1922);color:#edf5f3;text-decoration:none;overflow:hidden;transition:border-color .2s,transform .25s,box-shadow .25s}
.market-card:hover{border-color:#4d716b;transform:translateY(-4px);box-shadow:0 18px 34px #00000055}
.market-card:focus-visible{outline:2px solid #97fce4;outline-offset:2px}
.market-card-rank{position:absolute;top:12px;left:12px;padding:3px 8px;border-radius:999px;background:#061210cc;font-size:12px;font-weight:800;z-index:1}
.market-card-pad{position:absolute;top:12px;right:12px;padding:3px 8px;border-radius:999px;background:#061210cc;font-size:11px;font-weight:700;color:var(--pad,#c8b5ff);z-index:1}
.market-card .market-logo-xl{justify-self:center;align-self:center;margin-top:20px;width:84px;height:84px;transition:transform .3s}
.market-card:hover .market-logo-xl{transform:scale(1.06) rotate(-2deg)}
.market-card-name b{display:block;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.market-card-name small{color:#9fb6b2;font-size:12px;font-weight:700}
.market-card-figures{display:flex;justify-content:space-between;align-items:center;gap:8px;font-variant-numeric:tabular-nums}
.market-card-figures b{font-size:18px;letter-spacing:-.02em}
.market-card .mb-chip{font-size:11px;padding:2px 7px}
.market-card-chart{flex:1;display:flex;align-items:flex-end;min-height:64px;margin:2px -14px 0}
.market-card-chart .mb-area{height:100%;min-height:64px}
.market-card-chart .market-spark{width:100%;height:40px;margin:0 14px 12px}
.market-card.flash-up{animation:card-flash-up 1.4s ease-out}.market-card.flash-down{animation:card-flash-down 1.4s ease-out}
@keyframes card-flash-up{0%{box-shadow:0 0 0 2px #97fce4aa,0 0 30px #97fce455}100%{box-shadow:none}}
@keyframes card-flash-down{0%{box-shadow:0 0 0 2px #f1a7a4aa,0 0 30px #f1a7a455}100%{box-shadow:none}}

/* The change as a pill with its arrow. */
.mb-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:999px;font-size:12px;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap;background:#ffffff0d;color:#c9dcd9}
.mb-chip i{font-style:normal;font-size:8px}
.mb-chip.up{color:#97fce4;background:#97fce418}.mb-chip.down{color:#f5aaa6;background:#f1a7a41c}

/* Controls: orders, launchpads (each with its colour), search. */
.market-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:0 0 14px}
.market-controls>.market-tabs{order:1}.market-controls>.market-search{order:2}.market-controls>.market-pads{order:3;flex-basis:100%}
.market-tabs{display:flex;gap:4px;padding:4px;border:1px solid #2a4541;border-radius:13px;background:#0b1816}
.market-tabs button{padding:9px 15px;border:0;border-radius:10px;background:none;color:#b9cfcb;font:inherit;font-size:14px;font-weight:700;cursor:pointer;transition:background .2s,color .2s}
.market-tabs button:hover{color:#f2fffb}
.market-tabs button[aria-selected="true"]{background:linear-gradient(140deg,#97fce42b,#99c8ed1f);color:#f2fffb;box-shadow:inset 0 0 0 1px #97fce433}
.market-tabs button:focus-visible,.market-pads button:focus-visible{outline:2px solid #97fce4;outline-offset:2px}
.market-pads{display:flex;flex-wrap:wrap;gap:6px}
.market-pads button{--pad:#c9dcd9;display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border:1px solid #2a4541;border-radius:999px;background:transparent;color:#c9dcd9;font:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:border-color .2s,background-color .2s}
.market-pads button:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--pad)}
.market-pads button.pad-all:before{background:linear-gradient(135deg,#97fce4,#f4c96b,#f59ad3)}
.market-pads button small{color:#86a19c;font-weight:700}
.market-pads button:hover{border-color:#4d716b}
.market-pads button[aria-checked="true"]{border-color:var(--pad);background:color-mix(in srgb,var(--pad) 10%,transparent);color:#f2fffb}
.market-pads button.pad-all[aria-checked="true"]{border-color:#97fce4;background:#97fce40f}
.pad-hyperlogic{--pad:var(--pad-hyperlogic)}.pad-elyspump{--pad:var(--pad-elyspump)}.pad-kleos{--pad:var(--pad-kleos)}.pad-boxa{--pad:var(--pad-boxa)}.pad-montra{--pad:var(--pad-montra)}.pad-stockium{--pad:var(--pad-stockium)}.pad-bridged{--pad:var(--pad-bridged)}
.market-search{position:relative;margin-left:auto;min-width:min(300px,100%)}
.market-search svg{position:absolute;left:13px;top:50%;width:16px;height:16px;transform:translateY(-50%);fill:none;stroke:#86a19c;stroke-width:2;stroke-linecap:round;pointer-events:none}
.market-search input{width:100%;box-sizing:border-box;padding:11px 13px 11px 38px;border:1px solid #2a4541;border-radius:12px;background:#091413;color:#edf5f3;font:inherit;font-size:14px;transition:border-color .2s,background .2s}
.market-search input:hover,.market-search input:focus{border-color:#3d5c57}
.market-search input:focus{background:#0b1816}
.market-search input::placeholder{color:#7f9894}

/* The table. */
.market-table-wrap{overflow-x:auto;border:1px solid #243d39;border-radius:20px;background:linear-gradient(135deg,#0f201dd9,#0e1824d9);box-shadow:0 20px 50px #0000003d}
.market-table{width:100%;border-collapse:collapse;font-size:14px}
.market-table th{padding:13px 14px;text-align:right;color:#86a19c;font-weight:700;font-size:11px;letter-spacing:.06em;text-transform:uppercase;border-bottom:1px solid #243d39;white-space:nowrap;background:#0e1c1b}
.market-table th:nth-child(-n+3){text-align:left}
.market-table td{padding:12px 14px;border-bottom:1px solid #1b2e2b;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.market-table tbody tr{cursor:pointer;transition:background-color .2s}
.market-table tbody tr:hover{background:#97fce40a}
.market-table tbody tr:hover td:first-child{box-shadow:inset 3px 0 #97fce4}
.market-table tbody tr.official{background:linear-gradient(90deg,#97fce412,transparent 60%)}
.market-table tbody tr:last-child td{border-bottom:0}
.market-table tbody tr.flash-up td{animation:row-flash-up 1.6s ease-out}
.market-table tbody tr.flash-down td{animation:row-flash-down 1.6s ease-out}
.market-table-wrap.is-entering tbody tr{animation:row-in .45s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--i,0) * 22ms)}
@keyframes row-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes row-flash-up{0%{background:#97fce42b}100%{background:transparent}}
@keyframes row-flash-down{0%{background:#f1a7a42b}100%{background:transparent}}
.market-table .market-cap{font-weight:800;color:#f2fffb}
.market-rank{color:#86a19c;text-align:left!important;width:36px;font-weight:700}
.market-coin{text-align:left!important}
.market-coin a{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none;min-width:0}
.market-coin a:focus-visible{outline:2px solid #97fce4;outline-offset:2px;border-radius:8px}
.market-name{display:flex;align-items:center;gap:7px;min-width:0}
.market-name b{max-width:230px;overflow:hidden;text-overflow:ellipsis}
.market-name small{color:#9fb6b2;font-weight:700}
.market-age{display:block;color:#7f9894;font-size:12px;margin-top:3px}
.mb-curve{display:grid;gap:4px;margin-top:4px;font-size:12px;color:#bff8ea;font-weight:700}
.mb-curve i{display:block;width:150px;height:5px;border-radius:9px;background:#ffffff12;overflow:hidden;position:relative}
.mb-curve i:after{content:"";position:absolute;inset:0 auto 0 0;width:var(--p);min-width:3px;border-radius:inherit;background:linear-gradient(90deg,#97fce4,#99c8ed);box-shadow:0 0 12px #97fce488}
.mb-curve-note{display:inline-block;padding:3px 9px;border-radius:999px;border:1px dashed #97fce455;color:#9fd9cb;font-size:12px;font-weight:700}
.market-pad{text-align:left!important}
.market-pad-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;border:1px solid color-mix(in srgb,var(--pad,#3a5551) 45%,transparent);font-size:12px;font-weight:700;color:var(--pad,#c9dcd9);background:color-mix(in srgb,var(--pad,#3a5551) 8%,transparent)}
.market-badge{padding:2px 8px;border-radius:999px;font-size:11px;font-weight:800}
.market-badge.official{background:linear-gradient(100deg,#97fce4,#b9e9ff);color:#061210;box-shadow:0 0 14px #97fce444}
.market-change.up,.coin-change.up{color:#97fce4}
.market-change.down,.coin-change.down{color:#f1a7a4}
.market-spark{width:110px;height:30px;overflow:visible}
.market-spark path{fill:none;stroke-width:1.7;vector-effect:non-scaling-stroke;stroke-linejoin:round}
.market-spark.up path{stroke:#97fce4}.market-spark.down path{stroke:#f1a7a4}
.market-more{display:flex;align-items:center;gap:10px;margin:22px auto 0;padding:12px 22px;border:1px solid #2f4a46;border-radius:999px;background:linear-gradient(140deg,#14302b,#101d28);color:#eafff9;font:inherit;font-size:14px;font-weight:800;cursor:pointer;box-shadow:0 10px 26px #00000040;transition:border-color .2s,transform .2s,box-shadow .2s}
.market-more:hover{border-color:#97fce4;transform:translateY(-2px);box-shadow:0 14px 30px #00000055,0 0 24px #97fce41f}
.market-more svg{width:16px;height:16px;fill:none;stroke:#97fce4;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
.market-more:hover svg{transform:translateY(2px)}
.market-more:disabled{cursor:progress;opacity:.75;transform:none}
.market-more:focus-visible{outline:2px solid #97fce4;outline-offset:3px}
.market-more small{color:#86a19c}

.market-logo{flex:none;border-radius:50%;object-fit:cover;background:#0b1816}
.market-logo-sm{width:20px;height:20px}.market-logo-md{width:38px;height:38px}.market-logo-lg{width:72px;height:72px;border-radius:18px}.market-logo-xl{width:96px;height:96px;border-radius:22px}
.market-mono{display:inline-grid;place-items:center;background:linear-gradient(140deg,#1f3a36,#22304a);color:#cfe9e3;font-weight:800;border:1px solid #3d5753;font-size:12px}
.market-logo-lg.market-mono{font-size:22px}.market-logo-xl.market-mono{font-size:28px}

/* Figures that move: the spotlight's numbers flash as they count. */
.flash-up{animation:text-flash-up 1.2s ease-out}.flash-down{animation:text-flash-down 1.2s ease-out}
@keyframes text-flash-up{0%{color:#97fce4;text-shadow:0 0 18px #97fce488}100%{text-shadow:none}}
@keyframes text-flash-down{0%{color:#f5aaa6;text-shadow:0 0 18px #f1a7a488}100%{text-shadow:none}}

@media (max-width:1100px){.mb-feature{grid-template-columns:1fr}.mb-spotlight{grid-template-columns:1fr 1fr;align-items:center}.mb-spot-top,.mb-spot-chart,.mb-spot-stats,.mb-spot-cta{grid-column:1/-1}}
@media (max-width:760px){.market-pad,.market-spark-cell{display:none}.market-search{margin-left:0;width:100%}.market-name b{max-width:130px}.mb-stats{width:100%}.mb-stats div{flex:1;min-width:0}
 .mb-spotlight{grid-template-columns:1fr}.market-tabs{width:100%}.market-tabs button{flex:1;padding:9px 6px}.market-pads{flex-wrap:nowrap;overflow-x:auto;width:100%;padding-bottom:4px;scrollbar-width:none}.market-pads::-webkit-scrollbar{display:none}.market-pads button{flex:none}
 .market-card{width:180px;min-height:216px}.market-card .market-logo-xl{width:72px;height:72px}.mb-curve i{width:110px}.market-table td,.market-table th{padding:11px 10px}}
/* Phones: the coin and its market cap with the 24h change under it (no rank, launchpad, chart, 24h or volume column). */
.mb-cap-change{display:none}
@media (max-width:760px){.market-table tr>:nth-child(1),.market-table tr>:nth-child(5),.market-table tr>:nth-child(6){display:none}.mb-cap-change{display:block;margin-top:5px}.market-name b{max-width:150px!important}.market-coin a{gap:9px}.market-name{flex-wrap:wrap;gap:2px 6px}.market-name b{max-width:118px}
 .market-table .market-logo-md{width:32px;height:32px}.market-change .mb-chip{padding:2px 6px;font-size:11px}.market-table{font-size:13px}.market-table td:first-of-type{padding-left:12px}}
@media (prefers-reduced-motion:reduce){.mb-spotlight,.market-table-wrap.is-entering tbody tr,.mb-rail-set .market-card,.mb-spotlight:before,.mb-spot-glow,.flash-up,.flash-down,.market-card.flash-up,.market-card.flash-down,.market-table tbody tr td{animation:none!important}.market-card,.mb-spotlight,.market-pads button,.market-table tbody tr{transition:none}.market-card:hover,.mb-spotlight:hover{transform:none}}

/* The coin page (coin.html, coin-page.mjs): the project page's design (project.css), with a coin's own few parts. */
.coin-page-body .project-avatar.coin-mono{display:grid;place-items:center;width:72px;height:72px;border-radius:18px;background:linear-gradient(140deg,#1f3a36,#22304a);border:1px solid #3d5753;color:#cfe9e3;font-weight:800;font-size:24px}
.coin-page-body .project-avatar{object-fit:cover}
.coin-pad-badge{--pad:#c9dcd9;color:var(--pad)!important;border-color:color-mix(in srgb,var(--pad) 45%,transparent)!important;background:color-mix(in srgb,var(--pad) 10%,transparent)!important}
.coin-pad-badge.pad-elyspump{--pad:#8be38f}.coin-pad-badge.pad-kleos{--pad:#f4c96b}.coin-pad-badge.pad-boxa{--pad:#ffab6e}.coin-pad-badge.pad-montra{--pad:#f59ad3}.coin-pad-badge.pad-stockium{--pad:#8fbaff}.coin-pad-badge.pad-bridged{--pad:#b7c2c0}
.coin-status .project-progress-head{display:flex;justify-content:space-between;align-items:center;gap:12px}
.coin-status .project-progress-head h2{margin:0;font-size:20px}
.coin-note{font-size:12.5px;line-height:1.6;color:#d8dcb9}
.coin-loading{padding:60px 0;color:#aec2bf}
.coin-pools{display:grid;gap:10px}
.coin-pool{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid #2a4541;border-radius:14px;background:#0d1a19}
.coin-pool.is-main{border-color:#97fce455;background:linear-gradient(90deg,#97fce40f,transparent 70%)}
.coin-pool>span:not(.phase-badge){display:grid;gap:3px;flex:1;min-width:0}
.coin-pool small{color:#8fa9a5;font-size:12px}
.coin-page-body .trade-table tr.is-new td{animation:trade-in .9s ease-out}
@keyframes trade-in{0%{background:#97fce42e;transform:translateY(-6px);opacity:.2}100%{background:transparent;transform:none;opacity:1}}
.coin-page-body #headline-price,.coin-page-body .chart-cap-value{border-radius:6px}
@media (prefers-reduced-motion:reduce){.coin-page-body .trade-table tr.is-new td{animation:none}}
.coin-quick{display:flex;gap:8px;margin:2px 0 4px}
.coin-quick button{flex:1;padding:9px;border:1px solid #2f4a46;border-radius:10px;background:#0b1816;color:#edf5f3;font:inherit;font-size:14px;font-weight:700;cursor:pointer;transition:border-color .2s,background .2s}
.coin-quick button:hover{border-color:#97fce4;background:#97fce40f}
/* Narrow phones: the spotlight's price gets the full row, so it is never cut. */
@media (max-width:440px){.mb-spot-stats{grid-template-columns:1fr 1fr}.mb-spot-stats span:first-child{grid-column:1/-1}}
/* Tablets: the table without its launchpad and chart columns, so it fits without scrolling sideways. */
@media (max-width:980px) and (min-width:761px){.market-table tr>:nth-child(3),.market-table tr>:nth-child(4){display:none}}