/* Prompt market, prompt detail, seasons. Scoped to .pg-market, .pg-prompt, .pg-seasons. */

/* ---------- shared bits ---------- */
.pg-market .mk-fine, .pg-prompt .mk-fine, .pg-seasons .mk-fine { color: var(--muted); font-size: 12.5px; margin: 10px 0 0; }
.pg-market .mk-verified, .pg-prompt .mk-verified { display: inline-flex; align-items: center; gap: 5px; font-size: 12.5px; color: var(--text-2); white-space: nowrap; }
.pg-market .mk-verified .ic, .pg-prompt .mk-verified .ic { color: var(--accent); }
.pg-market .mk-rate, .pg-prompt .mk-rate { font-size: 13px; color: var(--muted); white-space: nowrap; }
.pg-market .mk-rate b, .pg-prompt .mk-rate b { font: 600 14px/1 var(--f-mono); color: var(--text); }
.pg-prompt .mk-link, .pg-market .mk-seller[data-go] { cursor: pointer; }
.pg-prompt .mk-link:hover, .pg-market .mk-seller[data-go]:hover { text-decoration: underline; }
.pg-market .mk-wide, .pg-prompt .mk-wide { width: 100%; }

/* ---------- market ---------- */
.pg-market .mk-wrap { padding: 20px 20px 60px; display: grid; gap: 18px; min-width: 0; }
.pg-market .mk-intro h2 { margin: 0; font: 900 clamp(26px, 3.4vw, 36px)/1.02 var(--f-display); letter-spacing: 0.005em; text-transform: uppercase; text-wrap: balance; }
.pg-market .mk-intro p { margin: 8px 0 0; color: var(--text-2); max-width: 60ch; }
.pg-market .mk-intro-nums { display: flex; flex-wrap: wrap; gap: 6px 22px; margin-top: 12px; font-size: 14px; color: var(--muted); }
.pg-market .mk-intro-nums b { color: var(--text); font-size: 15px; font-weight: 600; }

.pg-market .mk-hero { position: relative; display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); border: 1px solid var(--accent-line); border-radius: 22px; overflow: hidden; background: var(--surface); cursor: pointer; transition: border-color 0.2s, transform 0.25s var(--ease); }
.pg-market .mk-hero:hover { transform: translateY(-2px); border-color: var(--accent); }
.pg-market .mk-hero-l { position: relative; padding: 22px 24px 22px; display: flex; flex-direction: column; gap: 14px; min-width: 0; }
.pg-market .mk-hero-art { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0.55; pointer-events: none; -webkit-mask-image: linear-gradient(100deg, transparent 25%, #000 100%); mask-image: linear-gradient(100deg, transparent 25%, #000 100%); }
.pg-market .mk-hero-l > *:not(.mk-hero-art) { position: relative; }
.pg-market .mk-hero-tag { display: inline-flex; align-items: center; gap: 7px; font: 600 12px/1 var(--f-mono); letter-spacing: 0.08em; text-transform: uppercase; color: var(--accent); }
.pg-market .mk-hero-who { display: flex; align-items: center; gap: 14px; min-width: 0; }
.pg-market .mk-hero-who > div { min-width: 0; }
.pg-market .mk-hero-who h2 { margin: 0; font: 900 clamp(26px, 3vw, 34px)/1.02 var(--f-display); letter-spacing: 0.005em; text-transform: uppercase; }
.pg-market .mk-hero-who span { display: inline-flex; align-items: center; gap: 6px; flex-wrap: wrap; color: var(--text-2); font-size: 14px; margin-top: 4px; }
.pg-market .mk-hero-q { margin: 0; padding: 4px 0 4px 14px; border-left: 3px solid var(--accent); font: 500 clamp(15px, 1.7vw, 18px)/1.45 var(--f-mono); color: var(--text); max-width: 34ch; }
.pg-market .mk-hero-cta { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; margin-top: auto; }
.pg-market .mk-hero-cta .mono { color: var(--text-2); font-size: 14px; }
.pg-market .mk-hero-r { padding: 22px 22px 20px; border-left: 1px solid var(--line); background: color-mix(in srgb, var(--bg) 55%, var(--surface)); display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.pg-market .mk-hero-earn b { display: block; font: 900 clamp(40px, 4.6vw, 54px)/1 var(--f-display); letter-spacing: 0.005em; text-transform: uppercase; font-variant-numeric: tabular-nums; }
.pg-market .mk-hero-earn small { display: block; color: var(--muted); font-size: 14px; margin-top: 6px; }
.pg-market .mk-hero-note { margin: 0; color: var(--text-2); font-size: 14px; }
.pg-market .mk-hero-spark svg { width: 100%; height: 64px; }
.pg-market .mk-hero-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; border-top: 1px solid var(--line); padding-top: 12px; margin-top: auto; }
.pg-market .mk-hero-stats small, .pg-market .mk-stats small { display: block; font: 500 10.5px/1.3 var(--f-mono); letter-spacing: 0.06em; text-transform: uppercase; color: var(--muted); }
.pg-market .mk-hero-stats .v { font: 700 18px/1.3 var(--f-mono); letter-spacing: -0.02em; }

.pg-market .mk-filters { display: grid; gap: 12px; padding-top: 4px; }
.pg-market .mk-search { position: relative; }
.pg-market .mk-search .ic { position: absolute; left: 15px; top: 50%; transform: translateY(-50%); color: var(--muted); }
.pg-market .mk-search input { width: 100%; background: var(--raised); border: 1px solid transparent; border-radius: 999px; padding: 11px 16px 11px 42px; outline: none; }
.pg-market .mk-search input::placeholder { color: var(--muted); }
.pg-market .mk-search input:focus { border-color: var(--accent); background: var(--bg); }
.pg-market .mk-styles { display: flex; flex-wrap: wrap; gap: 8px; }
.pg-market .mk-styles .chip { white-space: nowrap; }
.pg-market .mk-row { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; }
.pg-market .mk-row .seg { max-width: 100%; overflow-x: auto; scrollbar-width: none; }
.pg-market .mk-row .seg button { white-space: nowrap; }
.pg-market .mk-sort { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; color: var(--muted); }
.pg-market .mk-sort .select { width: auto; padding: 8px 12px; border-radius: 999px; color: var(--text); cursor: pointer; }

.pg-market .mk-body { display: grid; grid-template-columns: minmax(0, 1fr) 272px; grid-template-areas: "main tick" "main sell" "main ."; grid-template-rows: auto auto 1fr; gap: 16px 18px; }
.pg-market .mk-main { grid-area: main; min-width: 0; }
.pg-market .mk-main.mk-main-live { grid-area: auto; }
.pg-market .mk-tick { grid-area: tick; }
.pg-market .mk-sellers { grid-area: sell; }
.pg-market .mk-count { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; color: var(--muted); font-size: 13.5px; margin-bottom: 10px; }
.pg-market .mk-clear { color: var(--accent); font-size: 13.5px; }
.pg-market .mk-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(270px, 1fr)); gap: 14px; }
.pg-market .mk-empty { grid-column: 1 / -1; border: 1px dashed var(--line-strong); border-radius: 18px; }

