.dy-band{isolation:isolate;background:linear-gradient(to bottom, var(--t-page), var(--t-surface-2));padding-block:88px 104px;position:relative;overflow:hidden}@media (min-width:640px){.dy-band{padding-block:120px 136px}}.dy-band__ground,.dy-band__layer{position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000 0%,#000 14% 86%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 14% 86%,#0000 100%)}.dy-band__ground{z-index:0}.dy-band__layer{z-index:1;opacity:0;transition:opacity .7s}.dy-band__layer,.dy-band__layer *{pointer-events:none!important}.dy-band[data-ready] .dy-band__layer{opacity:1}.dy-band__grid{z-index:2;align-items:center;gap:32px;display:grid;position:relative}@media (min-width:1024px){.dy-band__grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px}}.dy-slot{aspect-ratio:1;cursor:grab;border-radius:var(--t-radius-lg);width:min(100%,420px);margin-inline:auto;position:relative}@media (min-width:1024px){.dy-slot{width:min(100%,560px)}}.dy-slot:active{cursor:grabbing}.dy-slot:focus-visible{outline:2px solid var(--t-ink);outline-offset:4px}.dy-slot__still{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;transition:opacity .7s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000 0%,#000 26%);mask-image:linear-gradient(#0000 0%,#000 26%)}.dy-band[data-ready] .dy-slot__still{opacity:0}.dy-slot__foot{margin-inline:auto;justify-content:space-between;align-items:center;gap:12px;width:min(100%,420px);min-height:52px;margin-top:8px;display:flex}@media (min-width:1024px){.dy-slot__foot{width:min(100%,560px)}}.dy-note{text-align:center;width:100%;font-size:var(--t-fs-xs);color:var(--t-ink-2)}.dy-hint{font-size:var(--t-fs-xs);letter-spacing:.02em;color:var(--t-ink-2);flex-shrink:0;align-items:center;gap:8px;transition:opacity .6s;display:inline-flex}.dy-hint[data-gone]{opacity:0}.dy-hint__arrows{color:var(--t-accent)}.dy-metals{align-items:center;gap:2px;margin-inline-start:-10px;display:flex}.dy-metal{cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;width:44px;height:44px;display:grid}.dy-metal__swatch{border-radius:999px;width:20px;height:20px;transition:box-shadow .2s,transform .2s;box-shadow:inset 0 1px 1px #fff9,inset 0 -2px 3px #0000002e,0 0 0 1px #1c191738}.dy-metal[data-metal=gold] .dy-metal__swatch{background:radial-gradient(circle at 35% 30%,#f6e3b0,#d6b36a 55%,#a67d36)}.dy-metal[data-metal=rose] .dy-metal__swatch{background:radial-gradient(circle at 35% 30%,#f7d9cb,#d9a48c 55%,#a8705a)}.dy-metal[data-metal=silver] .dy-metal__swatch{background:radial-gradient(circle at 35% 30%,#fbfbfb,#c9cdd1 55%,#8b9096)}.dy-metal[data-metal=sterling] .dy-metal__swatch{background:radial-gradient(circle at 35% 30%,#f3f3f1,#bdbcb7 55%,#7f7e79)}.dy-metal[aria-pressed=true] .dy-metal__swatch{box-shadow:inset 0 1px 1px #fff9, inset 0 -2px 3px #0000002e, 0 0 0 2px var(--t-page), 0 0 0 3px var(--t-ink)}.dy-metal:hover .dy-metal__swatch{transform:scale(1.08)}.dy-metal:focus-visible{outline:2px solid var(--t-ink);outline-offset:-4px}.dy-metal__name{font-size:var(--t-fs-xs);color:var(--t-ink-2);margin-inline-start:8px}@media (max-width:479px){.dy-metal__name{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.dy-blanks{margin-inline:auto;gap:14px;width:min(100%,420px);margin-top:12px;display:grid}@media (min-width:1024px){.dy-blanks{width:min(100%,560px)}}.dy-blanks__row{gap:8px;display:grid}.dy-blanks__kind{font-size:var(--t-fs-2xs);letter-spacing:.14em;text-transform:uppercase;color:var(--t-ink-3)}.dy-blanks__chips{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.dy-blank{border-radius:var(--t-radius);border:1px solid var(--t-line);background:color-mix(in srgb, var(--t-surface) 62%, transparent);min-height:60px;color:var(--t-ink-2);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:8px 4px;transition:border-color .2s,background-color .2s,color .2s;display:flex}.dy-blank:hover{border-color:var(--t-line-strong);color:var(--t-ink)}.dy-blank[aria-pressed=true]{border-color:var(--t-ink);background:var(--t-surface);color:var(--t-ink)}.dy-blank:focus-visible{outline:2px solid var(--t-ink);outline-offset:2px}.dy-blank__icon{color:var(--t-accent)}.dy-blank__name{font-size:var(--t-fs-xs);text-align:center;line-height:1.2}@media (min-width:640px){.dy-blanks__chips{gap:8px}.dy-blank{flex-direction:row;gap:8px;min-height:48px}}.dy-steps{counter-reset:dy-step;gap:14px;max-width:44ch;display:grid}.dy-steps>li{counter-increment:dy-step;font-size:var(--t-fs-base);color:var(--t-ink-2);grid-template-columns:28px 1fr;align-items:baseline;line-height:1.55;display:grid}.dy-steps>li:before{content:counter(dy-step);font-family:var(--t-font-editorial);color:var(--t-accent);font-size:22px;line-height:1}@media (prefers-reduced-motion:reduce){.dy-band__layer,.dy-slot__still,.dy-hint,.dy-metal__swatch,.dy-blank{transition:none}}