.d4pp-page{--d4sc-ember: oklch(0.76 0.15 55);--d4sc-soul: oklch(0.8 0.12 215);--d4sc-hatred: oklch(0.72 0.17 330)}.d4sc{margin-block:0 14px;container-type:inline-size}.d4sc-path{--art-h: 112px;--gap: 10px;--sigil: 30px;--sigil-x: 14px;position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap)}.d4sc-card{--tone: var(--d4lp-tint);position:relative;display:grid;grid-template-rows:var(--art-h) 1fr auto;min-inline-size:0;margin:0;padding:0;overflow:clip;border:1px solid color-mix(in oklch,var(--d4lp-ink) 8%,transparent);border-radius:var(--d4lp-r-card);color:var(--d4lp-copy);font:inherit;text-align:start;cursor:pointer;background:var(--d4lp-control)}.d4sc-card[hidden]{display:none}.d4sc-card[data-tone=ember]{--tone: var(--d4sc-ember)}.d4sc-card[data-tone=soul]{--tone: var(--d4sc-soul)}.d4sc-card[data-tone=hatred]{--tone: var(--d4sc-hatred)}.d4sc-art{display:block;background:var(--art) 72% 30% / cover no-repeat;mask-image:linear-gradient(180deg,oklch(0 0 none) 52%,transparent);filter:grayscale(0.6) brightness(0.62)}.d4sc-card[aria-checked=true]{border-color:color-mix(in oklch,var(--tone) 68%,transparent);background-color:color-mix(in oklch,var(--tone) 10%,var(--d4lp-control));box-shadow:0 8px 22px -12px color-mix(in oklch,var(--tone) 70%,transparent),inset 0 -30px 40px -30px color-mix(in oklch,var(--tone) 30%,transparent)}.d4sc-card[aria-checked=true] .d4sc-art{filter:none}@media(hover:hover)and (pointer:fine){.d4sc-card[aria-checked=false]:hover{border-color:color-mix(in oklch,var(--tone) 34%,transparent)}.d4sc-card[aria-checked=false]:hover .d4sc-art{filter:grayscale(0.25) brightness(0.82)}}.d4sc-card:active{scale:.98}.d4sc-card:active:not([aria-checked=true]){background-color:color-mix(in oklch,var(--d4lp-active) 60%,var(--d4lp-control))}.d4sc-card:focus-visible{outline:2px solid var(--d4lp-focus);outline-offset:2px}.d4sc-sigil{position:absolute;z-index:2;inset-block-start:calc(var(--art-h) - var(--sigil) / 2);inset-inline-start:var(--sigil-x);display:grid;place-items:center;inline-size:var(--sigil);block-size:var(--sigil)}.d4sc-sigil::before{content:"";position:absolute;inset:4px;rotate:45deg;border:1px solid color-mix(in oklch,var(--tone) 55%,transparent);border-radius:3px;background:oklch(0.17 0.012 270);box-shadow:0 2px 5px oklch(0 0 none / 0.55)}.d4sc-sigil b{position:relative;color:var(--tone);font-size:11px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}.d4sc-card[aria-checked=true] .d4sc-sigil::before{border-color:color-mix(in oklch,var(--tone),oklch(1 0 none) 30%);background:linear-gradient(180deg,color-mix(in oklch,var(--tone),oklch(1 0 none) 14%),var(--tone));box-shadow:0 0 14px color-mix(in oklch,var(--tone) 65%,transparent),0 2px 5px oklch(0 0 none / 0.5)}.d4sc-card[aria-checked=true] .d4sc-sigil b{color:oklch(0.17 0.02 60)}.d4sc-text{display:grid;align-content:start;gap:3px;padding-block:18px 6px;padding-inline:12px;min-inline-size:0}.d4sc-name{color:var(--d4lp-ink);font-size:14px;font-weight:700;line-height:1.3;text-wrap:balance}.d4sc-what{color:var(--d4lp-copy);font-size:12px;line-height:1.4;text-wrap:pretty}.d4sc-perk{justify-self:start;margin-block-start:4px;padding-block:2px;padding-inline:6px;border-radius:4px;background:color-mix(in oklch,var(--tone) 14%,transparent);color:color-mix(in oklch,var(--tone),oklch(1 0 none) 25%);font-size:11px;font-weight:700;line-height:1.3}.d4sc-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-block:4px 12px;padding-inline:12px}.d4sc-price{color:var(--d4lp-ink);font-size:14px;font-weight:700;line-height:1.3;font-variant-numeric:tabular-nums;white-space:nowrap}.d4sc-check{position:relative;flex:none;inline-size:20px;block-size:20px;border:1px solid color-mix(in oklch,var(--d4lp-ink) 26%,transparent);border-radius:5px}.d4sc-check::after{content:"";position:absolute;inset-block-start:3px;inset-inline-start:6.5px;inline-size:5px;block-size:10px;border:solid oklch(0.17 0.02 60);border-width:0 2px 2px 0;rotate:45deg;opacity:0;scale:0.4}.d4sc-card[aria-checked=true] .d4sc-check{border-color:var(--tone);background:var(--tone)}.d4sc-card[aria-checked=true] .d4sc-check::after{opacity:1;scale:1}.d4sc-thread{position:absolute;z-index:1;inset-block-start:calc(var(--art-h) - 1px);inset-inline:0;block-size:2px;pointer-events:none}.d4sc-thread i{--w: calc((100% - 2 * var(--gap)) / 3 + var(--gap));position:absolute;inset-block:0;inline-size:var(--w);background:color-mix(in oklch,var(--d4lp-ink) 16%,transparent)}.d4sc-thread i[data-d4sc-seg="0"]{inset-inline-start:calc(var(--sigil-x) + var(--sigil) / 2);--from: var(--d4sc-ember);--to: var(--d4sc-soul)}.d4sc-thread i[data-d4sc-seg="1"]{inset-inline-start:calc(var(--sigil-x) + var(--sigil) / 2 + var(--w));--from: var(--d4sc-soul);--to: var(--d4sc-hatred)}.d4sc-thread i::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--from),var(--to));box-shadow:0 0 8px color-mix(in oklch,var(--to) 55%,transparent);clip-path:inset(0 100% 0 0)}.d4sc-thread i[data-lit]::after{clip-path:inset(0)}.d4sc-keep{margin:0;color:var(--d4lp-muted);font-size:12px;line-height:1.4}.d4sc-keep:not(:empty){margin-block-start:8px}@container (max-width: 520px){.d4sc-path{grid-template-columns:minmax(0,1fr);--sigil: 28px}.d4sc-card{grid-template-columns:96px minmax(0,1fr) auto;grid-template-rows:auto;align-items:center;min-block-size:84px}.d4sc-art{align-self:stretch;mask-image:linear-gradient(90deg,oklch(0 0 none) 50%,transparent)}.d4sc-sigil{inset-block-start:calc(50% - var(--sigil) / 2);inset-inline-start:calc(96px - var(--sigil) / 2 - 6px)}.d4sc-text{padding-block:10px;padding-inline:18px 4px}.d4sc-foot{flex-direction:column;align-items:end;gap:6px;padding-block:10px;padding-inline:4px 12px}.d4sc-thread{display:none}}.d4pp-page{--d4pp-native-wait: 0px}.d4sc-setup{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px 12px;margin-block-start:18px}.d4sc-mini{flex:none;inline-size:24px;block-size:24px;background:var(--img) center / contain no-repeat;filter:grayscale(.6) brightness(.75) drop-shadow(0 1px 2px oklch(0 0 none / 0.6))}.d4pf-seg [aria-checked=true] .d4sc-mini{filter:drop-shadow(0 0 6px color-mix(in oklch,var(--d4lp-tint) 45%,transparent)) drop-shadow(0 1px 2px oklch(0 0 none / 0.6))}.d4sc-say{margin:0;color:var(--d4lp-muted);font-size:12px;line-height:1.4;text-wrap:pretty}.d4sc-say:empty{display:none}[data-d4ad-row^=d4sc-] .d4ad-row__icon{border-radius:6px;background-size:cover;background-position:72% 30%;filter:none;box-shadow:0 2px 4px oklch(0 0 none / 0.45),inset 0 0 0 1px color-mix(in oklch,var(--d4lp-ink) 12%,transparent)}.d4sc-mini{transition:filter .24s var(--d4lp-ease)}@media(prefers-reduced-motion:no-preference){.d4sc-card{transition:border-color .2s var(--d4lp-ease),background-color .2s var(--d4lp-ease),box-shadow .24s var(--d4lp-ease),scale .16s var(--d4lp-ease)}.d4sc-art{transition:filter .24s var(--d4lp-ease)}.d4sc-sigil::before{transition:border-color .2s var(--d4lp-ease),box-shadow .24s var(--d4lp-ease)}.d4sc-check{transition:background .16s var(--d4lp-ease),border-color .16s var(--d4lp-ease)}.d4sc-check::after{transition:opacity .12s,scale .2s var(--d4lp-ease)}.d4sc-card[data-ignite] .d4sc-sigil{animation:d4sc-ignite .48s var(--d4lp-ease)}.d4sc-thread i::after{transition:clip-path .28s var(--d4lp-ease)}.d4sc-path[data-whole] .d4sc-thread i[data-lit]::after{animation:d4sc-whole 1.1s .28s var(--d4lp-ease)}.d4sc-card[data-refuse]{animation:d4sc-refuse .32s var(--d4lp-ease)}}@keyframes d4sc-ignite{0%{scale:0.86;filter:brightness(1.9)}45%{scale:1.22;filter:brightness(1.6) drop-shadow(0 0 12px var(--tone))}100%{scale:1;filter:none}}@keyframes d4sc-whole{40%{filter:brightness(1.8);scale:1 1.6}}@keyframes d4sc-refuse{25%{translate:-3px 0}60%{translate:3px 0}}