.deck{--deck-gutter:clamp(1.25rem, 5vw, 6rem);padding-block:6rem;position:relative}.deck-stage{isolation:isolate;--deck-accent:var(--accent);position:relative}.deck-orbs{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.deck-light{position:absolute;inset:0}.deck-light+.deck-light{display:none}.deck-orb{will-change:transform, opacity;aspect-ratio:1;opacity:0;transition:opacity .9s var(--ease-standard);background-image:radial-gradient(circle at 50% 50%, currentColor 0%, color-mix(in srgb, currentColor 42%, transparent) 40%, transparent 70%);border-radius:50%;position:absolute}.deck-light[data-on] .deck-orb{opacity:1}.deck-orb-a{width:52vmax;color:color-mix(in srgb, var(--deck-light,var(--accent)) 20%, transparent);top:-22%;left:-14%}.deck-orb-b{width:22vmax;color:color-mix(in srgb, var(--deck-light,var(--accent)) 26%, transparent);top:-10%;right:6%}.deck-orb-c{width:46vmax;color:color-mix(in srgb, var(--deck-light,var(--accent)) 15%, transparent);bottom:-30%;right:-16%}.deck-ring{aspect-ratio:1;border:1px solid color-mix(in srgb, var(--fg) 7%, transparent);border-radius:50%;width:min(74vmin,46rem);position:absolute;top:50%;left:50%;translate:-50% -52%}.deck-slot{width:min(60rem, calc(100% - 2 * var(--deck-gutter)));height:min(27rem,56vh);position:absolute;top:50%;left:50%;translate:-50% -50%}.deck-slot span{border:1px solid color-mix(in srgb, var(--fg) 13%, transparent);width:1.25rem;height:1.25rem;position:absolute}.deck-slot span:first-child{border-bottom:0;border-right:0;border-radius:4px 0 0;top:0;left:0}.deck-slot span:nth-child(2){border-bottom:0;border-left:0;border-radius:0 4px 0 0;top:0;right:0}.deck-slot span:nth-child(3){border-top:0;border-left:0;border-radius:0 0 4px;bottom:0;right:0}.deck-slot span:nth-child(4){border-top:0;border-right:0;border-radius:0 0 0 4px;bottom:0;left:0}.deck-ring:after{content:"";background-color:color-mix(in srgb, var(--deck-accent) 60%, transparent);width:5px;height:5px;transition:background-color .9s var(--ease-standard);border-radius:50%;margin-left:-2.5px;position:absolute;top:-3px;left:50%}.deck-type{z-index:1;padding-inline:var(--deck-gutter);text-align:center;position:relative}.deck-type-in{max-width:46rem;margin-inline:auto}.deck-h,.deck-lede{transform-origin:50%}@media (min-width:48rem){.deck-h{white-space:nowrap}}.deck-hint,.deck-slot{display:none}.deck-stack{z-index:2;padding:0 var(--deck-gutter);gap:3rem;margin:3rem 0 0;list-style:none;display:grid;position:relative}.deck-item{place-items:center;min-width:0;display:grid}.deck-card{isolation:isolate;border:1px solid var(--line);background:var(--surface);width:min(60rem,100%);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--fg) 7%, transparent), 0 40px 90px -38px #000000f2;border-radius:18px;position:relative}.deck-card:before{content:"";inset-inline:0;z-index:3;background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--accent) 80%, transparent) 20%, color-mix(in srgb, var(--accent) 80%, transparent) 80%, transparent);opacity:.75;border-radius:18px 18px 0 0;height:1px;position:absolute;top:0}.deck-link{color:inherit;border-radius:18px;gap:1.25rem;padding:1.125rem;text-decoration:none;display:grid}.deck-link:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.deck-media{--pc-phone-w:44%;--pc-phone-top:9%;border-radius:14px}.deck-body{flex-direction:column;gap:.75rem;min-width:0;display:flex}.deck-meta{flex-wrap:wrap;align-items:center;gap:.5rem .75rem;display:flex}.deck-tags{flex-wrap:wrap;gap:.375rem;display:flex}.deck-tag{border:1px solid var(--line);color:var(--muted);letter-spacing:.1em;text-transform:uppercase;border-radius:999px;padding:.25rem .5rem;font-size:.6875rem;line-height:1}.deck-cta{color:var(--muted);transition:color var(--duration-base,.35s) var(--ease-out-quad);align-items:center;gap:.5rem;display:inline-flex}.deck-cta i{color:var(--accent);transition:transform var(--duration-base,.35s) var(--ease-out-quad);font-style:normal;display:inline-block}.deck-link:hover .deck-cta,.deck-link:focus-visible .deck-cta{color:var(--fg)}.deck-link:hover .deck-cta i,.deck-link:focus-visible .deck-cta i{transform:translate(.25rem)}.deck-veil{z-index:4;background:var(--bg);opacity:0;pointer-events:none;border-radius:18px;position:absolute;inset:0}@media (min-width:40rem){.deck-link{padding:1.375rem}}@media (min-width:64rem){.deck-link{grid-template-columns:1.3fr 1fr;align-items:center;gap:1.75rem;padding:1.5rem}}.deck-hud{display:none}@media screen and (prefers-reduced-motion:no-preference){.deck[data-deck=on]{height:calc(100svh + var(--deck-lead) + (var(--deck-count) * var(--deck-step)) + var(--deck-tail));padding-block:0}.deck[data-deck=on] .deck-stage{place-items:center;height:100svh;display:grid;position:sticky;top:0;overflow:clip}.deck[data-deck=on] .deck-type{place-items:center;display:grid;position:absolute;inset:0}.deck[data-deck=on] .deck-hint,.deck[data-deck=on] .deck-slot,.deck[data-deck=on] .deck-light+.deck-light{display:block}.deck[data-deck=on] .deck-veil{will-change:opacity}.deck[data-deck=on] .deck-stack{margin:0;padding:0;display:block;position:absolute;inset:0}.deck[data-deck=on] .deck-item{padding-inline:var(--deck-gutter);pointer-events:none;position:absolute;inset:0}.deck[data-deck=on] .deck-item[data-playing] .deck-card{pointer-events:auto}.deck[data-deck=on] .deck-card{will-change:transform;width:min(60rem,100%);transform:translateY(100vh)}@media (max-height:46rem) and (min-width:64rem){.deck[data-deck=on] .deck-card{width:min(52rem,100%)}.deck[data-deck=on] .deck-link{gap:1rem;padding:1rem}}@media (max-height:46rem) and (max-width:63.999rem){.deck[data-deck=on] .deck-media{aspect-ratio:auto;height:min(28vh,12rem)}.deck[data-deck=on] .deck-tags{display:none}.deck[data-deck=on] .deck-link{gap:.875rem;padding:.875rem}.deck[data-deck=on] .deck-body{gap:.5rem}}.deck[data-deck=on] .deck-hud{z-index:3;top:clamp(4.75rem,9vh,6.5rem);padding-inline:var(--deck-gutter);opacity:0;visibility:hidden;transition:opacity .5s var(--ease-standard), visibility .5s;align-items:center;gap:1rem;display:flex;position:absolute;inset-inline:0}.deck[data-deck=on] .deck-stage[data-phase=dealing] .deck-hud{opacity:1;visibility:visible}.deck[data-deck=on] .deck-stage[data-phase=dealing] .deck-type{pointer-events:none}.deck[data-deck=on] .deck-slot,.deck[data-deck=on] .deck-type-actions,.deck[data-deck=on] .deck-hint{transition:opacity .4s var(--ease-standard), visibility .4s}.deck[data-deck=on] .deck-stage[data-phase=dealing] .deck-slot,.deck[data-deck=on] .deck-stage[data-phase=dealing] .deck-type-actions,.deck[data-deck=on] .deck-stage[data-phase=dealing] .deck-hint{opacity:0;visibility:hidden}}.deck-count{min-width:4.5rem;color:var(--muted);letter-spacing:.14em;text-transform:uppercase;font-variant-numeric:tabular-nums;font-size:.6875rem}.deck-count b{color:var(--fg);font-weight:inherit}.deck-rail{background:var(--line);flex:1;height:1px;position:relative}.deck-rail span{background-color:var(--deck-accent,var(--accent));transition:background-color .9s var(--ease-standard);transform-origin:0;position:absolute;inset:0;transform:scaleX(0);-webkit-mask-image:linear-gradient(90deg,#0000004d,#000);mask-image:linear-gradient(90deg,#0000004d,#000)}@media (forced-colors:active){.deck-veil,.deck-orbs{display:none}}
