.twd{--twd-stone: var(--d4lp-control);--twd-pick: color-mix(in oklab, var(--mcui-tint) 22%, var(--twd-stone));display:grid;gap:12px;flex:0 0 100%;inline-size:100%;min-inline-size:0;margin-block:8px 16px;container:twd / inline-size}.twd small{color:var(--mcui-copy);font-size:13px;line-height:1.35}.twd-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.twd-choices[hidden]{display:none}.twd-goals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));flex:0 0 100%;gap:8px;inline-size:100%;margin-block-end:16px;padding-block-start:clamp(36px,11vw,62px);container-type:inline-size}.twd-goal{position:relative;isolation:isolate;display:flex;align-items:center;min-block-size:64px;margin:0;padding-block:10px;padding-inline:14px 46%;border:1px solid transparent;border-radius:calc(var(--d4lp-r-card) - 2px);background:var(--d4lp-control);color:var(--d4lp-copy);font:inherit;text-align:start;cursor:pointer;transition:border-color .24s var(--d4lp-ease),background-color .24s var(--d4lp-ease);-webkit-tap-highlight-color:transparent}.twd-goal::before,.twd-raid::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;opacity:0;transition:opacity .24s var(--d4lp-ease);background:linear-gradient(90deg in oklab,color-mix(in oklab,var(--d4lp-tint) 45%,var(--d4lp-control)),var(--d4lp-control))}.twd-goal[aria-checked=true],.twd-raid[aria-checked=true]{border-color:color-mix(in oklch,var(--d4lp-tint) 75%,transparent);color:var(--d4lp-ink)}.twd-goal[aria-checked=true]::before,.twd-raid[aria-checked=true]::before{opacity:1}.twd-goal:active:not([aria-checked=true]),.twd-raid:active:not([aria-checked=true]){background-color:color-mix(in oklab,var(--d4lp-active) 60%,var(--d4lp-control))}.twd-goal__text{display:grid;gap:1px;min-inline-size:0}.twd-goal__text b{font-size:16px;font-weight:700;line-height:1.25}.twd-goal__text span{color:var(--d4lp-muted);font-size:12px;line-height:1.3}.twd-goal[aria-checked=true] .twd-goal__text span{color:color-mix(in oklab,var(--d4lp-ink) 80%,transparent)}.twd-goal__art{position:absolute;inset-block-end:0;inset-inline-end:6px;z-index:1;inline-size:50%;block-size:calc(100% + 58px);background:right bottom / contain no-repeat;filter:brightness(.82) saturate(.85);pointer-events:none;transition:filter .24s var(--d4lp-ease)}.twd-goal[aria-checked=true] .twd-goal__art{filter:none}.twd-when__short{display:none}@container (inline-size < 440px){.twd-goal{min-block-size:56px;margin-block-end:4px;padding-inline:10px 46%}.twd-goal__art{inline-size:48%;inset-inline-end:0}.twd-goal__text b{font-size:14px}.twd-goal__text span{display:none}.twd-when__full{display:none}.twd-when__short{display:inline}}@container (inline-size < 300px){.twd-goal{padding-inline-end:42%}.twd-goal__art{inline-size:44%;inset-inline-end:-2px}}@media(hover:hover)and (pointer:fine){.twd-goal[aria-checked=false]:hover,.twd-raid[aria-checked=false]:hover{border-color:color-mix(in oklch,var(--d4lp-tint) 30%,transparent)}}.twd-choice{display:grid;grid-template-rows:auto 1fr auto;gap:4px;min-inline-size:0;padding-block:12px 14px;padding-inline:14px;border:1px solid transparent;border-radius:var(--d4lp-r-card);background:var(--twd-stone);color:var(--mcui-copy);font:inherit;text-align:start;cursor:pointer;transition:border-color .15s var(--d4lp-ease),background-color .15s var(--d4lp-ease)}.twd-choice[aria-checked=true],.twd-road[aria-checked=true]{border-color:var(--mcui-tint);background:var(--twd-pick)}:is(.twd-goal,.twd-choice,.twd-preset,.twd-raid,.twd-road):focus-visible{outline:2px solid var(--d4lp-focus);outline-offset:2px}:is(.twd-choice,.twd-preset,.twd-road){-webkit-tap-highlight-color:transparent}:is(.twd-choice,.twd-road):not([aria-checked=true]):active{background:oklch(0.25 0.008 265)}.twd-choice__icon{display:block;inline-size:64px;block-size:64px;margin-block:-8px 4px;margin-inline-start:-8px}.twd-choice__icon img{display:block;inline-size:100%;block-size:100%;object-fit:contain;filter:drop-shadow(0 3px 4px oklch(0 0 none / .5))}.twd-choice__text{display:grid;align-content:start;gap:2px;min-inline-size:0}.twd-choice__text strong{color:var(--mcui-ink);font-size:16px;font-weight:700;line-height:1.25}.twd-choice__price{min-block-size:1.4em;margin-block-start:6px;color:var(--mcui-ink);font-size:14px;font-weight:700;line-height:1.4;font-variant-numeric:tabular-nums}.twd-presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.twd-preset{position:relative;display:grid;grid-template-rows:auto auto 1fr auto;gap:4px;min-inline-size:0;padding-block:12px 20px;padding-inline:12px;overflow:clip;border:1px solid transparent;border-radius:var(--d4lp-r-card);background:var(--twd-stone);color:var(--mcui-copy);font:inherit;text-align:start;cursor:pointer;transition:border-color .15s var(--d4lp-ease),background-color .15s var(--d4lp-ease)}.twd-preset[aria-checked=true]{border-color:var(--mcui-tint);background:var(--twd-pick)}.twd-preset:not([aria-checked=true]):active{background:oklch(0.25 0.008 265)}:is(.twd-choice,.twd-preset)[aria-checked=true]:active{filter:brightness(1.08)}.twd-preset__icon{position:relative;display:block;inline-size:40px;block-size:40px;margin-block-end:4px;border-radius:var(--d4lp-r-control);outline:1px solid oklch(0.6 0.06 75 / .8);outline-offset:-1px;box-shadow:0 2px 5px oklch(0 0 none / .5)}.twd-preset__icon img{display:block;inline-size:100%;block-size:100%;border-radius:inherit}.twd-preset__icon--custom{background:var(--twd-badge, none) center / cover,oklch(0.2 0.01 285);filter:saturate(.55)}.twd-preset[aria-checked=true] .twd-preset__icon--custom{filter:none}.twd-preset__amount{display:flex;align-items:center;gap:4px;color:var(--mcui-ink);font-size:16px;font-weight:700;line-height:1.25;font-variant-numeric:tabular-nums}.twd-badge{flex:none;inline-size:16px;block-size:16px;border-radius:var(--d4lp-r-control);background:var(--twd-badge, none) center / cover}.twd-preset__sub{color:var(--mcui-copy);font-size:13px;line-height:1.3}.twd-preset__price{min-block-size:1.4em;color:var(--mcui-ink);font-size:14px;font-weight:700;line-height:1.4;font-variant-numeric:tabular-nums}.twd-bar{position:absolute;inset-inline:12px;inset-block-end:8px;block-size:3px;overflow:clip;border-radius:999px;background:oklch(1 0 none / .08)}.twd-bar>i{position:absolute;inset-block:0;inset-inline:0 var(--b, 100%);border-radius:inherit;background:color-mix(in oklch,var(--mcui-tint) 75%,transparent)}.twd-bar[data-empty]>i{display:none}.twd-raidbox{display:grid;gap:8px}.twd-raidbox[hidden]{display:none}.twd-raids{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding-block-start:40px}.twd-raid{position:relative;isolation:isolate;display:flex;align-items:flex-end;min-block-size:84px;min-inline-size:0;margin:0;padding-block:14px 10px;padding-inline:12px;border:1px solid transparent;border-radius:calc(var(--d4lp-r-card) - 2px);background:var(--d4lp-control);color:var(--d4lp-copy);font:inherit;text-align:start;cursor:pointer;transition:border-color .24s var(--d4lp-ease),background-color .24s var(--d4lp-ease);-webkit-tap-highlight-color:transparent}.twd-raid__portal{position:absolute;inset-block-end:28px;inset-inline-end:-2px;z-index:1;inline-size:56%;block-size:calc(100% + 10px);pointer-events:none}.twd-raid__portal img{display:block;inline-size:100%;block-size:100%;object-fit:contain;object-position:right bottom;filter:brightness(.82) saturate(.85);transition:filter .24s var(--d4lp-ease)}.twd-raid[aria-checked=true] .twd-raid__portal img{filter:none}.twd-raid__text{display:grid;gap:2px;inline-size:100%;min-inline-size:0}.twd-raid__text strong{padding-inline-end:50%;color:var(--mcui-ink);font-size:14px;font-weight:700;line-height:1.25}.twd-raid__text small{font-size:12px;white-space:nowrap;font-variant-numeric:tabular-nums}.twd-roads{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.twd-road{display:grid;align-content:start;gap:4px;min-inline-size:0;padding-block:12px;padding-inline:14px;border:1px solid transparent;border-radius:var(--d4lp-r-card);background:var(--twd-stone);color:var(--mcui-copy);font:inherit;text-align:start;cursor:pointer;transition:border-color .15s var(--d4lp-ease),background-color .15s var(--d4lp-ease)}.twd-road>strong{color:var(--mcui-ink);font-size:16px;font-weight:700;line-height:1.25}.twd-road__line{color:var(--mcui-copy);font-size:13px;line-height:1.35}.twd-road__line b{color:var(--mcui-ink);font-size:14px;font-weight:700;font-variant-numeric:tabular-nums}.twd-faces{display:flex;margin-block-end:4px}.twd-faces>i{flex:none;inline-size:32px;block-size:32px;margin-inline-start:-8px;overflow:clip;border-radius:999px;box-shadow:0 0 0 2px var(--twd-stone),inset 0 0 0 1px oklch(0.78 0.09 80 / .7)}.twd-faces img{display:block;inline-size:100%;block-size:100%;object-fit:cover}.twd-faces[data-count="9"]>i{margin-inline-start:-14px}.twd-faces[data-count="13"]>i{margin-inline-start:-19px}.twd-faces>i:first-child{margin-inline-start:0}.twd-road[aria-checked=true] .twd-faces>i{box-shadow:0 0 0 2px var(--twd-pick),inset 0 0 0 1px oklch(0.78 0.09 80 / .7)}.twd-when{padding-block:2px;padding-inline:8px;border-radius:999px;font-size:12px;font-weight:600;line-height:1.35;white-space:nowrap;font-variant-numeric:tabular-nums;background:oklch(0.32 0.04 75);color:oklch(0.9 0.08 80)}.twd-when[data-state=now]{background:oklch(0.35 0.08 155);color:oklch(0.93 0.11 155)}.twd-when[hidden]{display:none}.twd-goal .twd-when{position:absolute;inset-block-start:-11px;inset-inline-start:10px;z-index:2}@container (inline-size < 440px){.twd-goal .twd-when{inset-block:auto -11px;inset-inline-start:8px}}.twd-raid__pills{position:absolute;inset-block-start:-11px;inset-inline-start:8px;z-index:2;display:flex;gap:4px}.twd-when--next{background:oklch(0.82 0.14 80);color:oklch(0.2 0.03 75);font-weight:700}@media(hover:hover)and (pointer:fine){:is(.twd-choice,.twd-preset,.twd-road):not([aria-checked=true]):hover{background:oklch(0.255 0.012 270)}}@container twd (inline-size < 520px){.twd-choices,.twd-roads{grid-template-columns:minmax(0,1fr)}.twd-presets{grid-template-columns:repeat(2,minmax(0,1fr))}}@container twd (inline-size < 580px){.twd-raids{grid-template-columns:minmax(0,1fr);gap:18px;padding-block-start:28px}.twd-raid{align-items:center;min-block-size:72px;padding-inline-end:34%}.twd-raid__text strong{padding-inline-end:0}.twd-raid__portal{inset-block-end:2px;inline-size:34%;block-size:calc(100% + 24px)}}@container twd (inline-size >= 640px){.twd-raid__portal{block-size:calc(100% + 18px)}}.d4pp-page .custom-options-handle [data-twd-slider] .vue-slider{block-size:6px!important}.d4pp-page .custom-options-handle [data-twd-slider] .vue-slider-rail{background:oklch(1 0 none / .08)}.d4pp-page .custom-options-handle [data-twd-slider] .vue-slider-process{background:linear-gradient(90deg,color-mix(in oklab,var(--mcui-tint) 70%,transparent),oklch(0.78 0.12 75))!important}.d4pp-page .custom-options-handle [data-twd-slider] .vue-slider-dot{inline-size:34px!important;block-size:34px!important}.d4pp-page .custom-options-handle [data-twd-slider] .vue-slider-dot-handle{border-radius:999px;background:var(--twd-badge, none) center / 118% no-repeat,oklch(0.2 0.01 285);box-shadow:0 0 0 2px oklch(0.78 0.12 75),0 0 0 4px oklch(0.19 0.012 280),0 3px 8px oklch(0 0 none / .6);cursor:grab}.d4pp-page .custom-options-handle [data-twd-slider] .vue-slider-dot-handle:active{cursor:grabbing}.d4pp-page .custom-options-handle [data-twd-slider] .vue-slider-dot-handle::after{display:none}.d4pp-page .custom-options-handle [data-twd-slider] .vue-slider-dot-handle-focus{box-shadow:0 0 0 2px oklch(0.78 0.12 75),0 0 0 4px oklch(0.19 0.012 280),0 3px 8px oklch(0 0 none / .6);outline-offset:3px}.d4pp-page .custom-options-handle [data-twd-slider] .vue-slider-mark-step{inline-size:2px;background:oklch(1 0 none / .14)}.d4pp-page .custom-options-handle [data-twd-slider] .vue-slider-mark-step-active{background:oklch(0.78 0.12 75 / .7)}@media(prefers-reduced-motion:no-preference){.twd-presets,.twd-raidbox{transition:opacity .15s var(--d4lp-ease),translate .15s var(--d4lp-ease)}@starting-style{.twd-presets,.twd-raidbox{opacity:0;translate:0 4px}}.d4pp-page .twd~.custom-option{transition:opacity .15s var(--d4lp-ease),translate .15s var(--d4lp-ease)}@starting-style{.d4pp-page .twd~.custom-option{opacity:0;translate:0 4px}}.twd-preset__icon::after{content:"";position:absolute;inset:-4px;border-radius:calc(var(--d4lp-r-control) + 4px);box-shadow:0 0 0 2px oklch(0.78 0.12 75),0 0 12px 2px oklch(0.78 0.12 75 / .5);opacity:0;pointer-events:none}.twd-preset[data-lit] .twd-preset__icon::after{animation:twd-ring .5s var(--d4lp-ease) both}.twd-preset[data-lit] .twd-preset__icon img{animation:twd-coin .5s var(--d4lp-ease) both}[data-twd-price][data-tick]{animation:twd-tick .2s var(--d4lp-ease) both}.d4pp-page .custom-options-handle [data-twd-slider] .vue-slider-dot-handle{transition:scale .15s var(--d4lp-ease)}.d4pp-page .custom-options-handle [data-twd-slider] .vue-slider-dot-handle:active{scale:1.08}}@keyframes twd-ring{from{opacity:1;scale:.9}to{opacity:0;scale:1.15}}@keyframes twd-tick{from{opacity:.45}to{opacity:1}}@keyframes twd-coin{40%{scale:1.08;filter:brightness(1.25)}to{scale:1;filter:none}}