.pg-market .mk-card { border: 1px solid var(--line); border-radius: 18px; background: var(--surface); padding: 14px 15px; display: flex; flex-direction: column; gap: 12px; cursor: pointer; min-width: 0; transition: transform 0.2s var(--ease), border-color 0.2s; }
.pg-market .mk-card:hover { transform: translateY(-2px); border-color: var(--line-strong); }
.pg-market .mk-card:active { transform: scale(0.99); }
.pg-market .mk-card-top { display: grid; grid-template-columns: 48px minmax(0, 1fr) auto; gap: 11px; align-items: center; }
.pg-market .mk-card-top .t { min-width: 0; line-height: 1.3; }
.pg-market .mk-card-top .t b { display: block; font-size: 16px; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pg-market .mk-card-top .t small { display: block; color: var(--muted); font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pg-market .mk-price { text-align: right; line-height: 1.1; }
.pg-market .mk-price b { display: block; font: 700 18px/1.1 var(--f-mono); letter-spacing: -0.02em; }
.pg-market .mk-price small { font: 500 11px/1 var(--f-mono); color: var(--muted); letter-spacing: 0.06em; }
.pg-market .mk-teaser { margin: 0; font: 13px/1.5 var(--f-mono); color: var(--text-2); background: var(--raised); border-radius: 10px; padding: 9px 11px; min-height: calc(2 * 1.5em + 18px); }
.pg-market .mk-teaser span { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.pg-market .mk-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.pg-market .mk-stats .v { display: block; font: 600 15px/1.35 var(--f-mono); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pg-market .mk-card-foot { display: flex; align-items: center; gap: 8px 10px; flex-wrap: wrap; border-top: 1px solid var(--line); padding-top: 10px; margin-top: auto; }
.pg-market .mk-card-foot .mk-rate { margin-left: auto; }

.pg-market .mk-tick .panel-h, .pg-market .mk-sellers .panel-h { align-items: center; }
.pg-market .mk-tick h2, .pg-market .mk-sellers h2 { font-size: 17px; }
.pg-market .mk-live { display: inline-flex; align-items: center; gap: 6px; font: 500 12.5px/1 var(--f-mono); color: var(--muted); }
.pg-market .mk-live i { width: 7px; height: 7px; border-radius: 99px; background: var(--accent); box-shadow: 0 0 0 0 var(--accent-line); animation: pulse 1.8s infinite; }
.pg-market .mk-tick .fills { padding: 0 6px 8px; }
.pg-market .mk-tick .fill { padding: 8px; }
.pg-market .mk-tick .fill .who { font-size: 13px; color: var(--text-2); }
.pg-market .mk-tick .fill .who b { color: var(--text); }
.pg-market .mk-sale-t { color: var(--accent); cursor: pointer; }
.pg-market .mk-sale-t:hover { text-decoration: underline; }
.pg-market .mk-tick .fill .amt { font-size: 12.5px; white-space: nowrap; }
.pg-market .mk-top { padding: 2px 0 4px; }
.pg-market .mk-top-row { display: grid; grid-template-columns: 16px 32px minmax(0, 1fr) auto; gap: 10px; align-items: center; padding: 8px 16px; transition: background 0.15s; }
.pg-market .mk-top-row[data-go] { cursor: pointer; }
.pg-market .mk-top-row:hover { background: var(--hover); }
.pg-market .mk-top-row .rk { font: 600 13px/1 var(--f-mono); color: var(--muted); }
.pg-market .mk-top-row:first-child .rk { color: var(--accent); }
.pg-market .mk-top-row .t { min-width: 0; line-height: 1.25; }
.pg-market .mk-top-row .t b { display: block; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pg-market .mk-top-row .t small { color: var(--muted); font-size: 12.5px; }
.pg-market .mk-top-row .mono { font-size: 13px; }
.pg-market .mk-sellers .mk-fine { padding: 0 16px 14px; margin: 4px 0 0; }

/* ---------- prompt detail ---------- */
.pg-prompt .col-title h1 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pg-prompt .col-title > div { min-width: 0; }
.pg-prompt .mk-p { display: grid; grid-template-columns: minmax(0, 1fr) 300px; grid-template-areas: "head aside" "box aside" "rest aside"; grid-template-rows: auto auto 1fr; gap: 18px 22px; padding: 20px 20px 60px; }
.pg-prompt .mk-p-head { grid-area: head; display: flex; gap: 16px; align-items: center; min-width: 0; }
.pg-prompt .mk-p-head .t { min-width: 0; }
.pg-prompt .mk-p-head h2 { margin: 0; font: 900 clamp(28px, 3.4vw, 38px)/1.02 var(--f-display); letter-spacing: 0.005em; text-transform: uppercase; text-wrap: balance; }
.pg-prompt .mk-p-meta { display: flex; align-items: center; gap: 8px 12px; flex-wrap: wrap; margin-top: 8px; font-size: 14.5px; }
.pg-prompt .mk-p-meta > span:first-child { display: inline-flex; align-items: center; gap: 6px; font-weight: 600; }
.pg-prompt .mk-p-note { display: flex; gap: 7px; align-items: flex-start; margin: 10px 0 0; color: var(--text-2); font-size: 13.5px; }
.pg-prompt .mk-p-note .ic { margin-top: 3px; color: var(--accent); }
.pg-prompt .mk-p-box { grid-area: box; min-width: 0; }
.pg-prompt .mk-p-aside { grid-area: aside; align-self: start; position: sticky; top: 70px; display: grid; gap: 14px; min-width: 0; }
.pg-prompt .mk-p-rest { grid-area: rest; display: grid; gap: 18px; align-content: start; min-width: 0; }

.pg-prompt .mk-pbox { border: 1px solid var(--line); border-radius: 18px; overflow: hidden; background: var(--surface); }
.pg-prompt .mk-pbox-h { display: flex; align-items: center; gap: 10px; padding: 12px 16px; border-bottom: 1px solid var(--line); flex-wrap: wrap; }
.pg-prompt .mk-pbox-h b { flex: 1; }
.pg-prompt .mk-tag-ok { color: var(--text); border-color: var(--accent-line); background: var(--accent-soft); }
.pg-prompt .mk-tag-ok .ic { color: var(--accent); }
.pg-prompt .mk-pre { margin: 0; padding: 14px 16px; font: 13.5px/1.65 var(--f-mono); white-space: pre-wrap; overflow-wrap: anywhere; color: var(--text-2); }
.pg-prompt .mk-first { color: var(--text); font-size: 14.5px; font-weight: 500; border-left: 3px solid var(--accent); margin: 14px 16px 0; padding: 2px 0 2px 12px; }
.pg-prompt .mk-first + .mk-pre { padding-top: 10px; }
.pg-prompt .mk-cfg { border-top: 1px dashed var(--line-strong); margin: 4px 16px 0; }
.pg-prompt .mk-cfg-h { display: flex; align-items: center; gap: 6px; padding-top: 12px; font: 600 12px/1 var(--f-mono); color: var(--muted); }
.pg-prompt .mk-cfg .mk-pre { padding: 8px 0 16px; }
.pg-prompt .mk-locked { min-height: 230px; }
.pg-prompt .mk-locked .over > div { box-shadow: var(--shadow); }

.pg-prompt .mk-get h3, .pg-prompt .mk-sec-h h3 { margin: 0; font: 900 21px/1.1 var(--f-display); letter-spacing: 0.005em; text-transform: uppercase; }
.pg-prompt .mk-get h3 { margin-bottom: 6px; }
.pg-prompt .mk-get-row { display: grid; grid-template-columns: 36px minmax(0, 1fr); gap: 12px; padding: 13px 0; border-top: 1px solid var(--line); }
.pg-prompt .mk-get-row:nth-of-type(1) { border-top: 0; }
.pg-prompt .ic-w { width: 36px; height: 36px; border-radius: 10px; display: grid; place-items: center; background: var(--raised); color: var(--accent); }
.pg-prompt .mk-get-row b { display: block; font-size: 15px; }
.pg-prompt .mk-get-row small { display: block; color: var(--muted); font-size: 13.5px; margin-top: 2px; }
.pg-prompt .mk-get-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.pg-prompt .mk-tag-off { border-style: dashed; color: var(--muted); }
.pg-prompt .mk-dl { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin: 8px 0 0; }
.pg-prompt .mk-dl div { background: var(--raised); border-radius: 10px; padding: 8px 10px; }
.pg-prompt .mk-dl dt { font-size: 12px; color: var(--muted); }
.pg-prompt .mk-dl dd { margin: 2px 0 0; font: 600 15px/1.2 var(--f-mono); }

.pg-prompt .mk-sec { border: 1px solid var(--line); border-radius: 18px; background: var(--surface); padding: 16px 18px 18px; min-width: 0; }
.pg-prompt .mk-sec-h { display: flex; align-items: center; justify-content: space-between; gap: 8px 12px; flex-wrap: wrap; margin-bottom: 12px; }
.pg-prompt .mk-perf-who { display: flex; align-items: center; gap: 10px; }
.pg-prompt .mk-perf-who > div { line-height: 1.3; }
.pg-prompt .mk-perf-who b { display: block; }
.pg-prompt .mk-perf-who small { color: var(--muted); font-size: 12.5px; }
.pg-prompt .mk-perf-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin-top: 14px; }
.pg-prompt .mk-perf-stats > div { border-left: 2px solid var(--line-strong); padding-left: 10px; }
.pg-prompt .mk-perf-stats > div:first-child { border-color: var(--accent); }
.pg-prompt .mk-perf-stats small { display: block; font-size: 12.5px; color: var(--muted); }
.pg-prompt .mk-perf-stats .v { font: 700 19px/1.3 var(--f-mono); letter-spacing: -0.02em; }
.pg-prompt .mk-sec .eq { padding: 12px 0 0; }
.pg-prompt .mk-social { display: flex; gap: 16px; align-items: center; flex-wrap: wrap; }
.pg-prompt .mk-social b { display: block; font: 900 34px/1 var(--f-display); letter-spacing: 0.005em; text-transform: uppercase; }
.pg-prompt .mk-social small { color: var(--muted); }
.pg-prompt .mk-social p { margin: 0; color: var(--text-2); flex: 1; min-width: 220px; }

.pg-prompt .mk-vers { list-style: none; margin: 0; padding: 0; position: relative; }
.pg-prompt .mk-vers::before { content: ""; position: absolute; left: 21px; top: 14px; bottom: 14px; width: 2px; background: var(--line); }
.pg-prompt .mk-vers li { position: relative; display: grid; grid-template-columns: 44px minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 8px 0; }
.pg-prompt .mk-v { display: grid; place-items: center; height: 26px; border-radius: 999px; background: var(--raised); border: 1px solid var(--line-strong); font-size: 12px; font-weight: 600; }
.pg-prompt .mk-vers li.cur .mk-v { background: var(--accent); color: var(--accent-ink); border-color: var(--accent); }
.pg-prompt .mk-vers .t { min-width: 0; line-height: 1.35; }
.pg-prompt .mk-vers .t b { display: block; font-size: 14.5px; font-weight: 500; }
.pg-prompt .mk-vers .t small { color: var(--muted); font-size: 12.5px; }
.pg-prompt .mk-vers .mono { font-size: 14px; font-weight: 600; white-space: nowrap; }

.pg-prompt .mk-revs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.pg-prompt .mk-rev { border: 1px solid var(--line); border-radius: 14px; padding: 12px 13px; background: var(--bg); display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.pg-prompt .mk-rev-h { display: flex; align-items: center; gap: 9px; }
.pg-prompt .mk-rev-h .t { flex: 1; min-width: 0; line-height: 1.25; }
.pg-prompt .mk-rev-h .t b { display: block; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pg-prompt .mk-rev-h .t small { color: var(--muted); font-size: 12px; }
.pg-prompt .mk-stars { display: inline-flex; gap: 3px; flex: none; }
.pg-prompt .mk-stars i { width: 7px; height: 7px; border-radius: 2px; background: var(--line-strong); }
.pg-prompt .mk-stars i.on { background: var(--accent); }
.pg-prompt .mk-rev p { margin: 0; font-size: 14px; line-height: 1.5; color: var(--text); }
.pg-prompt .mk-rev-res { color: var(--muted); font-size: 12.5px; margin-top: auto; }

.pg-prompt .mk-buy { border: 1px solid var(--accent-line); border-radius: 18px; padding: 16px; background: linear-gradient(160deg, var(--accent-soft), transparent 70%), var(--surface); display: grid; gap: 10px; }
.pg-prompt .mk-buy-price b { display: block; font: 900 40px/1 var(--f-display); letter-spacing: 0.005em; text-transform: uppercase; font-variant-numeric: tabular-nums; }
.pg-prompt .mk-buy-price b span { font-size: 18px; color: var(--muted); letter-spacing: -0.01em; }
.pg-prompt .mk-buy-price small { display: block; color: var(--text-2); font-size: 13.5px; margin-top: 4px; }
.pg-prompt .mk-buy-note { margin: 0; color: var(--text-2); font-size: 13.5px; }
.pg-prompt .mk-buy-rel { display: grid; gap: 6px; }
.pg-prompt .mk-buy-rel small { color: var(--muted); font-size: 12.5px; }
.pg-prompt .mk-buy-rel .btn { justify-content: flex-start; white-space: normal; text-align: left; }
.pg-prompt .mk-owned { display: flex; align-items: center; gap: 8px; padding: 10px 12px; border-radius: 12px; background: var(--accent-soft); font-weight: 600; font-size: 14px; }
.pg-prompt .mk-owned .ic { color: var(--accent); }
.pg-prompt .mk-buy-facts { list-style: none; margin: 4px 0 0; padding: 10px 0 0; border-top: 1px solid var(--line); display: grid; gap: 7px; font-size: 13.5px; }
.pg-prompt .mk-buy-facts li { display: flex; justify-content: space-between; gap: 10px; }
.pg-prompt .mk-buy-facts span { color: var(--muted); }
.pg-prompt .mk-buy-facts b { font-weight: 600; text-align: right; }
.pg-prompt .mk-buy .mk-fine { margin: 0; }

.pg-prompt .mk-seller-card { border: 1px solid var(--line); border-radius: 18px; padding: 14px; background: var(--surface); display: grid; gap: 10px; }
.pg-prompt .mk-seller-h { display: flex; align-items: center; gap: 10px; }
.pg-prompt .mk-seller-h .t { flex: 1; min-width: 0; line-height: 1.3; display: flex; flex-wrap: wrap; align-items: center; column-gap: 6px; }
.pg-prompt .mk-seller-h .t b { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
.pg-prompt .mk-seller-h .t small { flex-basis: 100%; color: var(--muted); font-size: 13px; }
.pg-prompt .mk-seller-card > p { margin: 0; color: var(--text-2); font-size: 13.5px; }
.pg-prompt .mk-seller-nums { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
.pg-prompt .mk-seller-nums > div { background: var(--raised); border-radius: 10px; padding: 8px 9px; min-width: 0; }
.pg-prompt .mk-seller-nums b { display: block; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pg-prompt .mk-seller-nums small { color: var(--muted); font-size: 11.5px; }
.pg-prompt .mk-seller-more { margin: 0 -14px; border-top: 1px solid var(--line); }
.pg-prompt .mk-seller-more .row-link { padding: 8px 14px; }
.pg-prompt .mk-seller-more .row-link .grow b { font-size: 13.5px; font-weight: 500; }

/* ---------- seasons ---------- */
.pg-seasons .ss-wrap { padding: 20px 20px 60px; display: grid; gap: 22px; min-width: 0; }
.pg-seasons .ss-h2 { margin: 0 0 14px; font: 900 26px/1.05 var(--f-display); letter-spacing: 0.005em; text-transform: uppercase; }

.pg-seasons .ss-now { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); border: 1px solid var(--line); border-radius: 22px; overflow: hidden; background: linear-gradient(135deg, var(--accent-soft), transparent 55%), var(--surface); }
.pg-seasons .ss-now-l { padding: 24px 24px 22px; display: flex; flex-direction: column; gap: 10px; min-width: 0; }
.pg-seasons .ss-now-l h2 { margin: 2px 0 0; font: 900 clamp(40px, 5.4vw, 60px)/0.95 var(--f-display); letter-spacing: 0.005em; text-transform: uppercase; }
.pg-seasons .ss-now-wk { margin: 0; color: var(--text-2); }
.pg-seasons .ss-now-pool { margin-top: 6px; }
.pg-seasons .ss-now-pool > small { font-size: 13px; color: var(--muted); }
.pg-seasons .ss-pool { font: 900 clamp(34px, 4vw, 46px)/1.05 var(--f-display); letter-spacing: 0.005em; text-transform: uppercase; font-variant-numeric: tabular-nums; }
.pg-seasons .ss-pool small { font: 700 17px/1 var(--f-display); color: var(--muted); letter-spacing: 0.005em; text-transform: uppercase; }
.pg-seasons .ss-now-split { display: flex; gap: 8px 18px; flex-wrap: wrap; font-size: 13.5px; color: var(--muted); }
.pg-seasons .ss-now-split b { font: 600 14px/1 var(--f-mono); color: var(--text); }
.pg-seasons .ss-now-ag { margin-top: auto; padding-top: 10px; }
.pg-seasons .ss-now-r { padding: 20px; border-left: 1px solid var(--line); background: color-mix(in srgb, var(--surface) 72%, transparent); display: flex; flex-direction: column; gap: 10px; min-width: 0; }
.pg-seasons .ss-now-rh { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; }
.pg-seasons .ss-now-rh h3 { margin: 0; font: 900 20px/1.1 var(--f-display); letter-spacing: 0.005em; text-transform: uppercase; }
.pg-seasons .ss-now-rh .muted { font-size: 13px; }
.pg-seasons .ss-now-r > .btn { align-self: flex-start; margin-top: auto; }
.pg-seasons .ss-live { display: grid; gap: 4px; }
.pg-seasons .ss-live-row { display: grid; grid-template-columns: 30px 48px minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 10px; border-radius: 14px; transition: background 0.15s; cursor: pointer; }
.pg-seasons .ss-live-row:hover { background: var(--hover); }
.pg-seasons .ss-live-rk { font: 900 30px/1 var(--f-display); letter-spacing: 0.005em; text-transform: uppercase; color: var(--muted); text-align: center; }
.pg-seasons .ss-live-row:first-child .ss-live-rk { color: var(--accent); }
.pg-seasons .ss-live-row .t { min-width: 0; display: flex; flex-wrap: wrap; align-items: center; column-gap: 6px; line-height: 1.3; }
.pg-seasons .ss-live-row .t b { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
.pg-seasons .ss-live-row .t small { flex-basis: 100%; color: var(--muted); font-size: 13px; }
.pg-seasons .ss-live-row .mono { font-weight: 600; font-size: 15px; }

.pg-seasons .ss-pips { display: flex; gap: 5px; flex-wrap: wrap; }
.pg-seasons .ss-pips i { width: 17px; height: 18px; display: block; }
.pg-seasons .ss-pips i.a { background: var(--accent); clip-path: polygon(25% 3%, 75% 3%, 100% 50%, 75% 97%, 25% 97%, 0% 50%); }
.pg-seasons .ss-pips i.h { border-radius: 99px; width: 17px; height: 17px; margin-top: 0.5px; border: 1.5px solid var(--human); background: repeating-linear-gradient(135deg, var(--human) 0 2px, transparent 2px 5px); }
.pg-seasons .ss-pips-l { font-size: 13px; color: var(--muted); margin-top: 6px; }
.pg-seasons .ss-pips-l b { color: var(--text); font-weight: 600; }

.pg-seasons .ss-ex { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); grid-template-areas: "stage side"; border: 1px solid var(--line); border-radius: 22px; overflow: hidden; background: var(--surface); }
.pg-seasons .ss-ex.flip { grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); grid-template-areas: "side stage"; }
.pg-seasons .ss-ex-stage { grid-area: stage; padding: 22px 22px 20px; background: radial-gradient(ellipse 70% 55% at 50% 78%, var(--accent-soft), transparent 70%); min-width: 0; }
.pg-seasons .ss-ex-side { grid-area: side; padding: 22px; border-left: 1px solid var(--line); display: flex; flex-direction: column; gap: 18px; min-width: 0; }
.pg-seasons .ss-ex.flip .ss-ex-side { border-left: 0; border-right: 1px solid var(--line); }
.pg-seasons .ss-ex-title { display: flex; align-items: baseline; gap: 12px; flex-wrap: wrap; }
.pg-seasons .ss-ex-title h2 { margin: 0; font: 900 clamp(30px, 3.6vw, 40px)/1 var(--f-display); letter-spacing: 0.005em; text-transform: uppercase; }
.pg-seasons .ss-ex-title .muted { font-size: 14px; }

.pg-seasons .ss-podium { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; align-items: end; margin-top: 22px; border-bottom: 2px solid var(--line-strong); }
.pg-seasons .ss-step { min-width: 0; display: flex; flex-direction: column; }
.pg-seasons .ss-who { display: flex; flex-direction: column; align-items: center; gap: 4px; text-align: center; min-width: 0; }
.pg-seasons .ss-who[data-go] { cursor: pointer; }
.pg-seasons .ss-who b { font-size: 14px; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: 4px; }
.pg-seasons .ss-who[data-go]:hover b { text-decoration: underline; }
.pg-seasons .ss-who .mono { font-size: 13.5px; font-weight: 600; }
.pg-seasons .ss-crown { color: var(--accent); height: 20px; }
.pg-seasons .ss-block { margin-top: 10px; border: 1px solid var(--line-strong); border-bottom: 0; border-radius: 14px 14px 0 0; background: var(--raised); display: flex; flex-direction: column; align-items: center; padding-top: 10px; gap: 2px; }
.pg-seasons .ss-step.human .ss-block { background: repeating-linear-gradient(135deg, color-mix(in srgb, var(--human) 13%, transparent) 0 6px, transparent 6px 12px), var(--raised); }
.pg-seasons .p1 .ss-block { height: 150px; border-color: var(--accent-line); background: linear-gradient(180deg, var(--accent-soft), transparent 90%), var(--raised); }
.pg-seasons .p1.human .ss-block { background: linear-gradient(180deg, var(--accent-soft), transparent 90%), repeating-linear-gradient(135deg, color-mix(in srgb, var(--human) 13%, transparent) 0 6px, transparent 6px 12px), var(--raised); }
.pg-seasons .p2 .ss-block { height: 108px; }
.pg-seasons .p3 .ss-block { height: 78px; }
.pg-seasons .ss-place { font: 900 40px/1 var(--f-display); letter-spacing: 0.005em; text-transform: uppercase; color: var(--text-2); }
.pg-seasons .p1 .ss-place { font-size: 54px; color: var(--accent); }
.pg-seasons .ss-block small { font-size: 12px; color: var(--muted); }
.pg-seasons .ss-ex-nums { display: flex; flex-wrap: wrap; gap: 14px 26px; margin-top: 18px; align-items: flex-start; }
.pg-seasons .ss-ex-nums small { display: block; font-size: 12.5px; color: var(--muted); margin-bottom: 4px; }
.pg-seasons .ss-ex-nums b { font-size: 16px; }
.pg-seasons .ss-ex-split .ss-pips i { width: 13px; height: 14px; }
.pg-seasons .ss-ex-split .ss-pips i.h { width: 13px; height: 13px; }
.pg-seasons .ss-ex-split .ss-pips-l { margin-top: 4px; font-size: 12.5px; }
.pg-seasons .ss-ex-split .ss-pips-l b { font-size: 13px; }

.pg-seasons .ss-won { margin: 0; }
.pg-seasons .ss-won figcaption { font-weight: 700; font-size: 15px; }
.pg-seasons .ss-won blockquote { margin: 10px 0; padding: 12px 14px; border-radius: 12px; border-left: 3px solid var(--accent); background: var(--bg); font: 500 15px/1.5 var(--f-mono); color: var(--text); }
.pg-seasons .ss-won blockquote.ss-none { border-left-color: var(--human); }
.pg-seasons .ss-won blockquote.ss-small { font-size: 13px; color: var(--text-2); }
.pg-seasons .ss-won p { margin: 0 0 12px; color: var(--text-2); font-size: 14px; }
.pg-seasons .ss-moments h3 { margin: 0 0 4px; font-size: 15px; font-weight: 700; }
.pg-seasons .ss-moments ul { list-style: none; margin: 0; padding: 0; }
.pg-seasons .ss-moments li { display: grid; grid-template-columns: 54px minmax(0, 1fr); gap: 10px; padding: 9px 0; border-top: 1px solid var(--line); }
.pg-seasons .ss-moments li:first-child { border-top: 0; }
.pg-seasons .ss-moments li .mono { color: var(--muted); font-size: 12.5px; padding-top: 2px; }
.pg-seasons .ss-moments li p { margin: 0; font-size: 14px; color: var(--text-2); line-height: 1.45; }

.pg-seasons .ss-trend { padding: 4px 2px; }
.pg-seasons .ss-trend-rows { display: grid; gap: 10px; }
.pg-seasons .ss-trend-row { display: grid; grid-template-columns: 84px minmax(0, 1fr) 46px 76px; gap: 12px; align-items: center; font-size: 14px; }
.pg-seasons .ss-trend-row .mono { font-weight: 600; text-align: right; }
.pg-seasons .ss-bar { display: flex; height: 16px; border-radius: 99px; overflow: hidden; gap: 2px; }
.pg-seasons .ss-bar i { display: block; height: 100%; transition: width 1s var(--ease); }
.pg-seasons .ss-bar i.a { background: var(--accent); }
.pg-seasons .ss-bar i.h { background: repeating-linear-gradient(135deg, var(--human) 0 5px, color-mix(in srgb, var(--human) 55%, transparent) 5px 10px); }
.pg-seasons .ss-trend-note { font-size: 13px; margin: 12px 0 0; }

.pg-seasons .ss-rec-grid { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr) minmax(0, 1fr); gap: 12px; }
.pg-seasons .ss-r { border: 1px solid var(--line); border-radius: 16px; padding: 14px 16px; background: var(--surface); display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.pg-seasons .ss-r small { font-size: 12.5px; color: var(--muted); }
.pg-seasons .ss-r b { font: 900 30px/1 var(--f-display); letter-spacing: 0.005em; text-transform: uppercase; font-variant-numeric: tabular-nums; }
.pg-seasons .ss-r span { font-size: 13.5px; color: var(--text-2); display: flex; align-items: center; gap: 8px; }
.pg-seasons .ss-r.big { grid-row: span 2; background: radial-gradient(ellipse 90% 70% at 20% 100%, var(--up-soft), transparent 70%), var(--surface); justify-content: flex-end; cursor: pointer; }
.pg-seasons .ss-r.big b { font-size: clamp(44px, 5.4vw, 62px); }
.pg-seasons .ss-r.hu { background: repeating-linear-gradient(135deg, color-mix(in srgb, var(--human) 7%, transparent) 0 6px, transparent 6px 12px), var(--surface); }

/* ---------- responsive ---------- */
@media (max-width: 900px) {
  .pg-market .mk-body { grid-template-columns: minmax(0, 1fr); grid-template-areas: "tick" "main" "sell"; grid-template-rows: auto; }
  .pg-market .mk-tick .fill:nth-child(n+4) { display: none; }
  .pg-prompt .mk-p { grid-template-columns: minmax(0, 1fr); grid-template-areas: "head" "box" "aside" "rest"; grid-template-rows: auto; }
  .pg-prompt .mk-p-aside { position: static; }
  .pg-seasons .ss-now, .pg-seasons .ss-ex, .pg-seasons .ss-ex.flip { grid-template-columns: minmax(0, 1fr); grid-template-areas: "stage" "side"; }
  .pg-seasons .ss-now-r { border-left: 0; border-top: 1px solid var(--line); }
  .pg-seasons .ss-ex-side, .pg-seasons .ss-ex.flip .ss-ex-side { border-left: 0; border-right: 0; border-top: 1px solid var(--line); }
}
@media (max-width: 720px) {
  .pg-market .mk-wrap, .pg-prompt .mk-p, .pg-seasons .ss-wrap { padding: 14px 16px 40px; }
  .pg-market .mk-hero { grid-template-columns: minmax(0, 1fr); }
  .pg-market .mk-hero-l { padding: 18px; }
  .pg-market .mk-hero-r { border-left: 0; border-top: 1px solid var(--line); padding: 16px 18px 18px; }
  .pg-market .mk-hero-art { -webkit-mask-image: linear-gradient(180deg, #000, transparent 90%); mask-image: linear-gradient(180deg, #000, transparent 90%); opacity: 0.3; }
  .pg-market .mk-styles { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; margin: 0 -16px; padding: 0 16px; }
  .pg-market .mk-styles::-webkit-scrollbar, .pg-market .mk-row .seg::-webkit-scrollbar { display: none; }
  .pg-market .mk-row { align-items: stretch; }
  .pg-market .mk-row .seg { width: 100%; }
  .pg-market .mk-row .seg button { flex: 1; padding-inline: 8px; }
  .pg-market .mk-sort { width: 100%; justify-content: space-between; }
  .pg-market .mk-grid { grid-template-columns: minmax(0, 1fr); }
  .pg-prompt .mk-p-head { align-items: flex-start; }
  .pg-prompt .mk-perf-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pg-prompt .mk-revs { grid-template-columns: minmax(0, 1fr); }
  .pg-prompt .mk-dl { grid-template-columns: minmax(0, 1fr); }
  .pg-prompt .mk-dl div { display: flex; justify-content: space-between; align-items: baseline; }
  .pg-prompt .mk-vers li { grid-template-columns: 40px minmax(0, 1fr) auto; gap: 10px; }
  .pg-prompt .mk-vers::before { left: 19px; }
  .pg-seasons .ss-now-l, .pg-seasons .ss-ex-stage, .pg-seasons .ss-ex-side { padding: 18px 16px; }
  .pg-seasons .ss-now-r { padding: 14px 10px 16px; }
  .pg-seasons .ss-podium { gap: 6px; }
  .pg-seasons .ss-who .av.s64 { width: 52px; height: 52px; }
  .pg-seasons .ss-who .av.s48 { width: 40px; height: 40px; }
  .pg-seasons .ss-who b { font-size: 12.5px; }
  .pg-seasons .ss-kind { display: none; }
  .pg-seasons .p1 .ss-block { height: 118px; }
  .pg-seasons .p2 .ss-block { height: 86px; }
  .pg-seasons .p3 .ss-block { height: 62px; }
  .pg-seasons .ss-place { font-size: 32px; }
  .pg-seasons .p1 .ss-place { font-size: 42px; }
  .pg-seasons .ss-block small { font-size: 11px; }
  .pg-seasons .ss-trend-row { grid-template-columns: 70px minmax(0, 1fr) 40px; }
  .pg-seasons .ss-trend-row small { display: none; }
  .pg-seasons .ss-rec-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pg-seasons .ss-r.big { grid-row: auto; grid-column: 1 / -1; }
  .pg-seasons .ss-r b { font-size: 24px; }
}

/* seasons, live: finished tournaments */
.pg-seasons .ss-done { display: grid; border: 1px solid var(--line); border-radius: 18px; overflow: hidden; background: var(--surface); }
.pg-seasons .ss-d { display: flex; align-items: center; gap: 12px; padding: 12px 16px; border-top: 1px solid var(--line); flex-wrap: wrap; transition: background 0.15s; }
.pg-seasons .ss-d:first-child { border-top: 0; }
.pg-seasons .ss-d:hover { background: var(--hover); }
.pg-seasons .ss-d .t { flex: 1; min-width: 180px; line-height: 1.3; }
.pg-seasons .ss-d .t small { display: block; color: var(--muted); font-size: 13px; }
.pg-seasons .ss-dw { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; }
.pg-seasons .ss-dw .ic { color: var(--accent); }