.preview{color:#1c1917;background:#f5f5f4;flex-direction:column;height:100dvh;font-family:system-ui,sans-serif;font-size:16px;line-height:1.5;display:flex;overflow:hidden}.preview-nav{background:#fff;border-bottom:1px solid #e7e5e4;flex:none;justify-content:space-between;align-items:center;gap:1rem;padding:.5rem 1rem;display:flex}.preview-nav button{width:2.5rem;height:2.5rem;color:inherit;cursor:pointer;background:#fff;border:1px solid #d6d3d1;border-radius:.5rem;font-size:1.25rem}.preview-nav button:hover:not(:disabled){background:#f5f5f4}.preview-nav button:disabled{opacity:.35;cursor:default}.preview-nav-label{text-align:center;flex-direction:column;align-items:center;min-width:0;display:flex}.preview-nav-count{color:#78716c;font-size:.8rem}.preview-campaign{flex-direction:column;flex:auto;min-height:0;display:flex}.preview-screen-area{background-position:50%;background-repeat:no-repeat;background-size:cover;flex:auto;min-height:0;overflow-y:auto}.preview-screen{box-sizing:border-box;flex-direction:column;gap:1.5rem;max-width:960px;min-height:100%;margin:0 auto;padding:clamp(1rem,4vw,1.5rem);display:flex}.preview-component{box-sizing:border-box;min-width:0;max-width:100%}.preview-component--wide{width:75%}.preview-component--half{width:50%}.preview-component--narrow{width:33.333%}.preview-component--content{width:fit-content}.preview-component--start{margin-inline:0 auto}.preview-component--center{margin-inline:auto}.preview-component--end{margin-inline:auto 0}.preview-component--space-sm{margin-top:.75rem}.preview-component--space-md{margin-top:1.5rem}.preview-component--space-lg{margin-top:3rem}@media (max-width:639px){.preview-component--hide-mobile{display:none}}@media (min-width:640px){.preview-component--hide-desktop{display:none}}.preview-status,.preview-empty,.preview-unknown{text-align:center;color:#78716c;padding:2rem}.preview-error{color:#b91c1c}::view-transition-old(.preview-swap-fade){animation:var(--preview-swap-duration,.25s) ease-out both preview-fade reverse}::view-transition-new(.preview-swap-fade){animation:var(--preview-swap-duration,.25s) ease-in both preview-fade}::view-transition-old(.preview-swap-slide-forward){animation:var(--preview-swap-duration,.25s) ease-in both preview-slide-out-left}::view-transition-new(.preview-swap-slide-forward){animation:var(--preview-swap-duration,.25s) ease-out both preview-slide-in-right}::view-transition-old(.preview-swap-slide-back){animation:var(--preview-swap-duration,.25s) ease-in both preview-slide-out-right}::view-transition-new(.preview-swap-slide-back){animation:var(--preview-swap-duration,.25s) ease-out both preview-slide-in-left}::view-transition-old(.preview-swap-slide-up){animation:var(--preview-swap-duration,.25s) ease-out both preview-fade reverse}::view-transition-new(.preview-swap-slide-up){animation:var(--preview-swap-duration,.25s) ease-out both preview-slide-in-up}@keyframes preview-fade{0%{opacity:0}to{opacity:1}}@keyframes preview-slide-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes preview-slide-in-left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes preview-slide-out-left{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes preview-slide-out-right{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes preview-slide-in-up{0%{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}::view-transition{pointer-events:none}@media (prefers-reduced-motion:reduce){::view-transition-old(*){animation-duration:0s!important;animation-delay:0s!important}::view-transition-new(*){animation-duration:0s!important;animation-delay:0s!important}::view-transition-group(*){animation-duration:0s!important;animation-delay:0s!important}}.preview-countdown-timer{font-variant-numeric:tabular-nums}.preview-video-player{width:100%;height:auto;aspect-ratio:var(--video-ratio);border:0;display:block}.preview-video-thumbnail{cursor:pointer;background:0 0;border:0;width:100%;padding:0;display:block;position:relative}.preview-video-thumbnail img{width:100%;height:auto;display:block}.preview-video-play{color:#fff;background:#000b;border-radius:.5rem;padding:.5rem 1rem;font-size:2rem;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.preview-video-modal{width:min(80vw, calc((100dvh - 5rem) * var(--video-ratio)));color:#fff;background:#111;border:0;max-width:80vw;max-height:calc(100dvh - 2rem);margin:auto;padding:0;position:fixed;inset:0;overflow:auto}.preview-video-modal::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#5559}.preview-video-close{cursor:pointer;color:#fff;background:#111;border:0;width:2.5rem;height:2.5rem;margin-left:auto;font-size:1.75rem;display:block}.preview-game-card{color:#fff;background:#fff;border-radius:.75rem;flex-direction:column;width:280px;max-width:100%;font-family:system-ui,sans-serif;font-weight:700;line-height:1.25;display:flex;overflow:hidden;box-shadow:0 1px 4px #0003}.preview-game-card-image{aspect-ratio:282/150;object-fit:cover;background:#e5e7eb;width:100%;height:auto;display:block}.preview-game-card-title{background:#4a90e2;flex:1;padding:.75rem 1rem;font-size:1.125rem}.preview-game-card-footer{font-size:1.25rem;display:flex}.preview-game-card-platform,.preview-game-card-price{justify-content:center;align-items:center;padding:.5rem;display:flex}.preview-game-card-platform{letter-spacing:.05em;background:#3aa757;flex:3}.preview-game-card-price{background:#e8632b;flex:2}.preview-game-card-empty{aspect-ratio:282/260;color:#6b7280;background:#f3f4f6;justify-content:center;align-items:center;font-weight:500}.preview-game-card-list{gap:1rem}.preview-game-card-list--flex{flex-wrap:wrap;display:flex}.preview-game-card-list--grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.preview-game-card-list--grid .preview-game-card{width:100%}.preview-game-card-carousel{--carousel-peek:2rem;--carousel-gap:1rem;position:relative}.preview-game-card-carousel-track{gap:var(--carousel-gap);overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--carousel-peek);padding-inline:var(--carousel-peek);scrollbar-width:none;display:flex;overflow-x:auto}.preview-game-card-carousel-track::-webkit-scrollbar{display:none}.preview-game-card-carousel-track .preview-game-card{width:calc((100% - (var(--carousel-items) - 1) * var(--carousel-gap)) / var(--carousel-items));scroll-snap-align:start;flex:none}.preview-game-card-carousel-button{z-index:1;color:#fff;cursor:pointer;background:#3aa757;border:0;width:3rem;height:3.5rem;font-size:2rem;line-height:1;position:absolute;top:50%;transform:translateY(-50%)}.preview-game-card-carousel-button:disabled{opacity:.35;cursor:default}.preview-game-card-carousel-button--prev{left:0}.preview-game-card-carousel-button--next{right:0}