.spotlight{position:relative;height:100%}.spotlight-halo{position:absolute;top:-30%;right:-10%;bottom:-30%;left:-10%;z-index:-1;pointer-events:none;opacity:.7;background:radial-gradient(ellipse 50% 50% at 50% 55%,rgb(251 191 36 / .38) 0%,rgb(251 191 36 / .18) 45%,rgb(251 191 36 / .06) 68%,transparent 80%);transition:opacity .5s ease-out}.spotlight-halo[data-lit]{opacity:1}#start-card{--spotlight-radius: 22px}@media (min-width: 640px){#start-card{--spotlight-radius: 26px}}.spotlight-card{position:relative;display:flex;flex-direction:column;height:100%;overflow:hidden;overflow:clip;border-radius:var(--spotlight-radius);background:#030712;box-shadow:0 40px 100px #000000bf,0 12px 30px #00000080,inset 0 1px #ffffff12,0 0 0 1px #fbbf2440}.spotlight-pad{padding-inline:16px}.spotlight-head{display:flex;flex-shrink:0;align-items:center;gap:10px;height:68px;border-bottom:1px solid rgb(255 255 255 / .06)}.spotlight-title{font-size:17px;line-height:28px}.spotlight-slot{width:22px}.spotlight-pick-title{font-size:18px;line-height:24px}.spotlight-scrim{background:linear-gradient(to bottom,#030712e0,#03071273 40%,#0307128c 58%,#030712f0)}.spotlight-fan{position:absolute;left:50%;top:0;width:110px;transform:translate(calc(-50% + var(--fan-x)),var(--fan-y)) rotate(var(--fan-r));transform-origin:50% 100%;filter:saturate(.7)}.spotlight-fan-dim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;pointer-events:none;background:radial-gradient(ellipse 34% 62% at 50% 26%,#030712f0,#030712cc 45%,#03071200),radial-gradient(ellipse 40% 55% at 50% 0%,#fbbf241a,#fbbf2400 70%),linear-gradient(to right,#030712,#03071200 14%,#03071200 86%,#030712),linear-gradient(to bottom,#03071200 55%,#030712d9)}@media (min-width: 640px){.spotlight-pad{padding-inline:24px}.spotlight-head{gap:20px;height:78px}.spotlight-title{font-size:24px;line-height:32px}.spotlight-slot{width:30px}.spotlight-pick-title{font-size:22px;line-height:28px}.spotlight-scrim{background:linear-gradient(to right,#030712eb,#030712b3 38%,#0307121a 75%),linear-gradient(to top,rgb(3 7 18 / .85),transparent 60%)}.spotlight-fan{width:156px}}@media (min-width: 1024px){.spotlight-pad{padding-inline:28px}.spotlight-head{height:90px}.spotlight-title{font-size:28px;line-height:36px}.spotlight-slot{width:38px}.spotlight-pick-title{font-size:28px;line-height:34px}.spotlight-fan{width:192px}}@media (min-width: 1024px) and (max-height: 820px){.spotlight-head{height:82px}.spotlight-slot{width:34px}.spotlight-pick-title{font-size:24px;line-height:30px}.spotlight-fan{width:168px}}@media (min-width: 1600px) and (min-height: 1000px){.spotlight-fan{width:200px}}.spotlight-layer{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transform:translateY(12px);transition:opacity .3s ease-out,transform .3s ease-out}.spotlight-layer[data-from=up]{transform:translateY(-12px)}.spotlight-layer[data-on]{opacity:1;transform:none}.loved-lift{position:relative;transition:transform .25s cubic-bezier(.2,.8,.2,1),opacity .2s ease-out}@media (hover: hover){.loved-toggle:not([data-off]):hover .loved-lift{transform:translateY(-3px)}}.loved-toggle:not([data-off]):active .loved-lift{transform:scale(.96)}.loved-toggle[data-on] .loved-lift,.loved-toggle[data-on]:hover .loved-lift{transform:translateY(-6px)}.loved-toggle[data-off] .loved-lift{opacity:.4}.loved-ring{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;z-index:32;border-radius:12px;border:3px solid #fbbf24;box-shadow:0 0 18px #fbbf2480;opacity:0;transform:scale(1.06);transition:opacity .18s ease-out,transform .25s cubic-bezier(.2,1.4,.4,1);pointer-events:none}.loved-toggle[data-on] .loved-ring{opacity:1;transform:none}.loved-badge{position:absolute;right:-7px;top:-7px;z-index:33;display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:9999px;background:#fbbf24;color:#111827;box-shadow:0 3px 10px #00000080;opacity:0;transform:scale(.4);transition:opacity .15s ease-out,transform .3s cubic-bezier(.2,1.5,.4,1);pointer-events:none}.loved-toggle[data-on] .loved-badge{opacity:1;transform:none}.loved-tap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;border-radius:8px;cursor:pointer;outline:none}.loved-tap:focus-visible{box-shadow:0 0 0 2px #fbbf24}.loved-info{transition:opacity .15s ease-out}@media (hover: hover){.loved-info{opacity:0}.loved-toggle:hover .loved-info,.loved-info:focus-visible{opacity:1}}.spotlight-dim .loved-lift{opacity:.55}@media (hover: hover){.spotlight-dim:hover .loved-lift{opacity:.9}}.spotlight-dim:focus-within .loved-lift{opacity:.9}@keyframes spotlight-in{0%{opacity:0;transform:translateY(10px)}}.spotlight-in{animation:spotlight-in .35s cubic-bezier(.2,.8,.2,1) both}@keyframes spotlight-fade{0%{opacity:0}}.spotlight-fade{animation:spotlight-fade .45s ease-out both}@keyframes spotlight-drop{0%{opacity:0;transform:translateY(-40%) scale(1.3)}}.spotlight-drop{animation:spotlight-drop .4s cubic-bezier(.2,1.3,.4,1) both}@keyframes spotlight-roll{40%{transform:rotate(200deg) scale(.82)}to{transform:rotate(360deg)}}.spotlight-roll{animation:spotlight-roll .5s cubic-bezier(.3,.7,.3,1)}@media (prefers-reduced-motion: reduce){.spotlight-in,.spotlight-fade,.spotlight-drop,.spotlight-roll{animation:none}.spotlight-layer,.spotlight-layer[data-from=up]{transform:none}}.start-also{container:start-also / inline-size;margin-inline:auto}.start-also-box{--poster-w: calc( (100cqw - 2 * var(--poster-p) - (var(--poster-n) - 1) * var(--poster-g)) / var(--poster-n) )}.start-also-c{flex-shrink:0;width:var(--poster-w)}.start-also-row{margin-inline:calc(var(--poster-p) - var(--poster-e));padding-inline:var(--poster-e);gap:var(--poster-g);scroll-padding-inline:var(--poster-e)}.start-also{max-width:none}.start-also-box{--poster-n: 1;--poster-g: 8px;--poster-p: 4px;--poster-e: 4px}@container start-also (min-width: 54.5px){.start-also-box{--poster-n: 2}}@container start-also (min-width: 108.5px){.start-also-box{--poster-n: 3}}@container start-also (min-width: 162.5px){.start-also-box{--poster-n: 4}}@container start-also (min-width: 216.5px){.start-also-box{--poster-n: 5}}@container start-also (min-width: 270.5px){.start-also-box{--poster-n: 6}}@container start-also (min-width: 324.5px){.start-also-box{--poster-n: 7}}@container start-also (min-width: 378.5px){.start-also-box{--poster-n: 8}}@container start-also (min-width: 432.5px){.start-also-box{--poster-n: 9}}@container start-also (min-width: 486.5px){.start-also-box{--poster-n: 10}}@container start-also (min-width: 540.5px){.start-also-box{--poster-n: 11}}@container start-also (min-width: 594.5px){.start-also-box{--poster-n: 12}}@media (min-width: 640px){.start-also{max-width:none}.start-also-box{--poster-n: 1;--poster-g: 12px;--poster-p: 4px;--poster-e: 4px}@container start-also (min-width: 98.5px){.start-also-box{--poster-n: 2}}@container start-also (min-width: 200.5px){.start-also-box{--poster-n: 3}}@container start-also (min-width: 302.5px){.start-also-box{--poster-n: 4}}@container start-also (min-width: 404.5px){.start-also-box{--poster-n: 5}}@container start-also (min-width: 506.5px){.start-also-box{--poster-n: 6}}@container start-also (min-width: 608.5px){.start-also-box{--poster-n: 7}}@container start-also (min-width: 710.5px){.start-also-box{--poster-n: 8}}@container start-also (min-width: 812.5px){.start-also-box{--poster-n: 9}}@container start-also (min-width: 914.5px){.start-also-box{--poster-n: 10}}@container start-also (min-width: 1016.5px){.start-also-box{--poster-n: 11}}@container start-also (min-width: 1118.5px){.start-also-box{--poster-n: 12}}}@media (min-width: 1024px){.start-also{max-width:none}.start-also-box{--poster-n: 1;--poster-g: 12px;--poster-p: 4px;--poster-e: 4px}@container start-also (min-width: 104.5px){.start-also-box{--poster-n: 2}}@container start-also (min-width: 212.5px){.start-also-box{--poster-n: 3}}@container start-also (min-width: 320.5px){.start-also-box{--poster-n: 4}}@container start-also (min-width: 428.5px){.start-also-box{--poster-n: 5}}@container start-also (min-width: 536.5px){.start-also-box{--poster-n: 6}}@container start-also (min-width: 644.5px){.start-also-box{--poster-n: 7}}@container start-also (min-width: 752.5px){.start-also-box{--poster-n: 8}}@container start-also (min-width: 860.5px){.start-also-box{--poster-n: 9}}@container start-also (min-width: 968.5px){.start-also-box{--poster-n: 10}}@container start-also (min-width: 1076.5px){.start-also-box{--poster-n: 11}}@container start-also (min-width: 1184.5px){.start-also-box{--poster-n: 12}}}@media (min-width: 1800px){.start-also{max-width:none}.start-also-box{--poster-n: 1;--poster-g: 12px;--poster-p: 4px;--poster-e: 4px}@container start-also (min-width: 118.5px){.start-also-box{--poster-n: 2}}@container start-also (min-width: 240.5px){.start-also-box{--poster-n: 3}}@container start-also (min-width: 362.5px){.start-also-box{--poster-n: 4}}@container start-also (min-width: 484.5px){.start-also-box{--poster-n: 5}}@container start-also (min-width: 606.5px){.start-also-box{--poster-n: 6}}@container start-also (min-width: 728.5px){.start-also-box{--poster-n: 7}}@container start-also (min-width: 850.5px){.start-also-box{--poster-n: 8}}@container start-also (min-width: 972.5px){.start-also-box{--poster-n: 9}}@container start-also (min-width: 1094.5px){.start-also-box{--poster-n: 10}}@container start-also (min-width: 1216.5px){.start-also-box{--poster-n: 11}}@container start-also (min-width: 1338.5px){.start-also-box{--poster-n: 12}}}.tap-panel{--tap-px: 16px;--tap-head: 66px;position:relative;display:flex;flex-direction:column;height:100%;overflow:hidden;border-radius:24px;color:#fff;background:radial-gradient(ellipse 70% 90% at 12% -20%,color-mix(in srgb,var(--tap-hue) 14%,transparent),transparent 70%),linear-gradient(to bottom,#0a0e1af7,#030712fa);box-shadow:0 40px 100px #000000b3,0 12px 30px #00000080,inset 0 1px #ffffff14,0 0 0 1px #ffffff12}.tap-panel:before{content:"";position:absolute;inset:0 18% auto;z-index:3;height:1px;pointer-events:none;background:linear-gradient(to right,transparent,var(--tap-hue),transparent);opacity:.8}@media (min-width: 640px){.tap-panel{--tap-px: 24px;--tap-head: 78px}}.tap-head{position:relative;z-index:2;display:flex;flex:none;align-items:center;gap:10px;height:var(--tap-head);padding-inline:var(--tap-px)}.tap-words{flex:1;min-width:0}.tap-title-row{display:flex;align-items:center;gap:10px;min-width:0}.tap-title{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-family:Gabarito,ui-sans-serif,system-ui,sans-serif;font-size:19px;font-weight:900;line-height:1.1;letter-spacing:-.025em}.tap-die{display:inline-flex;flex:none;align-items:center;gap:6px;height:30px;padding:0 8px;border-radius:999px;cursor:pointer;font-size:13px;font-weight:700;color:#e5e7eb;background:#ffffff12;box-shadow:inset 0 0 0 1px #ffffff1f;outline:none}.tap-die svg{color:#fbbf24}.tap-die:hover{color:#fff;background:#fbbf2426}.tap-die:focus-visible{box-shadow:0 0 0 2px #fbbf24}.tap-die-label{display:none}.tap-line{display:flex;align-items:center;gap:10px;min-width:0;margin-top:6px;font-size:13px}.tap-chip{display:inline-flex;align-items:center;gap:7px;min-width:0;max-width:100%;height:24px;padding:0 10px 0 8px;border-radius:999px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:700;color:#fff;background:color-mix(in srgb,var(--tap-hue) 18%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tap-hue) 45%,transparent)}.tap-chip i{flex:none;width:8px;height:8px;border-radius:999px;background:var(--tap-hue);box-shadow:0 0 10px var(--tap-hue)}.tap-count{flex:none;color:#9ca3af}.tap-see{flex:none}.tap-progress{display:flex;flex:none;flex-direction:column;align-items:flex-end;gap:4px}.tap-hearts{display:flex;gap:2px}.tap-heart{width:17px;height:17px;color:#ffffff42}.tap-heart[data-on]{color:#fbbf24;filter:drop-shadow(0 0 6px rgb(251 191 36 / .6));animation:tap-pop .4s cubic-bezier(.2,1.6,.4,1)}@keyframes tap-pop{0%{transform:scale(.4)}}.tap-progress-text{display:none;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#9ca3af}@media (min-width: 640px){.tap-head{gap:14px}.tap-title{font-size:26px}.tap-die{padding:0 12px 0 9px}.tap-die-label{display:inline}.tap-hearts{gap:4px}.tap-heart{width:24px;height:24px}.tap-progress-text{display:block}}@media (min-width: 1024px){.tap-title{font-size:28px}}.tap-body{position:relative;flex:1;min-height:0}.tap-posters{position:absolute;top:0;right:0;bottom:0;left:0}.tap-row{display:flex;gap:12px;height:100%;padding:10px var(--tap-px) 46px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--tap-px);scrollbar-width:none;-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 48px),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 48px),transparent)}.tap-row::-webkit-scrollbar{display:none}@media (min-width: 640px){.tap-row{gap:16px;padding-bottom:18px}}.tap-c{flex:none;height:100%;aspect-ratio:2 / 3;scroll-snap-align:start;animation:tap-in .5s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(min(var(--i, 0),12)*30ms)}@keyframes tap-in{0%{opacity:0;transform:translateY(10px)}}.tap-all{display:flex;align-items:center;justify-content:center;border-radius:10px;box-shadow:inset 0 0 0 1px #ffffff1f}.tap-skel{height:100%;border-radius:10px;background:#1f2937cc;animation:tap-pulse 1.2s ease-in-out infinite}@keyframes tap-pulse{50%{opacity:.45}}.tap-dots{position:absolute;inset:auto 0 0;display:flex;align-items:center;justify-content:space-between;height:42px;padding:0 var(--tap-px) 8px}@media (min-width: 640px){.tap-dots{display:none}}.tap-message{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:0 24px;text-align:center;font-size:17px;font-weight:700}.tap-message button{height:38px;padding:0 18px;border-radius:999px;cursor:pointer;font-size:14px;font-weight:800;color:#030712;background:#fbbf24}@media (prefers-reduced-motion: reduce){.tap-c,.tap-skel,.tap-heart[data-on]{animation:none}}.tap-heart-undo{display:grid;place-items:center;border-radius:999px;cursor:pointer;outline:none}.tap-heart-undo:hover .tap-heart{opacity:.7}.tap-heart-undo:focus-visible{box-shadow:0 0 0 2px #fcd34d}