/* Cardfield's utility layer: quiet controls, large artwork, shared paper palette. */
.cardfield .field-focus-stage{inset:96px 28px 88px;overflow:auto;pointer-events:auto;scrollbar-width:thin}
.cardfield .field-focus-content{width:min(720px,100%);margin:auto;gap:28px;padding:12px 20px 24px}
.cardfield .field-inspector .scene-info{display:flex;flex-direction:column;align-items:center}
.cardfield .field-inspector .scene-network{margin-bottom:9px}
.cardfield .field-inspector .scene-facts{width:100%;gap:24px;text-align:center;margin-top:22px}
.cardfield .field-inspector .scene-facts>div{max-width:none}
.cardfield .field-inspector .scene-facts strong{font-size:15px;font-weight:500;line-height:1.5}
.cardfield .field-inspector .scene-detail{order:3;align-self:center;margin-top:14px;font-size:11px}
.cardfield .field-inspector .scene-info h2{font-size:clamp(26px,3vw,38px)}
.explore-details{width:100%;text-align:left}
.explore-facts{display:grid;grid-template-columns:1fr 1fr;gap:18px 24px;margin:20px 0 0;padding-top:20px;border-top:1px solid var(--line)}
.explore-facts .region-fact{grid-column:1/-1}
.explore-details dt{font-size:10px;color:var(--gray);margin-bottom:6px}
.explore-details dd{font-size:12px;line-height:1.65;margin:0;overflow-wrap:anywhere}
.explore-wallets{display:flex;justify-content:center;gap:8px 16px;flex-wrap:wrap;font-size:10px;color:var(--gray);margin-top:20px}
.explore-actions{display:flex;justify-content:center;gap:10px;margin-top:22px}
.explore-button{min-height:42px;padding:9px 18px;border:1px solid var(--line);border-radius:99px;background:transparent;color:var(--ink);font:500 11px/1.4 var(--sans);cursor:pointer;transition:background .22s,color .22s,border-color .22s}
.explore-button:hover,.explore-button[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.explore-button:disabled{opacity:.45;cursor:default;background:transparent;color:var(--ink);border-color:var(--line)}
.explore-button:focus-visible,.explore-icon:focus-visible,.compare-open:focus-visible,.compare-remove:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.explore-research{margin-top:22px;border-block:1px solid var(--line);font-size:12px}
.explore-research summary{padding:15px 0;cursor:pointer;min-height:44px}
.explore-research dl>div{display:grid;grid-template-columns:110px 1fr;gap:18px;padding:12px 0;border-top:1px solid var(--line)}
.explore-research h3{font-size:12px;margin:18px 0 10px}
.explore-research ul{padding-left:18px;line-height:1.7;margin-bottom:20px}
.explore-research li+li{margin-top:8px}
.share-fallback{padding-top:16px;font-size:11px}
.share-fallback input{width:100%;min-width:0;padding:12px;margin-top:8px;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:8px;font:12px var(--sans)}
.cardfield .collection-card{min-width:0;position:relative}
.cardfield .collection-card>.explore-button{margin-top:14px;min-height:36px;padding:7px 13px;font-size:10px}
.cardfield .collection-card .cell{display:block}
.explore-filters{grid-column:1/-1}
.explore-filters .filter-select{width:100%;min-width:0}
.compare-tray{position:fixed;z-index:80;right:26px;bottom:24px;display:flex;align-items:center;border:1px solid var(--line);border-radius:99px;background:var(--pc-surface);box-shadow:0 10px 40px #0002;color:var(--ink);padding:6px}
.compare-tray[hidden]{display:none}
.compare-open{display:flex;align-items:center;gap:18px;border:0;background:none;color:inherit;padding:5px 12px 5px 8px;min-height:48px;font:500 12px var(--sans);cursor:pointer;border-radius:99px}
.compare-open b{font-size:10px;opacity:.6;margin-left:5px;font-weight:400}
.compare-stack{width:78px;height:38px;position:relative;display:block}
.compare-stack img{position:absolute;left:calc(var(--stack)*9px);top:2px;width:54px;height:34px;object-fit:cover;border-radius:4px;transform:rotate(calc(-9deg + var(--stack)*9deg));box-shadow:0 2px 6px #0003}
.explore-icon{display:grid;place-items:center;border:0;background:none;color:inherit;border-radius:50%;width:44px;height:44px;font:300 26px/1 var(--sans);cursor:pointer}
.explore-icon:hover{background:var(--pc-soft)}
.compare-dialog{width:min(1100px,calc(100vw - 48px));max-width:none;max-height:calc(100dvh - 64px);padding:0;border:1px solid var(--line);border-radius:22px;color:var(--ink);background:var(--pc-surface);box-shadow:0 32px 120px #0005;overflow:hidden;margin:auto}
.compare-dialog::backdrop{background:#0c1915a6;backdrop-filter:blur(12px)}
.compare-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 26px;border-bottom:1px solid var(--line)}
.compare-heading h2{font:400 clamp(24px,3vw,36px)/1.1 var(--serif);letter-spacing:-.04em;margin:0}
.compare-scroll{overflow:auto;max-height:calc(100dvh - 158px);overscroll-behavior:contain;padding:0 26px 26px;scrollbar-width:thin}
.compare-dialog table{border-collapse:collapse;table-layout:fixed;width:100%;font:12px/1.6 var(--sans);text-align:left}
.compare-dialog th,.compare-dialog td{vertical-align:top;padding:19px 18px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}
.compare-dialog tr>th:first-child{width:135px;padding-left:0;color:var(--gray);font-size:11px;font-weight:400}
.compare-dialog thead th{font-weight:500;font-size:13px}
.compare-dialog thead img{display:block;width:100%;height:auto;aspect-ratio:856/540;object-fit:cover;border-radius:9px;margin:5px 0 20px;box-shadow:0 14px 16px -12px #0006}
.compare-dialog thead th>span{display:block}
.compare-remove{display:block;font:10px var(--sans);min-height:36px;padding:8px 0;background:none;border:0;color:var(--gray);text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.compare-dialog td a{color:inherit;text-underline-offset:5px}
.explore-status{position:fixed;left:24px;bottom:26px;z-index:85;max-width:calc(100vw - 48px);margin:0;background:var(--pc-surface);color:var(--ink);border-radius:99px;padding:0;font:12px var(--sans);pointer-events:none}
.explore-status:not(:empty){padding:13px 20px;border:1px solid var(--line);animation:status-note 3s both}
@keyframes status-note{0%{opacity:0;transform:translateY(5px)}10%,80%{opacity:1;transform:none}100%{opacity:0}}
.card-motion-host[data-finish="matte"] .card-motion-surface::after{background:radial-gradient(ellipse at var(--cm-gx,50%) var(--cm-gy,50%),#ffffff38,transparent 72%);opacity:calc(var(--cm-glare,0)*.6)}
.card-motion-host[data-finish="metal"] .card-motion-surface::after{background:linear-gradient(var(--cm-light-angle,125deg),transparent 20%,#b1c7d52b 35%,#ffffffb0 44%,#ffffff10 49%,#e8e2c970 55%,transparent 72%),repeating-linear-gradient(2deg,#ffffff08 0px,#00000008 1px,transparent 2px,transparent 4px);background-position:var(--cm-gx,50%) var(--cm-gy,50%);mix-blend-mode:screen}
.card-motion-host[data-finish="glass"] .card-motion-surface::after{background:radial-gradient(circle at var(--cm-gx,50%) var(--cm-gy,50%),#dbfaff80,transparent 46%),linear-gradient(var(--cm-light-angle,125deg),transparent 25%,#c6a9ff50 42%,#ffffffa0 48%,#9cffe140 56%,transparent 65%);box-shadow:inset 0 0 0 1px #ffffff90;mix-blend-mode:screen}
@media(max-width:760px){
 .cardfield .field-focus-stage{inset:100px 12px 90px}
 .cardfield .field-focus-content{padding:8px 16px 20px;gap:22px}
 .cardfield .field-inspector .scene-facts strong{font-size:12px}
 .cardfield .inspector-close{top:78px;right:16px;width:38px;height:38px;z-index:2}
 .explore-facts{gap:16px}
 .explore-details dd{font-size:11px}
 .explore-research dl>div{grid-template-columns:80px 1fr;gap:12px}
 .compare-tray{right:12px;bottom:12px;padding:3px}
 .compare-open{gap:8px;min-height:44px}
 .compare-stack{width:65px}
 .compare-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 24px);border-radius:16px}
 .compare-heading{padding:12px 16px}
 .compare-scroll{padding:0 16px 16px;max-height:calc(100dvh - 96px)}
 .compare-dialog table{min-width:650px}
 .compare-dialog tr>th:first-child{width:100px;position:sticky;left:-16px;background:var(--pc-surface);z-index:1;padding-left:8px}
 .compare-dialog th,.compare-dialog td{padding:16px 12px}
 .explore-status{bottom:86px;left:12px}
 .cardfield .collection-card>.explore-button{font-size:9px;padding:6px 10px}
}
@media(prefers-reduced-motion:reduce){.explore-button{transition:none}.explore-status:not(:empty){animation:none}.card-motion-host[data-finish] .card-motion-surface::after{display:none}}
.field-inspector.is-catalog-focus{position:fixed;z-index:90;inset:0;background:transparent}
.field-inspector.is-catalog-focus .field-focus-backdrop{background:color-mix(in srgb,var(--paper) 96%,transparent)}
.cardfield .is-catalog-focus .field-focus-stage{inset:72px 24px 24px}
.cardfield .is-catalog-focus .inspector-close{top:20px;right:24px;z-index:2}
.cardfield .field-focus-content{height:100%;min-height:0;margin:0 auto}
.cardfield .field-focus-stage{overflow:hidden}
.cardfield .field-inspector .scene-info{min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:0 12px 18px;flex:1;display:block}
.cardfield .field-inspector .scene-info>.scene-detail{display:inline-flex;margin:14px auto 0}
.cardfield .field-inspector .scene-network{font-size:10px}
.cardfield .field-inspector .scene-facts{display:flex}
.compare-dialog .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-height:540px){.cardfield .field-focus-content{height:auto;min-height:100%}.cardfield .field-focus-stage{overflow:auto}.cardfield .field-inspector .scene-info{overflow:visible;flex:none}}

/* Only the selected face and a viewport-sized veil participate in the flight. */
.field-inspector:is([data-focus="opening"],[data-focus="closing"]) .field-focus-flight{will-change:transform}
.field-inspector:is([data-focus="opening"],[data-focus="closing"]) .card-motion-surface::after{opacity:0}
.field-inspector:is([data-focus="opening"],[data-focus="closing"]) .field-focus-stage{overflow:visible}
.cardfield .cell.is-inspected .cell-img{visibility:hidden}
html[data-product="procrypto"]{scrollbar-gutter:stable}

/* Search stays local to the directory; no additional explanatory chrome. */
.cardfield .search-container{position:relative;overflow:visible}
.search-suggestions{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:45;max-height:min(320px,45dvh);overflow:auto;border:1px solid var(--line);border-radius:12px;background:var(--pc-surface);box-shadow:0 12px 30px #0002;padding:5px}
.search-suggestions[hidden]{display:none}
.search-suggestions [role="option"]{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;min-height:44px;border-radius:7px;font:12px/1.5 var(--sans);cursor:pointer;overflow-wrap:anywhere}
.search-suggestions [role="option"]:hover,.search-suggestions [aria-selected="true"]{background:var(--pc-soft)}
.search-suggestions small{color:var(--gray);font-size:10px}
.cardfield :is(.search-suggestions,.cell-name) mark{background:color-mix(in srgb,var(--pc-accent) 18%,transparent);color:inherit;border-radius:2px}
.compare-differences{display:flex;align-items:center;gap:9px;padding:10px 26px;min-height:44px;font:12px/1.5 var(--sans);cursor:pointer}
.compare-differences input{width:17px;height:17px;accent-color:var(--pc-accent)}
.compare-dialog .comparison-different{background:color-mix(in srgb,var(--pc-soft) 42%,transparent)}
.compare-dialog .comparison-different>th:first-child{color:var(--ink);font-weight:500}
.compare-scroll{max-height:calc(100dvh - 206px)}
@media(max-width:760px){
 .compare-differences{padding-inline:16px}
 .compare-scroll{max-height:calc(100dvh - 196px)}
 .cardfield .field-inspector .scene-facts strong{font-size:14px}
 .explore-details dd,.explore-research{font-size:13px;line-height:1.7}
 .cardfield .field-inspector .scene-info h2{overflow-wrap:anywhere}
 .cardfield .inspector-close{min-width:44px;min-height:44px}
 .cardfield .collection-card>.explore-button,.compare-dialog .compare-remove{min-height:44px;font-size:11px}
 .cardfield .explore-actions{flex-wrap:wrap}
 .cardfield .is-catalog-focus .field-focus-stage{inset:72px 8px max(12px,env(safe-area-inset-bottom))}
 .cardfield .field-focus-content{padding-inline:10px}
 .cardfield .field-inspector .scene-info{padding-inline:6px}
 .cardfield .filter-select,.cardfield #searchInput{font-size:16px}
 .compare-tray{bottom:max(12px,env(safe-area-inset-bottom))}
}
@media(max-width:760px){.field-inspector.is-catalog-focus .field-focus-backdrop{background:var(--paper)}}

/* The moving artwork owns the foreground. Only its immediate neighbours yield. */
@media(prefers-reduced-motion:no-preference){
 .cardfield .field-card-hit{transition:scale .42s cubic-bezier(.2,.72,.2,1)}
 .cardfield .field-card.is-receding .field-card-hit{scale:.92}
}
.cardfield-experience .field-focus-backdrop{
 background:radial-gradient(ellipse at 50% 62%,var(--paper) 9%,color-mix(in srgb,var(--paper) 94%,transparent) 41%,color-mix(in srgb,var(--paper) 70%,transparent) 100%)
}
.field-focus-flight::after{
 content:"";position:absolute;inset:-23% -16%;pointer-events:none;z-index:-2;
 background:radial-gradient(ellipse,color-mix(in srgb,var(--art-light,var(--pc-accent)) 55%,var(--pc-surface)) 0%,transparent 70%);
 opacity:0;transform:translate(calc(-.75 * var(--cm-shadow-x,0px)),calc(18px - var(--cm-shadow-y,24px)));
 transition:opacity .32s ease-out
}
.field-inspector[data-focus="open"] .field-focus-flight::after{opacity:.48}
html[data-theme="dark"] .field-focus-flight::after{
 background:radial-gradient(ellipse,color-mix(in srgb,var(--art-light,var(--pc-accent)) 68%,#eef3ea),transparent 70%)
}
@media(prefers-reduced-motion:reduce){.field-focus-flight::after{transition:none;transform:none}}
@media(min-width:1100px){
 .cardfield .collection{max-width:1480px}
 .cardfield .directory-wrap{padding-inline:clamp(32px,3vw,56px)}
 .cardfield .grid{column-gap:24px;row-gap:clamp(54px,4.6vw,76px)}
 .cardfield .cell-img{aspect-ratio:856/540}
 .cardfield .cell-meta{padding-top:20px}
}
@media(min-width:1280px) and (min-height:620px){
 .cardfield-experience .field-focus-stage{inset:88px 24px}
 .cardfield-experience .field-focus-content{
  display:grid;width:100%;height:100%;padding:0;align-items:center;
  grid-template-columns:minmax(0,1fr) var(--focus-art-width) minmax(0,1fr);
  column-gap:clamp(24px,2.4vw,46px)
 }
 .cardfield-experience .field-focus-flight{grid-column:2}
 .cardfield-experience .field-inspector .scene-info{
  grid-column:3;width:100%;max-width:410px;max-height:100%;padding:18px 16px;
  background:color-mix(in srgb,var(--paper) 90%,transparent);border-radius:16px
 }
 .cardfield-experience .explore-actions{flex-wrap:wrap}
}

/* Direct application from the inspector; keep secondary actions quiet. */
.explore-actions .explore-apply{display:inline-flex;align-items:center;justify-content:center;min-height:44px;text-decoration:none;background:var(--ink);border-color:var(--ink);color:var(--paper)}
.explore-actions .explore-apply:hover{background:var(--paper);color:var(--ink)}

.cardfield .back-to-top{position:fixed;z-index:79;left:26px;bottom:max(24px,env(safe-area-inset-bottom));display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid var(--line);border-radius:50%;background:var(--pc-surface);color:var(--ink);box-shadow:0 4px 18px #0001;opacity:0;visibility:hidden;transform:translateY(8px);pointer-events:none;transition:opacity .22s ease,transform .3s ease,visibility 0s .3s}
.cardfield .back-to-top.is-visible{opacity:1;visibility:visible;transform:none;pointer-events:auto;transition-delay:0s}
.cardfield .back-to-top:hover{background:var(--ink);color:var(--paper)}
@media(max-width:600px){.cardfield .back-to-top{left:12px;bottom:max(12px,env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){.cardfield .back-to-top{transition:none;transform:none}}