.tw-head{text-align:center;flex-direction:column;align-items:center;display:flex}.tw-title{width:100%;display:block}.tw-num{background:linear-gradient(120deg,#2a2140,#4b3a7a 40%,#7a5fc4 70%,#2a2140);width:100%;display:block;position:relative;overflow:hidden;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.tw-num-type{letter-spacing:-.02em;color:var(--color-ink);background:var(--color-bench);font-size:clamp(96px,26vw,560px);line-height:.9;display:block}.tw-num-fill{filter:saturate(1.2)brightness(1.2);opacity:0;transition:opacity 1.6s cubic-bezier(.45,0,.25,1);position:absolute;inset:0}.tw-num-fill[data-role=prev]{z-index:1;opacity:1;transition:none}.tw-num-fill[data-role=cur]{z-index:2;opacity:1}.tw-num-fill[data-role=next]{z-index:0;transition:none}.tw-title-line{font-family:var(--font-display);letter-spacing:-.025em;color:var(--color-ink);text-wrap:balance;margin-top:8px;font-size:42px;line-height:1;display:block}@media (min-width:640px){.tw-title-line{margin-top:12px;font-size:60px}}@media (min-width:1280px){.tw-title-line{font-size:72px}}.tw-lead{margin-top:24px;max-width:32em;margin-inline:auto}.tw-flow{gap:12px;margin:0;padding:0;list-style:none;display:grid}@media (min-width:1024px){.tw-flow{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}.tw-step{border-radius:var(--lp-card-r);background:var(--color-raise);transition:box-shadow var(--lp-ms) var(--lp-ease);gap:18px;padding:10px 10px 22px;display:grid;box-shadow:inset 0 0 0 1px #ffffff0d}.tw-step[data-active]{box-shadow:inset 0 0 0 1px #ffffff21}@media (min-width:640px) and (max-width:1023px){.tw-step{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:28px;padding:10px 28px 10px 10px}}@media (min-width:1024px){.tw-step{padding-bottom:26px}}.tw-stage{aspect-ratio:1/.9;border-radius:calc(var(--lp-card-r) - 8px);clip-path:inset(0 round calc(var(--lp-card-r) - 8px));background:#0b0c12;position:relative;overflow:hidden}@media (min-width:640px) and (max-width:1023px){.tw-stage{aspect-ratio:1/.86}}.tw-copy{padding:0 10px}@media (min-width:640px) and (max-width:1023px){.tw-copy{padding:0}}@media (min-width:1024px){.tw-copy{padding:0 14px}}.tw-step-t{font-family:var(--font-display);letter-spacing:-.015em;color:var(--color-ink);align-items:center;gap:12px;font-size:30px;line-height:1.05;display:flex}.tw-step-n{width:28px;height:28px;font-family:var(--font-mono,ui-monospace);letter-spacing:0;color:var(--color-ink-2);transition:background-color var(--lp-ms) var(--lp-ease), color var(--lp-ms) var(--lp-ease), box-shadow var(--lp-ms) var(--lp-ease);background:#ffffff0f;border-radius:999px;flex:none;place-items:center;font-size:12px;display:grid;box-shadow:inset 0 0 0 1px #ffffff14}.tw-step[data-active] .tw-step-n{color:#121318;box-shadow:none;background:#fff}.tw-step-b{color:var(--color-ink-2);text-wrap:pretty;margin-top:10px;font-size:15px;line-height:1.6}.tw-fill{width:100%;height:100%;position:absolute;inset:0}.tw-browse{position:absolute;inset:0}.tw-grid{transition:translate 1.7s var(--lp-glide);grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:12px;display:grid;position:absolute;inset:0 0 auto}@media (min-width:1280px){.tw-grid{gap:10px;padding:14px}}.tw-window{position:absolute;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 28px calc(100% - 28px),#0000);mask-image:linear-gradient(#0000,#000 28px calc(100% - 28px),#0000)}.tw-tile{aspect-ratio:1;clip-path:inset(0 round 12px);cursor:pointer;transition:opacity var(--lp-ms) var(--lp-ease), filter var(--lp-ms) var(--lp-ease), scale var(--lp-lift) var(--lp-glide), clip-path var(--lp-lift) var(--lp-glide);background:#15161d;border:0;border-radius:12px;padding:0;display:block;position:relative;overflow:hidden}.tw-tile-art{width:100%;height:100%;position:absolute;inset:0}.tw-tile:after{content:"";border-radius:inherit;transition:box-shadow var(--lp-ms) var(--lp-ease);position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff14}.tw-tile:active{transition-duration:80ms;scale:.96}@media (hover:hover) and (pointer:fine){.tw-tile:hover:after{box-shadow:inset 0 0 0 1.5px #ffffff8c}}.tw-tile[data-state=look]{scale:1.04}.tw-tile[data-state=look]:after{box-shadow:inset 0 0 0 1.5px #ffffffb3}.tw-browse[data-picked] .tw-tile:not([data-state=picked]){opacity:.45;filter:saturate(.7)}.tw-tile[data-state=picked]{z-index:1;scale:1.06}.tw-tile[data-state=picked]:after{box-shadow:inset 0 0 0 2px #fff}.tw-tile-check{z-index:1;color:#121318;opacity:0;width:22px;height:22px;transition:opacity var(--lp-ms) var(--lp-ease), scale var(--lp-lift) var(--lp-glide);background:#fff;border-radius:999px;place-items:center;display:grid;position:absolute;top:7px;right:7px;scale:.5;box-shadow:0 4px 12px -4px #0009}.tw-tile[data-state=picked] .tw-tile-check{opacity:1;scale:1}.tw-pickcap{z-index:3;-webkit-backdrop-filter:blur(16px)saturate(1.3);opacity:0;min-width:0;max-width:calc(100% - 24px);transition:opacity var(--lp-ms) var(--lp-ease), translate var(--lp-lift) var(--lp-glide);pointer-events:none;background:#0e0c149e;border-radius:14px;flex-direction:column;gap:2px;padding:9px 14px 10px;display:flex;position:absolute;bottom:12px;left:12px;right:auto;translate:0 8px;box-shadow:inset 0 0 0 1px #ffffff1f,0 14px 34px -16px #000000e6}.tw-browse[data-picked] .tw-pickcap{opacity:1;translate:0}.tw-pickcap-k{color:#ffffff9e;font-size:11.5px;line-height:15px}.tw-pickcap-name{text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.01em;color:#fff;font-size:15px;font-weight:500;line-height:20px;overflow:hidden}.tw-claim{position:absolute;inset:0}.tw-slot{border-radius:calc(var(--lp-card-r) - 18px);text-align:center;color:var(--color-ink-3);transition:opacity var(--lp-ms) var(--lp-ease);border:1px dashed #ffffff29;place-items:center;padding:16px;font-size:14px;line-height:20px;display:grid;position:absolute;inset:12px}.tw-claim[data-landed] .tw-slot{opacity:0}.tw-claim-art{opacity:0;transition:opacity var(--lp-blend), scale 1.4s var(--lp-glide);position:absolute;inset:0;scale:1.06}.tw-claim[data-landed] .tw-claim-art{opacity:1;scale:1}.tw-claim:after{content:"";z-index:3;border-radius:inherit;pointer-events:none;opacity:0;position:absolute;inset:0;box-shadow:inset 0 0 0 2px #c4abffe6,inset 0 0 60px #a17bef73}.tw-claim[data-claimed]:after{animation:tw-ring 1.6s var(--lp-ease) both}@keyframes tw-ring{0%{opacity:0}22%{opacity:1}to{opacity:0}}.tw-left{z-index:2;color:#fff;-webkit-backdrop-filter:blur(12px);background:#0c0d1180;border-radius:999px;align-items:center;gap:8px;height:28px;padding:0 12px 0 10px;font-size:12px;font-weight:500;display:inline-flex;position:absolute;top:12px;left:12px;box-shadow:inset 0 0 0 1px #ffffff14}.tw-left-dot{background:var(--brand-amethyst-light,#c4abff);border-radius:999px;width:6px;height:6px;box-shadow:0 0 0 3px #a17bef40}.tw-roll{height:16px;line-height:16px;display:inline-grid;overflow:hidden}.tw-roll>span{white-space:nowrap;transition:translate var(--lp-lift) var(--lp-glide), opacity var(--lp-ms) var(--lp-ease);grid-area:1/1}.tw-roll-b{opacity:0;translate:0 100%}.tw-claim[data-claimed] .tw-roll-a{opacity:0;translate:0 -100%}.tw-claim[data-claimed] .tw-roll-b{opacity:1;translate:0}.tw-bar{z-index:2;-webkit-backdrop-filter:blur(18px)saturate(1.2);opacity:0;transition:opacity var(--lp-ms) var(--lp-ease), translate var(--lp-lift) var(--lp-glide);background:#0e0f148c;border-radius:18px;justify-content:space-between;align-items:center;gap:10px;padding:8px 8px 8px 14px;display:flex;position:absolute;bottom:10px;left:10px;right:10px;translate:0 10px;box-shadow:inset 0 0 0 1px #ffffff1a,0 20px 40px -24px #000c}.tw-claim[data-landed] .tw-bar{opacity:1;transition-delay:.24s;translate:0}.tw-bar-id{min-width:0;display:grid}.tw-bar-name{text-overflow:ellipsis;white-space:nowrap;color:#fff;font-size:14px;font-weight:500;line-height:19px;overflow:hidden}.tw-bar-code{text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-mono,ui-monospace);letter-spacing:.06em;color:#fff9;font-size:11px;line-height:16px;overflow:hidden}.tw-btn{white-space:nowrap;color:#121318;height:36px;transition:background-color var(--lp-ms) var(--lp-ease), color var(--lp-ms) var(--lp-ease), box-shadow var(--lp-ms) var(--lp-ease), scale 80ms var(--ease-out,ease-out);background:#fff;border-radius:999px;flex:none;place-items:center;padding:0 14px;font-size:13px;font-weight:500;display:inline-grid}.tw-btn>span{transition:opacity var(--lp-ms) var(--lp-ease), translate var(--lp-lift) var(--lp-glide);grid-area:1/1;align-items:center;gap:7px;display:inline-flex}.tw-btn-b{opacity:0;translate:0 6px}.tw-btn[data-state=press]{scale:.93}.tw-btn[data-state=done]{color:#fff;background:#a17bef4d;box-shadow:inset 0 0 0 1px #c4abff8c}.tw-btn[data-state=done] .tw-btn-a{opacity:0;translate:0 -6px}.tw-btn[data-state=done] .tw-btn-b{opacity:1;translate:0}.tw-btn-tick{color:#121318;background:var(--brand-amethyst-light,#c4abff);border-radius:999px;place-items:center;width:18px;height:18px;display:grid}.tw-cert-stage{background:radial-gradient(90% 70% at 50% 40%,#a17bef24,#0000 70%),#0b0c12;position:absolute;inset:0;overflow:hidden}.tw-cert{width:min(100% - 28px,360px);transition:translate var(--lp-lift) var(--lp-glide);position:absolute;top:14px;left:50%;translate:-50% 24px}.tw-cert-stage[data-shown] .tw-cert{translate:-50%}.tw-cert .ct-sheet-in{box-shadow:0 30px 60px -30px #000000e6}.tw-cert .ct-sheet-art>.tw-fill{opacity:0;transition:opacity var(--lp-blend)}.tw-cert-stage[data-shown] .ct-sheet-art>.tw-fill{opacity:1}.tw-cert-input{cursor:text;justify-content:flex-start;align-items:center;gap:.2em;width:100%;min-width:0;display:flex}.tw-cert-input input{width:100%;min-width:0;font:inherit;text-align:left;color:#16171c;background:0 0;border:0;outline:none;padding:0;line-height:1.1}.tw-cert-input input::placeholder{color:#9a98a0;opacity:1;font-style:italic}.tw-cert-input>svg{color:#8a8990;flex:none;width:.45em;height:.45em;margin-bottom:.25em}@media (pointer:coarse){.tw-cert-input input{font-size:max(16px,1em)}}.tw-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:40px;display:flex}@media (min-width:1024px){.tw-actions{margin-top:48px}}@media (prefers-reduced-motion:reduce){.tw-flow *,.tw-flow :before,.tw-flow :after{transition:none!important;animation:none!important}}@media (min-width:1024px) and (max-width:1279px){.tw-stage{aspect-ratio:1}}@media (max-width:419px){.tw-stage{aspect-ratio:1/1.08}.tw-bar{padding-left:12px}.tw-btn{padding:0 11px;font-size:12px}.tw-btn>span{gap:6px}}
