html[data-product="procrypto"]{color-scheme:light;--pc-paper:#e9ecdf;--pc-surface:#f4f6ed;--pc-soft:#dfe5d5;--pc-ink:#26382b;--pc-muted:#5a6a50;--pc-line:#bcc8ad;--pc-accent:#527b48;--pc-warning-bg:#ede5ce;--pc-warning:#765626}
html[data-product="procrypto"][data-theme="dark"]{color-scheme:dark;--pc-paper:#121d19;--pc-surface:#1d2b23;--pc-soft:#243529;--pc-ink:#e8ecdd;--pc-muted:#a8b79f;--pc-line:#3d5140;--pc-accent:#b6d39d;--pc-warning-bg:#352e1f;--pc-warning:#dbc18b}
html[data-product="procrypto"][data-theme],html[data-product="procrypto"] body.cardfield{--paper:var(--pc-paper);--paper-soft:var(--pc-soft);--ink:var(--pc-ink);--ink-soft:var(--pc-muted);--gray:var(--pc-muted);--line:var(--pc-line);--accent:var(--pc-accent);--warn-bg:var(--pc-warning-bg);--warn-ink:var(--pc-warning);--nav-surface:var(--pc-paper)}
html[data-product="procrypto"] body{background:var(--pc-paper);color:var(--pc-ink)}
.cardfield .cardfield-experience{background:var(--pc-paper)}
.cardfield .cardfield-experience::before{background-image:radial-gradient(var(--pc-line) .7px,transparent .7px);opacity:.45}
.cardfield .field-title::before{background:color-mix(in srgb,var(--pc-paper) 94%,transparent)}
.cardfield .field-title h1 em{color:var(--pc-accent)}
.cardfield .field-card-name{color:var(--pc-muted)}
.cardfield .field-bottom::before{background:linear-gradient(transparent,color-mix(in srgb,var(--pc-paper) 87%,transparent) 45%,var(--pc-paper))}
.cardfield .site-nav::before{background:linear-gradient(var(--pc-paper) 15%,color-mix(in srgb,var(--pc-paper) 87%,transparent) 60%,transparent)}
.cardfield .field-bottom .reset-view{background:color-mix(in srgb,var(--pc-surface) 88%,transparent)}
.cardfield .field-bottom .reset-view:hover{background:var(--pc-soft)}
.cardfield .main-links{margin-right:14px}
.cardfield .cell-img{max-width:none;width:100%;border-radius:12px}
.cardfield .cell-img img{box-shadow:0 18px 26px -16px #1c302b55}
.cardfield .cell-meta{padding-top:19px}
.cardfield .grid{row-gap:42px;column-gap:28px}
.cardfield .cell:focus-visible{outline-offset:9px;border-radius:12px}
:root:not([data-availability-overlay="off"]) .cardfield .cell[data-availability] .card-face>img{filter:saturate(.3) brightness(.83)}
:root:not([data-availability-overlay="off"]) .cardfield .cell[data-availability="closed"] .card-face>img{filter:grayscale(1) brightness(.7)}
.cardfield .card-availability{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:8px;border-radius:inherit;background:linear-gradient(135deg,#13201e18,#13201e66);pointer-events:none}
.cardfield .availability-label{display:inline-flex;align-items:center;justify-content:center;gap:6px;max-width:100%;padding:8px 11px;border:1px solid #ffffff4d;border-radius:99px;background:#f1f3edeb;color:#26362d;box-shadow:0 4px 16px #0002;font-size:11px;font-weight:500;line-height:1.3;text-align:center}
.cardfield .availability-label svg{width:14px;height:14px;flex-shrink:0}
.cardfield .cell[data-availability="closed"] .card-availability{background:linear-gradient(135deg,#13201e2b,#13201e80)}
@media(max-width:760px){.cardfield .availability-label{font-size:9px;padding:6px 8px;gap:4px}.cardfield .availability-label svg{width:11px;height:11px}}
.preferences{position:relative;flex-shrink:0;color:var(--ink);z-index:70}
.preferences summary{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:color-mix(in srgb,var(--paper) 88%,transparent);list-style:none;cursor:pointer}
.preferences summary::-webkit-details-marker{display:none}
.preferences summary:hover,.preferences[open] summary{background:var(--paper-soft)}
.preferences summary svg{width:21px;height:21px;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}
/* Compact shelf controls; the transparent halo preserves a 44px hit area. */
.cardfield .field-bottom .reset-view,.cardfield .preferences summary{position:relative;width:32px;height:32px;flex:0 0 32px}
.cardfield .field-bottom .reset-view::after,.cardfield .preferences summary::after{content:"";position:absolute;inset:-7px;border-radius:50%}
.cardfield .reset-view svg,.cardfield .preferences summary svg{width:17px;height:17px}
.cardfield .reset-view:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
html[data-availability-overlay="off"] .cardfield .card-availability{display:none}
.overlay-preference{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;margin-top:14px;border-top:1px solid var(--line);padding-top:10px;cursor:pointer}
.overlay-preference input{appearance:none;flex:none;position:relative;width:34px;height:20px;margin:0;border:1px solid var(--pc-muted);border-radius:99px;background:var(--pc-surface);color:var(--pc-muted);cursor:pointer}
.overlay-preference input::before{content:"";position:absolute;inset:3px auto auto 3px;width:12px;height:12px;border-radius:50%;background:currentColor}
.overlay-preference input:checked{background:var(--pc-ink);border-color:var(--pc-ink);color:var(--pc-paper)}
.overlay-preference input:checked::before{transform:translateX(14px)}
.overlay-preference input:focus-visible{outline:2px solid var(--pc-accent);outline-offset:3px}
@media(forced-colors:active){.overlay-preference input{appearance:auto}.overlay-preference input::before{display:none}}
.preferences-panel{position:absolute;right:0;top:calc(100% + 12px);width:270px;max-width:calc(100vw - 32px);padding:20px;background:var(--pc-surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 16px 38px #0002;text-align:left;font:12px/1.5 var(--sans)}
.preferences fieldset{border:0;padding:0;margin:0;min-width:0}
.preferences fieldset+fieldset{margin-top:19px}
.preferences legend{font:11px/1.5 var(--sans);color:var(--gray);margin-bottom:9px;padding:0}
.preference-options{display:flex;gap:6px}
.preference-options button{min-width:0;min-height:40px;flex:1;border:1px solid var(--line);padding:6px 10px;background:transparent;color:var(--ink);border-radius:6px;font:12px/1.4 var(--sans);cursor:pointer}
.preference-options button[aria-pressed="true"]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.preferences :is(button,summary):focus-visible{outline:2px solid var(--accent);outline-offset:3px}
html[data-product="procrypto"] .topbar{display:grid;grid-template-columns:1fr auto;gap:22px 12px;align-items:center}
html[data-product="procrypto"] .topbar .detail-wordmark{grid-row:1;grid-column:1;order:initial;font-size:30px;white-space:nowrap}
html[data-product="procrypto"] .topbar .preferences{display:block;grid-row:1;grid-column:2}
html[data-product="procrypto"] .topbar .back{grid-row:2;grid-column:1 / -1;justify-self:start}
html[data-product="procrypto"] .backdrop{display:none}
html[data-product="procrypto"] .status-banner{background:var(--warn-bg);color:var(--warn-ink)}
html[data-product="procrypto"] .sticky-cta{background:var(--pc-surface)}
html[data-product="procrypto"][data-theme="dark"] .plat.supported .mark{color:#b6d39d}
html[data-product="procrypto"][data-theme="dark"] .plat.conditional .mark{color:#dbc18b}
html[data-product="procrypto"][lang="zh-CN"] .field-title h1{font-family:"Songti SC","Noto Serif CJK SC",serif;font-size:clamp(54px,6.8vw,100px);line-height:1.13;letter-spacing:-.055em}
@media(max-width:760px){.cardfield .site-nav{gap:12px}.cardfield .site-nav .wordmark{font-size:30px}.cardfield .grid{gap:32px 18px}.cardfield .cell-img{border-radius:9px}.cardfield .cell-meta{padding-top:14px}.cardfield .cell-facts{gap:12px}.cardfield .collection-heading h2{font-size:38px}html[data-product="procrypto"][lang="zh-CN"] .field-title h1{font-size:clamp(40px,9.4vw,66px);line-height:1.3}.preferences-panel{width:266px}}
@media(max-width:380px){.cardfield .site-nav .wordmark{font-size:28px}.cardfield .grid{gap:28px 15px}.cardfield .cell-name{font-size:13px}.cardfield .collection-heading h2{font-size:33px}.preferences-panel{width:260px}.cardfield .collection-total{font-size:26px}html[data-product="procrypto"] .topbar .detail-wordmark{font-size:26px}}
/* Quiet native scrolling for the enlarged card's detail pane. */
html[data-product="procrypto"] .field-inspector :is(.scene-info,.field-focus-stage){
  --detail-scroll-thumb:color-mix(in srgb,var(--pc-muted) 78%,transparent);
  scrollbar-width:thin;
  scrollbar-color:var(--detail-scroll-thumb) transparent;
}
html[data-product="procrypto"] .field-inspector .scene-info{scrollbar-gutter:stable}
html[data-product="procrypto"] .field-inspector :is(.scene-info,.field-focus-stage):is(:hover,:focus-within){--detail-scroll-thumb:var(--pc-muted)}
html[data-product="procrypto"] .field-inspector :is(.scene-info,.field-focus-stage)::-webkit-scrollbar{width:6px;height:6px}
html[data-product="procrypto"] .field-inspector :is(.scene-info,.field-focus-stage)::-webkit-scrollbar-track{background:transparent}
html[data-product="procrypto"] .field-inspector :is(.scene-info,.field-focus-stage)::-webkit-scrollbar-thumb{background:var(--detail-scroll-thumb);border-radius:99px;min-height:44px}
html[data-product="procrypto"] .field-inspector :is(.scene-info,.field-focus-stage)::-webkit-scrollbar-corner{background:transparent}
@media(forced-colors:active){html[data-product="procrypto"] .field-inspector :is(.scene-info,.field-focus-stage){scrollbar-color:auto}}
html[data-product="procrypto"] .source-notes{margin:32px 0;color:var(--pc-muted);font-size:.84rem;line-height:1.7}
html[data-product="procrypto"] .source-notes summary{cursor:pointer;color:var(--pc-ink)}
html[data-product="procrypto"] .source-notes ul{padding-left:1.2em}
html[data-product="procrypto"] .source-notes a{color:inherit;text-underline-offset:.2em;overflow-wrap:anywhere}
html[data-product="procrypto"] .review-due{color:var(--pc-warning);border:1px solid currentColor;border-radius:99px;padding:1px 6px;font-size:10px;margin-left:6px}

.locale-select{display:block;width:100%;min-height:42px;padding:8px 10px;border:1px solid var(--line);border-radius:6px;background:var(--paper);color:var(--ink);font:14px/1.4 var(--sans);cursor:pointer}.locale-select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
