@property --cape-base{syntax:"<color>";inherits:true;initial-value:#22161d}.cape-wash{--cape-base:var(--plum-800);background:linear-gradient(180deg, color-mix(in oklab, var(--cape-base), var(--ink) 10%) 0%, var(--cape-base) 58%, color-mix(in oklab, var(--cape-base), var(--plum-950) 38%) 100%);transition:--cape-base var(--dur-3) var(--ease-out)}.cape-stage{isolation:isolate;position:relative;overflow:hidden}.cape-stage:before{content:"";z-index:0;opacity:0;transition:opacity .9s var(--ease-out);pointer-events:none;background:#07050ca3;position:absolute;inset:0}.cape-stage.is-night:before{opacity:1}.cape-stage-figure{z-index:1;cursor:grab;position:absolute;inset:0}.cape-stage-figure:active{cursor:grabbing}.cape-stage-poster{z-index:1;aspect-ratio:10/16;border-radius:8px;height:62%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cape-stage-moon{z-index:2;width:32px;height:32px;color:rgb(var(--ink-rgb) / .7);cursor:pointer;transition:background-color var(--dur-1) var(--ease-out), color var(--dur-1) var(--ease-out), transform var(--dur-2) var(--ease-out);background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;top:14px;right:14px}.cape-stage-moon:hover{background:rgb(var(--ink-rgb) / .1);color:var(--ink)}.cape-stage-moon:active{transform:scale(.94)}.cape-stage-moon.is-on{color:var(--ink)}.cape-art{background:var(--plum-800);border-radius:8px;display:block;position:relative;overflow:hidden}.cape-art-face{aspect-ratio:10/16}.cape-art canvas{position:absolute;inset:0}.ct-grid{grid-template-columns:repeat(auto-fill,minmax(124px,1fr));gap:18px 14px;display:grid}.ct{text-align:start;min-width:0;color:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;gap:9px;padding:0;display:flex;position:relative}.ct .cape-art,.ct-none{transition:transform var(--dur-2) var(--ease-out), filter var(--dur-2) var(--ease-out)}.ct:hover .cape-art{filter:brightness(1.06)}.ct:active .cape-art,.ct:active .ct-none{transform:scale(.97)}.ct.is-selected .cape-art,.ct.is-selected .ct-none{box-shadow:0 0 0 2px var(--plum-900), 0 0 0 4px rgb(var(--ink-rgb) / .86)}.ct-none{aspect-ratio:10/16;background:rgb(var(--ink-rgb) / .05);color:var(--text-faint);border-radius:8px;justify-content:center;align-items:center;display:flex;position:relative}.ct-text{flex-direction:column;gap:1px;min-width:0;display:flex}.ct-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:600;overflow:hidden}.ct-meta{color:var(--text-muted);align-items:center;gap:5px;font-size:12.5px;display:inline-flex}.ct-worn{top:8px;z-index:2;background:var(--leaf);width:22px;height:22px;color:var(--on-leaf);border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:absolute;inset-inline-end:8px}.cd{flex-direction:column;display:flex}.cd-stage{height:clamp(360px,100vh - 360px,520px)}.cd-body{padding:20px 22px 22px}.cd-line{color:var(--text-body);margin:12px 0 0;font-size:13.5px;line-height:1.5}.cd-actions{justify-content:space-between;align-items:center;gap:12px;margin-top:20px;display:flex}.cd-price{font-size:17px}.cd-short{color:var(--text-muted);margin:18px 0 0;font-size:13.5px}.cd-fact{color:var(--text-muted);align-items:center;gap:7px;font-size:13.5px;font-weight:500;display:inline-flex}@media (max-width:900px){.cd-stage{height:320px}.ct-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr))}}.ct-meta-split{white-space:nowrap;justify-content:space-between;gap:8px}.ct-meta-split .coin-amount{color:var(--text-primary);font-weight:600}.ct-owned{color:var(--text-muted)}
