.pfe-themes { display: grid; grid-template-columns: repeat(auto-fill, minmax(84px, 1fr)); gap: 8px; }
.pfe-theme { display: flex; flex-direction: column; gap: 6px; min-width: 0; padding: 6px; border: 1px solid var(--border); border-radius: 10px; background: none; color: var(--text-2); cursor: pointer; transition: border-color .14s; }
.pfe-theme:hover { border-color: var(--text-2); }
.pfe-theme.on { border-color: var(--white); color: var(--white); }
.pfe-theme-n { font-size: .75rem; font-weight: 600; line-height: 1.3; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pfe-theme-pv { position: relative; display: flex; align-items: flex-end; height: 46px; padding: 6px 7px; border-radius: 6px; background: var(--t-bg, #0c0c0e); box-shadow: inset 0 0 0 1px rgba(255,255,255,.08); overflow: hidden; }
.pfe-theme-pv > b { position: relative; z-index: 1; font-size: 17px; font-weight: 800; line-height: 1; color: #fff; }
.pfe-theme-pv > i { position: absolute; top: 7px; right: 7px; width: 22px; height: 14px; border-radius: 3px; background: var(--t-card); box-shadow: inset 0 -2px 0 var(--t-acc); }
.pfe-tpv-none { background: repeating-linear-gradient(135deg, rgba(255,255,255,.05) 0 6px, transparent 6px 12px), #0c0c0e; }
.pfe-tpv-explicit > b { padding: 2px 4px 1px; background: #fff; color: #000; font-size: 13px; text-transform: uppercase; }
.pfe-tpv-explicit > i { border-radius: 0; box-shadow: inset 0 0 0 1px rgba(255,255,255,.2); }
.pfe-tpv-cash { background: repeating-radial-gradient(circle at 20% 30%, transparent 0 5px, rgba(212,179,106,.16) 5px 6px), var(--t-bg); }
.pfe-tpv-cash > b, .pfe-tpv-noir > b { color: var(--t-acc); font-weight: 700; }
.pfe-tpv-noir > b { font-variant: small-caps; }
.pfe-tpv-noir > i { border-radius: 0; box-shadow: inset 0 0 0 1px rgba(200,164,92,.5); }
.pfe-tpv-ice > b { background: linear-gradient(180deg, #fff, #bfe6ff 45%, #6fa8d6 52%, #f2faff); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.pfe-tpv-chrome > b { background: linear-gradient(180deg, #f5f7fa 0%, #c3c9d1 50%, #eef1f4 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.pfe-tpv-opium > b { font-weight: 400; }
.pfe-tpv-opium > b::after { content: ''; position: absolute; left: 0; bottom: -4px; width: 16px; height: 2px; background: #e10600; }
.pfe-tpv-opium > i, .pfe-tpv-explicit > i { box-shadow: none; }
.pfe-tpv-y2k { background: radial-gradient(70% 90% at 0% 0%, rgba(255,110,200,.35), transparent 70%), radial-gradient(70% 90% at 100% 100%, rgba(100,200,255,.3), transparent 70%), var(--t-bg); }
.pfe-tpv-y2k > b { font-style: italic; background: linear-gradient(100deg, #ff9ee6, #c9b3ff 45%, #9ee9ff 70%, #fff); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.pfe-tpv-y2k > i { border-radius: 7px; box-shadow: inset 0 0 0 1px rgba(255,158,230,.6); }
.pfe-tpv-vhs { background: repeating-linear-gradient(180deg, rgba(0,0,0,.35) 0 1px, transparent 1px 3px), var(--t-bg); }
.pfe-tpv-vhs > b { font-weight: 400; text-shadow: -1.5px 0 rgba(255,40,96,.8), 1.5px 0 rgba(40,220,255,.8); }
.pfe-tpv-vhs > i { top: 6px; right: 6px; width: auto; height: auto; border-radius: 0; background: none; box-shadow: none; font: 400 9px/1 'Pixel Operator', var(--mono); font-style: normal; color: #f2f6ff; }
.pfe-tpv-vhs > i::before { content: 'PLAY \25B6\FE0E'; }
.pfe-tpv-graffiti { background: radial-gradient(60% 80% at 100% 0%, rgba(255,46,136,.3), transparent 70%), var(--t-bg); }
.pfe-tpv-graffiti > b { font-weight: 400; font-size: 15px; -webkit-text-stroke: 3px #0a0a0b; paint-order: stroke fill; text-shadow: 2px 2px 0 #ff2e88; transform: rotate(-3deg); }
.pfe-tpv-graffiti > i { border-radius: 2px; box-shadow: inset 0 -2px 0 var(--t-acc); }

body.pf-th::after { content: ''; position: fixed; inset: 0; z-index: -1; pointer-events: none; }
body.pf-th .pf-body [data-block]:not([class*="pf-bf-"]) :is(.pf-label, .pf-tile-label) { text-transform: uppercase; font-size: .625rem; font-weight: 700; letter-spacing: .08em; color: rgba(255,255,255,.62); }

body.pf-th-explicit { --bg-card: #111111; }
body.pf-th-explicit .pf-hero { --pf-plate: #111111; }
body.pf-th-explicit::after { opacity: .06; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); }
body.pf-th-explicit .pf-name { text-transform: uppercase; letter-spacing: -.02em; font-weight: 900; }
body.pf-th-explicit .pf-body :is(.pf-card, .pf-tile, .pf-track) { border-color: rgba(255,255,255,.12); }
body.pf-th-explicit .pf-body [data-block]:not([class*="pf-bf-"]) :is(.pf-label, .pf-tile-label) { font-family: 'Montserrat Black', var(--body); font-weight: 800; letter-spacing: .04em; color: #fff; }
body.pf-th-explicit .pf-body [data-block]:not([class*="pf-bf-"]) :is(.pf-label, .pf-tile-label) { position: relative; width: fit-content; max-width: 100%; min-height: 0; padding: 2px 6px; background: rgba(255,255,255,.9); color: #000; line-height: 14px; }
body.pf-th-explicit .pf-body [data-block]:not([class*="pf-bf-"]) :is(.pf-label, .pf-tile-label) :is(.pf-mini-count, .pf-ach-total) { color: rgba(0,0,0,.6); font-family: inherit; }
body.pf-th-explicit .pf-body [data-block]:not([class*="pf-bf-"]) :is(.pf-label, .pf-tile-label) :is(svg, i, .soc-ico) { color: #000; }
body.pf-th-explicit .pf-body [data-block]:not([class*="pf-bf-"]) :is(.pf-label, .pf-tile-label) .pf-label-link { position: absolute; left: 100%; top: 50%; margin-left: 10px; transform: translateY(-50%); white-space: nowrap; color: rgba(255,255,255,.62); }

body.pf-th-cash { --bg-card: #10281d; }
body.pf-th-cash .pf-hero { --pf-plate: #10281d; }
body.pf-th-cash::after { opacity: .03; background: repeating-radial-gradient(circle at 18% 26%, transparent 0 14px, #d4b36a 14px 15px), repeating-radial-gradient(circle at 82% 74%, transparent 0 14px, #d4b36a 14px 15px); background-blend-mode: screen; }
body.pf-th-cash .pf-name:not(.pf-name-grad) { color: #d4b36a; }
body.pf-th-cash .pf-name { font-weight: 700; }
body.pf-th-cash .pf-body :is(.pf-card, .pf-tile, .pf-track) { border-color: rgba(212,179,106,.18); }
body.pf-th-cash .pf-body :is(.pf-num > b, .pf-statcell-v, .pf-counter-num, .pf-goal-nums b) { font-family: var(--mono); letter-spacing: 0; word-spacing: -.4em; font-variant-numeric: tabular-nums; color: #d4b36a; }

body.pf-th-ice { --bg-card: #16202c; }
body.pf-th-ice .pf-hero { --pf-plate: #111a24; }
body.pf-th-ice .pf-name:not(.pf-name-grad) { background: linear-gradient(180deg, #fff 0%, #bfe6ff 45%, #6fa8d6 52%, #f2faff 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-shadow: none; filter: drop-shadow(0 1px 1px rgba(0,0,0,.5)); }
body.pf-th-ice .pf-name { font-weight: 700; }
body.pf-th-ice .pf-name-wrap::before, body.pf-th-ice .pf-name-wrap::after { content: ''; position: absolute; z-index: 2; width: 10px; height: 10px; background: #fff; clip-path: polygon(50% 0, 60% 40%, 100% 50%, 60% 60%, 50% 100%, 40% 60%, 0 50%, 40% 40%); pointer-events: none; animation: pfth-spark 2.4s ease-in-out infinite; }
body.pf-th-ice .pf-name-wrap::before { top: 2px; right: 8%; }
body.pf-th-ice .pf-name-wrap::after { bottom: 14%; left: 12%; width: 7px; height: 7px; animation-delay: -1.2s; }
@keyframes pfth-spark { 0%, 100% { opacity: 0; transform: scale(.3) rotate(0); } 45%, 55% { opacity: 1; transform: scale(1) rotate(20deg); } }
body.pf-th-ice .pf-body :is(.pf-card, .pf-tile, .pf-track) { border-color: rgba(191,230,255,.16); }

body.pf-th-chrome { --bg-card: #1c1f24; }
body.pf-th-chrome .pf-hero { --pf-plate: #1c1f24; }
body.pf-th-chrome .pf-name:not(.pf-name-grad) { background: linear-gradient(180deg, #f5f7fa 0%, #c3c9d1 50%, #eef1f4 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-shadow: none; }
body.pf-th-chrome .pf-body :is(.pf-card, .pf-tile, .pf-track), body.pf-th-chrome .pf-plate { box-shadow: inset 0 1px 0 rgba(255,255,255,.08); }

body.pf-th-opium { --bg-card: #0b0b0b; }
body.pf-th-opium .pf-hero { --pf-plate: #0b0b0b; }
body.pf-th-opium .pf-name:not(.pf-name-grad) { color: #fff; }
body.pf-th-opium .pf-name { font-weight: 400; }
body.pf-th-opium .pf-name-wrap::after { content: ''; position: absolute; left: 0; right: 0; bottom: -4px; height: 2px; background: #e0141e; pointer-events: none; }
body.pf-th-opium .pf-body [data-block]:not([class*="pf-bf-"]) :is(.pf-label, .pf-tile-label) { letter-spacing: .16em; color: rgba(255,255,255,.55); }

body.pf-th-noir { --bg-card: #12100c; }
body.pf-th-noir .pf-hero { --pf-plate: #12100c; }
body.pf-th-noir .pf-name:not(.pf-name-grad) { color: #d9bf85; }
body.pf-th-noir .pf-name { font-weight: 700; font-variant: small-caps; letter-spacing: .02em; }
body.pf-th-noir .pf-body :is(.pf-card, .pf-tile, .pf-track) { border-color: rgba(200,164,92,.3); }
body.pf-th-noir .pf-body [data-block]:not([class*="pf-bf-"]) :is(.pf-label, .pf-tile-label) { color: #b89a5e; }

body.pf-th-y2k { --bg-card: #221a3b; }
body.pf-th-y2k .pf-hero { --pf-plate: #221a3b; }
body.pf-th-y2k::after { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='560' height='480'%3E%3Cg fill='%23fff'%3E%3Cpath d='M410 150l1.5 5 5 1.5-5 1.5-1.5 5-1.5-5-5-1.5 5-1.5z' fill='%239ee9ff' opacity='.18'/%3E%3Ccircle cx='500' cy='400' r='1.4' opacity='.35'/%3E%3Ccircle cx='150' cy='250' r='1' opacity='.4'/%3E%3Ccircle cx='330' cy='40' r='1.2' fill='%239ee9ff' opacity='.4'/%3E%3C/g%3E%3C/svg%3E") 0 0 / 560px 480px, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='790' height='650'%3E%3Cpath d='M300 420l3 9 9 3-9 3-3 9-3-9-9-3 9-3z' fill='%23ffc2ef' opacity='.16'/%3E%3Cpath d='M660 90l2 6 6 2-6 2-2 6-2-6-6-2 6-2z' fill='%23fff' opacity='.14'/%3E%3Cpath d='M380 90l2 7 7 2-7 2-2 7-2-7-7-2 7-2z' fill='%23fff' opacity='.18'/%3E%3Ccircle cx='90' cy='600' r='1.2' fill='%23fff' opacity='.35'/%3E%3C/svg%3E") 130px 210px / 790px 650px, radial-gradient(55% 40% at 8% 0%, rgba(255,110,200,.2), transparent 70%), radial-gradient(50% 40% at 96% 32%, rgba(100,200,255,.16), transparent 70%), radial-gradient(60% 45% at 40% 100%, rgba(180,140,255,.16), transparent 70%); }
body.pf-th-y2k .pf-name:not(.pf-name-grad) { background: linear-gradient(100deg, #ffc4ee 0%, #c9b3ff 12%, #8fe6ff 25%, #ffffff 36%, #ffc4ee 50%, #c9b3ff 62%, #8fe6ff 75%, #ffffff 86%, #ffc4ee 100%) 0 0 / 200% 100% repeat-x; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-shadow: none; filter: drop-shadow(0 2px 0 rgba(88,40,150,.55)) drop-shadow(0 0 16px rgba(255,140,220,.35)); animation: pfth-iri 10s linear infinite; }
@keyframes pfth-iri { to { background-position: -200% 0; } }
body.pf-th-y2k .pf-name { font-weight: 700; font-style: italic; letter-spacing: -.01em; }
body.pf-th-y2k .pf-name-wrap::before, body.pf-th-y2k .pf-name-wrap::after { content: ''; position: absolute; z-index: 2; width: 14px; height: 14px; background: #ffd6f4; clip-path: polygon(50% 0, 58% 42%, 100% 50%, 58% 58%, 50% 100%, 42% 58%, 0 50%, 42% 42%); filter: drop-shadow(0 0 4px #ff9ee6); pointer-events: none; animation: pfth-spark 3s ease-in-out infinite; }
body.pf-th-y2k .pf-name-wrap::before { top: -6px; right: -10px; }
body.pf-th-y2k .pf-name-wrap::after { bottom: -2px; left: -12px; width: 9px; height: 9px; background: #c9f3ff; filter: drop-shadow(0 0 4px #9ee9ff); animation-delay: -1.5s; }
body.pf-th-y2k .pf-body :is(.pf-card, .pf-tile, .pf-track):not(.pf-bfaint, .pf-bclear, .has-bbg, .bd-none, .pf-bfaint *, .pf-bclear *, .has-bbg *) { border-color: rgba(255,158,230,.18); background-image: linear-gradient(135deg, rgba(255,158,230,.14), rgba(158,233,255,.08) 50%, rgba(201,179,255,.14)); box-shadow: inset 0 1px 0 rgba(255,255,255,.2); }
body.pf-th-y2k .pf-body [data-block]:not([class*="pf-bf-"]) :is(.pf-label, .pf-tile-label) { color: #f3b6ff; letter-spacing: .12em; }

body.pf-th-vhs { --bg-card: #0e1330; }
body.pf-th-vhs .pf-hero { --pf-plate: #0e1330; }
body.pf-th-vhs::after { background: repeating-linear-gradient(180deg, rgba(0,0,0,.18) 0 1px, transparent 1px 4px), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .7 0 0 0 0 .85 0 0 0 0 1 .18 0 0 0 -.04'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"), radial-gradient(130% 100% at 50% 40%, transparent 60%, rgba(0,0,0,.45)); }
body.pf-th-vhs .pf-name:not(.pf-name-grad) { color: #eef6ff; text-shadow: -2px 0 rgba(255,40,96,.75), 2px 0 rgba(40,220,255,.75), 0 0 14px rgba(111,227,255,.35); }
body.pf-th-vhs .pf-name { font-weight: 400; letter-spacing: .02em; }
body.pf-th-vhs .pf-body :is(.pf-card, .pf-tile, .pf-track):not(.pf-bfaint, .pf-bclear, .has-bbg, .bd-none, .pf-bfaint *, .pf-bclear *, .has-bbg *) { border-color: rgba(111,227,255,.18); background-image: repeating-linear-gradient(180deg, rgba(255,255,255,.022) 0 1px, transparent 1px 3px); }
body.pf-th-vhs .pf-body [data-block]:not([class*="pf-bf-"]) :is(.pf-label, .pf-tile-label) { font-family: 'Pixel Operator', var(--mono); font-size: .8125rem; font-weight: 400; letter-spacing: .1em; color: #6fe3ff; text-shadow: -1px 0 rgba(255,40,96,.3); }
@property --pfth-s { syntax: '<integer>'; inherits: false; initial-value: 0; }
@property --pfth-m { syntax: '<integer>'; inherits: false; initial-value: 0; }
body.pf-th-vhs:not(.pfe-linking) .pf-plate[data-block="hero"]::after { position: absolute; top: 14px; right: 18px; z-index: 3; font: 400 17px/1 'Pixel Operator', var(--mono); letter-spacing: .08em; white-space: pre; color: #f2f6ff; text-shadow: -1px 0 rgba(255,40,96,.8), 1px 0 rgba(40,220,255,.8), 0 1px 3px rgba(0,0,0,.7); pointer-events: none; content: 'PLAY \25B6\FE0E   SP 0:' counter(pfm, decimal-leading-zero) ':' counter(pfs, decimal-leading-zero); counter-reset: pfm var(--pfth-m) pfs var(--pfth-s); animation: pfth-tc-s 60s steps(60) infinite, pfth-tc-m 3600s steps(60) infinite; }
@keyframes pfth-tc-s { to { --pfth-s: 60; } }
@keyframes pfth-tc-m { to { --pfth-m: 60; } }
@media (max-width: 600px) {
    body.pf-th-vhs:not(.pfe-linking) .pf-plate[data-block="hero"]::after { top: 10px; right: 12px; font-size: 14px; }
}

body.pf-th-graffiti { --bg-card: #212125; }
body.pf-th-graffiti .pf-hero { --pf-plate: #1c1c1f; }
body.pf-th-graffiti::after { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.55' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 .24 0 0 0 -.09'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='80'%3E%3Cpath d='M0 .5H160M0 40.5H160M.5 0V40M80.5 0V40M40.5 40V80M120.5 40V80' stroke='%23fff' stroke-opacity='.045' fill='none'/%3E%3C/svg%3E"), radial-gradient(40% 35% at 92% 6%, rgba(255,46,136,.16), transparent 70%), radial-gradient(45% 35% at 4% 88%, rgba(198,255,26,.13), transparent 70%); }
body.pf-th-graffiti .pf-name:not(.pf-name-grad) { background: linear-gradient(#c6ff1a, #c6ff1a) 0 100% / 100% .09em no-repeat; color: #f4f4ee; -webkit-text-stroke: 6px #0a0a0b; paint-order: stroke fill; text-shadow: 4px 4px 0 #ff2e88, 0 0 26px rgba(255,46,136,.3); }
body.pf-th-graffiti .pf-name { display: inline; font-weight: 400; letter-spacing: -.02em; padding-bottom: .06em; -webkit-box-decoration-break: clone; box-decoration-break: clone; }
body.pf-th-graffiti .pf-name::after { content: ''; display: inline-block; width: 14px; height: 18px; margin: 0 16px 0 -30px; vertical-align: calc(-.25em - 16px); background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='18'%3E%3Cg fill='%23c6ff1a'%3E%3Crect x='1.6' width='2.8' height='13' rx='1.4'/%3E%3Ccircle cx='3' cy='14.6' r='2.6'/%3E%3Crect x='9.8' width='2.4' height='7' rx='1.2'/%3E%3Ccircle cx='11' cy='8.2' r='2.1'/%3E%3C/g%3E%3C/svg%3E") no-repeat; pointer-events: none; }
body.pf-th-graffiti .pf-name-wrap { display: inline-block; margin-bottom: 8px; transform: rotate(-2deg); }
body.pf-th-graffiti .pf-body :is(.pf-card, .pf-tile, .pf-track) { box-shadow: inset 0 0 0 1px rgba(255,255,255,.05); }
body.pf-th-graffiti .pf-body [data-block]:not([class*="pf-bf-"]) :is(.pf-label, .pf-tile-label) { position: relative; margin-bottom: 14px; font-family: 'Rubik Mono One', var(--body); font-size: .75rem; font-weight: 400; letter-spacing: .02em; color: #f4f4ee; }
body.pf-th-graffiti .pf-body [data-block]:not([class*="pf-bf-"]) :is(.pf-label, .pf-tile-label)::after { content: ''; position: absolute; left: 0; bottom: -9px; width: 40px; height: 6px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='6'%3E%3Cpath d='M1 2c9-1.5 22-2 38-.6v2.8C25 3.2 11 3.4 1 4.6z' fill='%23c6ff1a' fill-opacity='.75'/%3E%3C/svg%3E") no-repeat; pointer-events: none; }
@media (max-width: 600px) {
    body.pf-th-graffiti .pf-name:not(.pf-name-grad) { -webkit-text-stroke-width: 4px; text-shadow: 3px 3px 0 #ff2e88, 0 0 20px rgba(255,46,136,.3); }
}

@media (prefers-reduced-motion: reduce) {
    body.pf-th-y2k .pf-name:not(.pf-name-grad), body.pf-th-vhs .pf-plate[data-block="hero"]::after { animation: none; }
    body.pf-th-y2k .pf-name-wrap::before, body.pf-th-y2k .pf-name-wrap::after { animation: none; opacity: .9; }
}

@media (prefers-reduced-motion: reduce) {
    body.pf-th-ice .pf-name-wrap::before, body.pf-th-ice .pf-name-wrap::after { animation: none; opacity: .8; }
}

.pf-body .pf-card.pf-stk-card, body.pf-cardstyle .pf-body .pf-card.pf-stk-card { display: flex; align-items: center; justify-content: center; padding: 24px 14px !important; background: none !important; border-color: transparent !important; box-shadow: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
.pf-stk { display: inline-flex; flex-direction: column; align-items: center; gap: .12em; max-width: 100%; padding: .5em .72em .46em; background: #000; color: #fff; box-shadow: inset 0 0 0 4px #000, inset 0 0 0 6px #fff, 0 10px 24px -12px rgba(0,0,0,.8); transform: rotate(var(--stk-r, 0deg)); font-family: 'Montserrat Black', var(--display); font-weight: 900; font-size: clamp(22px, 11cqi, 48px); line-height: .95; text-transform: uppercase; }
.pf-stk-t { max-width: 100%; letter-spacing: .02em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pf-stk-s { max-width: 100%; font-size: max(9px, .38em); letter-spacing: .14em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.pf-wallet-row { display: flex; align-items: center; gap: 18px; min-width: 0; }
.pf-wallet-stack { position: relative; display: none; flex: 0 0 auto; width: 66px; height: 46px; }
body.pf-th-cash .pf-wallet-stack { display: block; }
body.pf-th-cash .pf-wallet-n { color: #9fe0b4; }
body.pf-th-noir .pf-wallet-n { color: #d9bf85; }
body.pf-th-cash .pf-wallet-coin { display: none; }
.pf-wallet-stack i { position: absolute; width: 56px; height: 30px; border-radius: 4px; background: linear-gradient(135deg, #4fa57a, #2f7a56); box-shadow: inset 0 0 0 1px rgba(255,255,255,.28), inset 0 0 0 4px #2a6e4d, inset 0 0 0 5px rgba(255,255,255,.18), 0 2px 5px rgba(0,0,0,.45); }
.pf-wallet-stack i::after { content: ''; position: absolute; top: 8px; bottom: 8px; left: 21px; right: 21px; border-radius: 50%; border: 1px solid rgba(255,255,255,.4); }
.pf-wallet-stack i:nth-child(1) { top: 16px; left: 10px; }
.pf-wallet-stack i:nth-child(2) { top: 8px; left: 5px; }
.pf-wallet-stack i:nth-child(3) { top: 0; left: 0; }
.pf-wallet-m { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.pf-wallet-n { display: inline-flex; align-items: center; gap: 8px; min-width: 0; font-family: var(--display); font-size: clamp(1.25rem, 8cqi, 2rem); font-weight: 800; line-height: 1.15; letter-spacing: -.02em; color: #fff; font-variant-numeric: tabular-nums; white-space: nowrap; }
.pf-wallet-coin { display: block; flex: 0 0 auto; width: 32px; height: 32px; }
.pf-wallet-w { font-style: normal; font-size: var(--pf-fs-cap); font-weight: 500; color: var(--pf-text-mute); }
.pf-wallet-note { margin-top: 12px; font-size: var(--pf-fs-cap); line-height: 1.4; color: var(--pf-text-mute); }

.pf-tl-body { display: flex; align-items: flex-start; gap: 16px; min-width: 0; }
.pf-tl-cover { flex: 0 0 auto; width: 96px; height: 96px; border-radius: var(--pf-rad-in); object-fit: cover; }
.pf-tl-list { flex: 1; min-width: 0; margin: 0; padding: 0; list-style: none; }
.pf-tl-row { display: flex; align-items: center; gap: 10px; min-height: 32px; min-width: 0; }
.pf-tl-row + .pf-tl-row { border-top: 1px solid var(--pf-line); }
.pf-tl-no { flex: 0 0 auto; width: 20px; font-family: var(--mono); font-size: var(--pf-fs-cap); color: var(--pf-text-mute); font-variant-numeric: tabular-nums; }
.pf-tl-n { flex: 0 1 auto; min-width: 0; font-size: var(--pf-fs-body); font-weight: 600; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pf-tl-e { flex: 0 0 auto; margin-left: -4px; display: inline-flex; align-items: center; justify-content: center; width: 14px; height: 14px; border-radius: 2px; background: rgba(255,255,255,.75); color: #000; font-size: 9px; font-weight: 800; line-height: 1; }
@container blk (max-width: 330px) {
    .pf-tl-body { display: block; }
    .pf-tl-cover { float: left; width: 48px; height: 48px; margin: 0 10px 6px 0; }
}
@container blk (min-width: 430px) {
    .pf-tl-cover { width: 120px; height: 120px; }
}
@container blk (min-width: 620px) {
    .pf-tl.is-long .pf-tl-cover { width: 150px; height: 150px; }
    .pf-tl.is-long .pf-tl-list { columns: 2; column-gap: 32px; }
    .pf-tl.is-long .pf-tl-row { break-inside: avoid; border-top: none !important; border-bottom: 1px solid var(--pf-line); }
}

.pf-body .pf-card.pf-chain { position: relative; display: flex; flex-direction: column; padding: 0 !important; overflow: hidden; }
.pf-chain-stage { position: relative; flex: 1 0 auto; width: 100%; aspect-ratio: 4 / 3; min-height: 200px; max-height: 440px; }
.pf-chain-svg { position: absolute; inset: 0; display: block; width: 100%; height: 100%; overflow: visible; filter: drop-shadow(0 6px 10px rgba(0,0,0,.5)); transition: opacity .35s ease; }
.pf-chain-cv { position: absolute; inset: 0; display: block; width: 100% !important; height: 100% !important; touch-action: pan-y; filter: drop-shadow(0 7px 8px rgba(0,0,0,.4)); animation: pf-chain-in .35s ease both; }
.pf-chain-stage.is-3d .pf-chain-svg { opacity: 0; pointer-events: none; }
.pf-chain.is-grab, .pf-chain.is-grab * { cursor: grabbing !important; user-select: none; }
.pf-chain-cap { position: absolute; left: 16px; right: 16px; bottom: 14px; font-size: 12px; font-weight: 500; letter-spacing: .04em; line-height: 1.3; text-align: center; color: inherit; opacity: .6; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; pointer-events: none; }
@keyframes pf-chain-in { from { opacity: 0; } }
@container blk (max-width: 300px) { .pf-chain-stage { aspect-ratio: 1 / 1; } }
@container blk (min-width: 540px) { .pf-chain-stage { aspect-ratio: 16 / 9; } }
@container blk (min-width: 880px) { .pf-chain-stage { aspect-ratio: 21 / 9; } }
.pf-chain-t { font-family: 'Dela Gothic One', 'Montserrat Black', var(--display); font-size: 34px; }
.pfe-pick { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 4px; width: 100%; }
.pfe-pick-i { display: flex; flex-direction: column; align-items: center; gap: 5px; min-width: 0; padding: 8px 2px 6px; border: 1px solid transparent; border-radius: 8px; background: rgba(255,255,255,.05); color: var(--text-2, rgba(255,255,255,.7)); font: inherit; font-size: .68rem; line-height: 1.2; cursor: pointer; }
.pfe-pick-i:hover { background: rgba(255,255,255,.09); color: #fff; }
.pfe-pick-i.on { border-color: rgba(255,255,255,.55); background: rgba(255,255,255,.1); color: #fff; }
.pfe-pick-i:focus-visible { outline: 2px solid rgba(255,255,255,.8); outline-offset: 1px; }
.pfe-pick-ic { display: block; width: 28px; height: 16px; }
.pfe-pick-ic svg { display: block; width: 100%; height: 100%; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.pfe-pick-sw { width: 16px; border-radius: 50%; box-shadow: inset 0 0 0 1px rgba(255,255,255,.2); }
.pfe-pick-t { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.pf-garage-list { position: relative; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.pf-garage-list[data-n="1"] { grid-template-columns: minmax(0, 1fr); }
.pf-garage-list[data-n="3"] .pf-car:first-child { grid-column: 1 / -1; }
.pf-car { display: flex; flex-direction: column; min-width: 0; border-radius: 10px; background: rgba(255,255,255,.04); overflow: hidden; }
.pf-car-stage { position: relative; aspect-ratio: 16 / 10; cursor: grab; touch-action: pan-y; user-select: none; -webkit-user-select: none; }
.pf-car.is-drag .pf-car-stage { cursor: grabbing; }
.pf-garage-list[data-bg="none"] .pf-car { background: none; }
.pf-garage-list[data-bg="studio"] .pf-car { background: radial-gradient(120% 85% at 50% 18%, #30333b 0%, #17181c 55%, #0b0b0d 100%); }
.pf-garage-list[data-bg="color"] .pf-car { background: var(--gar-bc); }
.pf-body .pf-card.pf-garage-bare, body.pf-cardstyle .pf-body .pf-card.pf-garage-bare { background: none !important; border-color: transparent !important; box-shadow: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
.pf-garage-bare :is(.pf-tile-label, .pf-car-tx, .pf-garage-by) { text-shadow: 0 1px 2px rgba(0,0,0,.7), 0 0 12px rgba(0,0,0,.35); }
.pf-garage-bare .pf-car-tx { padding-left: 4px; }
.pf-garage-bare .pf-car-b { color: rgba(255,255,255,.8); }
.pf-garage-bare .pf-garage-by { opacity: 1; color: rgba(255,255,255,.6); }
.pf-garage-list[data-n="1"] .pf-car-stage { aspect-ratio: auto; height: clamp(180px, 45cqi, 320px); }
.pf-car-sil { position: absolute; inset: 16% 12% 14%; background: var(--car-c, rgba(255,255,255,.2)); -webkit-mask: var(--sil) center / contain no-repeat; mask: var(--sil) center / contain no-repeat; transition: opacity .45s ease-out; z-index: 1; pointer-events: none; }
.pf-car.is-3d .pf-car-sil { opacity: 0; }
.pf-garage-3d { position: absolute; right: 0; bottom: calc(100% + 8px); z-index: 2; display: inline-flex; align-items: center; gap: 6px; min-height: 26px; padding: 0 10px; border: 0; border-radius: 999px; background: rgba(0,0,0,.55); color: #fff; font: inherit; font-size: .6875rem; font-weight: 600; letter-spacing: .04em; cursor: pointer; }
.pf-garage-3d:hover { background: rgba(0,0,0,.75); }
.pf-garage-3d:focus-visible { outline: 2px solid var(--pf-acc, #fff); outline-offset: 2px; }
.pf-car-tx { display: flex; flex-direction: column; gap: 2px; min-width: 0; padding: 0 12px 10px; }
.pf-garage-gl { position: absolute; left: 0; top: 0; pointer-events: none; }
.pf-garage-by { display: block; margin-top: 8px; font-size: .625rem; line-height: 1.4; color: var(--pf-text-mute); opacity: .7; text-decoration: none; }
.pf-garage-by:hover { opacity: 1; }
@container blk (min-width: 560px) {
    .pf-garage-list[data-n="1"] .pf-car-m, .pf-garage-list[data-n="1"] .pf-car-b:only-child { font-size: 1.75rem; }
    .pf-garage-list[data-n="1"] .pf-car-b { font-size: .8125rem; }
    .pf-garage-list[data-n="3"] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .pf-garage-list[data-n="3"] .pf-car:first-child { grid-column: auto; }
    .pf-garage-list[data-n="4"] { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@container blk (max-width: 240px) {
    .pf-garage-list { grid-template-columns: minmax(0, 1fr); }
}
.pf-car-b { font-size: var(--pf-fs-cap); font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--pf-text-mute); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pf-car-m, .pf-car-b:only-child { font-family: 'Oswald', var(--display); font-size: 1.25rem; font-weight: 600; letter-spacing: 0; line-height: 1.15; text-transform: uppercase; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pf-car-m { text-transform: none; }

@media (prefers-reduced-motion: reduce) {
    .pf-chain-cv { animation: none; }
}
.pfe-cf-list .pfe-cf-chk { justify-self: center; align-self: center; width: 18px; height: 18px; margin: 0; accent-color: #fff; }
.pfe-car-pick { display: flex; align-items: center; gap: 10px; width: 100%; margin: 0 0 12px; padding: 6px 10px 6px 6px; border: 1px solid var(--border); border-radius: 8px; background: rgba(255,255,255,.03); color: #e8e8e8; font: inherit; text-align: left; cursor: pointer; transition: border-color .14s; }
.pfe-car-pick:hover, .pfe-car-pick:focus-visible { border-color: rgba(255,255,255,.4); outline: none; }
.pfe-car-pick[hidden] { display: none; }
.pfe-gar-bc { flex: 0 0 auto; width: 32px; height: 28px; padding: 0; border: 1px solid var(--border); border-radius: 6px; background: none; cursor: pointer; }
.pfe-gar-bc[hidden] { display: none; }
.pfe-car-img { flex: 0 0 auto; width: 64px; height: 40px; object-fit: contain; }
.pfe-car-tx { display: flex; flex-direction: column; gap: 2px; flex: 1; min-width: 0; }
.pfe-car-nm { font-size: .8rem; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pfe-car-cl { display: flex; align-items: center; gap: 5px; font-size: .72rem; color: rgba(255,255,255,.5); }
.pfe-car-cl::before { content: ''; width: 8px; height: 8px; border-radius: 50%; background: var(--dot, repeating-linear-gradient(135deg, rgba(255,255,255,.6) 0 1.5px, transparent 1.5px 3.5px)); box-shadow: inset 0 0 0 1px rgba(255,255,255,.5); }
.pfe-car-go { flex: 0 0 auto; font-size: .75rem; color: rgba(255,255,255,.62); }
.pfe-car-sw { grid-area: sw; display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.pfe-car-sw .pal-chip { width: 22px; height: 22px; }
.pfe-car-sw .pfe-car-auto { background: repeating-linear-gradient(135deg, rgba(255,255,255,.35) 0 2px, transparent 2px 5px); }
.pfe-cars { height: min(44vh, 400px); }
body.pfe-cars-on { padding-bottom: min(44vh, 400px); }
.pfe-cars .pfe-ward-bar { grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "tabs x" "pills pills" "sw sw"; }
.pfe-cars .pfe-ward-f { flex-wrap: wrap; overflow: visible; }
.pfe-cars-g { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); }
.pfe-ct { position: relative; display: flex; flex-direction: column; align-items: center; gap: 4px; min-width: 0; padding: 8px 8px 10px; border: 0; border-radius: 8px; background: #141416; color: #e8e8e8; font: inherit; cursor: pointer; outline: 2px solid transparent; outline-offset: 2px; transition: outline-color .12s, background-color .12s; }
.pfe-ct:hover { background: #1c1c1f; }
.pfe-ct.on { outline-color: #fff; }
.pfe-ct::after { content: ''; position: absolute; top: 8px; right: 8px; width: 12px; height: 12px; border-radius: 50%; background: var(--dot, transparent); }
.pfe-ct:focus-visible { outline-color: rgba(255,255,255,.6); }
.pfe-ct[hidden] { display: none; }
.pfe-ct img { width: 100%; aspect-ratio: 16 / 10; object-fit: contain; }
.pfe-ct-n { max-width: 100%; font-size: .75rem; font-weight: 500; color: rgba(255,255,255,.75); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pfe-ct.on .pfe-ct-n { color: #fff; }
.pfe-ct-by { max-width: 100%; font-size: .66rem; color: rgba(255,255,255,.45); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media (min-width: 1200px) {
    .pfe-cars .pfe-ward-bar { grid-template-columns: auto minmax(0, 1fr) auto auto; grid-template-areas: "tabs . sw x" "pills pills pills pills"; }
}
.pfe-edtx { text-transform: none !important; }
@container blk (max-width: 360px) {
    .pf-car-m, .pf-car-b:only-child { font-size: 1rem; }
    .pf-car-b { font-size: .625rem; }
    .pf-car-tx { padding: 0 10px 8px; }
}