.home-page{--home-card-height:var(--wrapped-showcase-height);--home-card-width:290px;--home-pack-width:var(--wrapped-pack-width);--home-controls-height:96px;background:radial-gradient(ellipse at 50% 44%,#e8c47707,transparent 56%),var(--bg)}.home-page .viewer-shell{padding-bottom:8px}.home-page .page-content{display:flex;flex-direction:column;justify-content:center;gap:16px;min-height:min-content;padding:16px 0 12px;overflow-x:clip}.home-page .home-hero{justify-items:center;text-align:center;gap:var(--wrapped-heading-gap);flex-shrink:0}.home-page .home-hero h1{max-width:none;font-size:var(--wrapped-title-size);letter-spacing:-.055em;line-height:1.08}.home-page .home-hero h1 span{color:var(--accent)}.home-page .home-hero>p{max-width:60ch;color:var(--muted);font-size:var(--wrapped-subtitle-size);line-height:1.5;text-wrap:balance}.home-showcase{display:flex;flex-direction:column;justify-content:center;min-height:min-content;margin:0;--home-preview-max-width:350px}.home-showcase[data-pack-zoom=false]{--home-card-width:min(var(--home-preview-max-width),calc(var(--home-viewport-width,100vw) - 48px),calc((var(--home-viewport-height,100dvh) - 48px)*63/88));--home-card-height:calc(var(--home-card-width)*88/63 + 16px);--home-pack-width:calc(var(--home-card-width)*22/21 + 12px);--recap-nozoom-card-width:var(--home-card-width)}.home-demo-selector{display:none}.home-packs{position:relative;display:grid;grid-template-columns:repeat(3,var(--home-card-width));align-items:start;justify-content:center;gap:42px;min-height:calc(var(--home-card-height) + var(--home-controls-height) + 66px);flex-shrink:0;width:100%;margin:0 auto}.home-open-hint{--home-hint-glow:#ffc759;position:absolute;top:calc(var(--home-card-height) + 40px);left:50%;translate:-50% 0;display:flex;align-items:center;gap:.5rem;white-space:nowrap;color:color-mix(in srgb,var(--home-hint-glow) 65%,var(--muted));font-size:.75rem;line-height:20px;pointer-events:none;opacity:0;transition:opacity .15s}.home-showcase[data-opening-hint=visible] .home-open-hint{opacity:1}.home-open-label{position:relative}.home-open-label:after{content:attr(data-text);position:absolute;inset:0;color:color-mix(in srgb,var(--home-hint-glow) 25%,#fff);clip-path:inset(0 100% 0 0);pointer-events:none}.home-showcase[data-pack-glow=silver] .home-open-hint{--home-hint-glow:#c7cce0}.home-showcase[data-pack-glow=platinum] .home-open-hint{--home-hint-glow:#80dbff}.home-showcase[data-pack-glow=diamond] .home-open-hint{--home-hint-glow:#c78cff}.home-showcase[data-pack-glow=random] .home-open-hint{--home-hint-glow:#ecebff}.home-showcase[data-pack-glow=bronze] .home-open-hint{--home-hint-glow:var(--accent)}.home-pack-slot{position:relative;min-width:0;padding-top:var(--home-offset);--home-offset:20px;--recap-pack-angle:-9deg}.home-pack-slot:nth-child(2){--home-offset:0px;--recap-pack-angle:3deg}.home-pack-slot:nth-child(3){--home-offset:28px;--recap-pack-angle:9deg}.home-pack-slot:focus{outline:none}.home-pack-slot:focus-within{z-index:3}.home-pack-mount{height:calc(var(--home-card-height) + var(--home-controls-height));position:relative;margin-top:32px}.home-pack-placeholder{position:absolute;left:50%;top:calc(var(--home-card-height)/2);translate:-50% -50%;width:var(--home-pack-width);aspect-ratio:3/4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;border:1px solid var(--line);background:linear-gradient(120deg,#111a29,#293243,#111a29);rotate:var(--recap-pack-angle);box-shadow:0 18px 35px #0006}.home-pack-placeholder{visibility:hidden}.home-pack-placeholder>span{font-size:.6rem;color:var(--muted)}.home-pack-mount>.recap-pack-scene{height:var(--home-card-height);min-height:0;gap:0;padding:0;overflow:visible;justify-content:center}.home-pack-mount .recap-pack-scene>.eyebrow,.home-pack-mount .recap-pack-title,.home-pack-mount .recap-pack-count,.home-pack-mount .recap-pack-instruction{display:none}.home-pack-mount .recap-pack-stack{width:var(--home-pack-width);margin:0 auto}.home-pack-mount .recap-pack{transform:none}.home-pack-mount .recap-pack-skip:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.home-pack-mount .recap-pack-skip:focus{position:absolute;top:var(--home-card-height);z-index:4;background:var(--bg);padding:.4rem .6rem;font-size:.75rem}.home-pack-mount>.recap-ready-scene{position:relative;display:block;height:var(--home-card-height);min-height:0}.home-pack-mount .recap-deck-stage{width:100%;height:var(--home-card-height);max-width:100%;padding:0;min-height:0;margin:0 auto}.home-pack-mount .recap-deck{width:100%;max-width:100%;min-width:0;height:var(--home-card-height);aspect-ratio:auto;margin:0 auto}.home-pack-mount .recap-ready-hint{display:none}.home-demo-stage{position:relative;width:100%;height:var(--home-card-height);margin:0 auto}.home-demo-controls{height:var(--home-controls-height)}.home-demo-stage>.recap-deck-stage{position:absolute;left:50%;top:50%;display:grid;width:var(--home-preview-width,420px);height:var(--home-preview-height,586.67px);min-height:0;max-width:none;padding:0;transform:translate(-50%,-50%) scale(var(--home-preview-enter-scale,1));transform-origin:center}.home-demo-stage>.recap-deck-stage>.recap-deck{width:100%;height:100%;aspect-ratio:63/88}.home-demo-stage>.recap-summary-stage>.recap-deck{min-height:0;aspect-ratio:3/4}.home-demo-stage>.recap-ready-scene .recap-deck{animation:none}.home-demo-stage[data-expanded=true]>.recap-deck-stage{position:fixed;left:var(--home-preview-left);top:var(--home-preview-top);transform:none}.home-pack-slot[data-preview-expanded=true]{z-index:5}.home-demo-navigation{display:grid;grid-template-columns:auto 70px auto;justify-content:center;align-items:center;gap:8px;height:44px;margin:0}.home-demo-position,.home-demo-hint{color:var(--muted);font-size:.75rem;text-align:center}.home-demo-hint{display:grid;align-content:center;height:24px;line-height:1.4;margin:0}.home-page .home-demo-navigation button{background:none;color:var(--accent);border:0;font-size:.75rem;padding:.4rem .5rem;min-width:44px;min-height:44px}.home-demo-navigation button:disabled{color:var(--muted);cursor:default}.home-showcase[data-show-controls=false] .home-demo-controls{height:0}.home-showcase[data-show-controls=false] :is(.home-demo-position,.home-demo-hint){display:none}.home-showcase[data-show-controls=false] .home-demo-navigation{position:absolute;top:calc(var(--home-card-height) - 48px);left:50%;translate:-50% 0;z-index:4;grid-template-columns:repeat(2,auto);width:max-content;border-radius:8px;background:var(--bg)}.home-showcase[data-show-controls=false] .home-demo-navigation:not(:focus-within){width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.home-tier-board{position:relative;margin-top:calc(24px - var(--home-controls-height));width:100%;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.home-tier-board>p{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}.home-tier-board .tier-row{display:flex;flex-direction:column;gap:0;min-height:72px;border-radius:5px;overflow:hidden;background:var(--raised)}.home-page .home-tier-board .tier-label{min-height:28px;height:28px;padding:3px;border-left:0;border-top:2px solid var(--tier-color);border-radius:0;font-size:.78rem}.home-tier-board .tier-label:disabled{opacity:1;cursor:default}.home-tier-board .tier-cards{display:flex;flex-direction:column;flex-wrap:nowrap;gap:2px;min-height:44px;overflow:visible;padding:2px;border-radius:0}.home-tier-board .viewer-token{padding:3px;min-height:24px;width:100%;max-width:100%}.home-tier-board .viewer-token-name{font-size:.61rem;white-space:normal;overflow-wrap:anywhere}.home-tier-board .viewer-token-detail{display:none}.home-tier-board .viewer-token.is-dragging{opacity:1}.home-drag-cursor{position:absolute;left:50%;top:50%;width:18px;height:24px;filter:drop-shadow(0 2px 3px #000b)}.home-drag-cursor:before{content:"";position:absolute;inset:0;background:#fff;clip-path:polygon(0 0,100% 64%,59% 69%,80% 94%,63% 100%,43% 75%,16% 100%)}.home-start{display:grid;justify-items:center;gap:8px;text-align:center;flex-shrink:0}.home-start>.primary{min-width:230px;padding:.8rem 1.4rem;box-shadow:0 4px 22px #e8c47710}.home-viewer-note{max-width:100%;margin:0;color:var(--muted);font-size:.75rem;line-height:1.5;text-wrap:balance}@media(prefers-reduced-motion:no-preference){.home-showcase[data-opening-hint=visible] .home-open-label:after{animation:home-hint-light 3.8s .5s ease-out infinite}@keyframes home-hint-light{0%{clip-path:inset(0 100% 0 0);opacity:0}11.842%{clip-path:inset(0 65% 0 0);opacity:1}30.789%{clip-path:inset(0 0 0 65%);opacity:1}47.368%,to{clip-path:inset(0 0 0 100%);opacity:0}}.home-demo-stage[data-expanded=true][data-preview-motion=true]>.recap-deck-stage{animation:home-preview-expand .32s cubic-bezier(.2,.7,.3,1) both}@keyframes home-preview-expand{0%{transform:translate(var(--home-preview-enter-x),var(--home-preview-enter-y)) scale(var(--home-preview-enter-scale))}to{transform:none}}.home-pack-mount>.recap-ready-scene .recap-deck{animation:home-deck-arrive .45s cubic-bezier(.2,.7,.3,1) both}@keyframes home-deck-arrive{0%{translate:var(--recap-arrive-x,0px) var(--recap-arrive-y,0px);scale:var(--recap-arrive-scale,1) var(--recap-arrive-scale-y,var(--recap-arrive-scale,1))}to{translate:0 0;scale:1}}}@media(min-width:1024px)and (max-width:1150px){.home-page{--home-card-width:270px}}@media(min-width:1024px){.home-packs{grid-template-columns:repeat(3,calc(var(--home-pack-width)*1.075));column-gap:0}.home-pack-slot{width:var(--home-card-width);justify-self:center}.home-pack-slot:first-child{--recap-pack-angle:-11deg}.home-pack-slot:nth-child(2){left:calc(var(--home-pack-width)*.035)}.home-pack-slot:nth-child(3){--recap-pack-angle:11deg}.home-pack-slot[data-phase=pack]{pointer-events:none}.home-pack-slot[data-phase=pack]:nth-child(2){z-index:1}.home-pack-slot[data-phase=pack] :is(.recap-pack-stack,.recap-pack-skip){pointer-events:auto}.home-pack-slot[data-phase=pack]:is(:hover,:focus-within){z-index:3}}@media(min-width:1340px){.home-page{--home-controls-height:44px}.home-showcase[data-show-controls=false]{--home-controls-height:24px}.home-tier-board{position:absolute;left:calc(100% + 26px);top:calc(var(--home-offset) + 32px + var(--home-card-height)/2);translate:0 -50%;margin:0;width:clamp(120px,calc((100vw - 954px)/2 - 70px),280px);grid-template-columns:minmax(0,1fr)}.home-tier-board .tier-row{display:grid;grid-template-columns:32px minmax(0,1fr);min-height:56px}.home-page .home-tier-board .tier-label{height:auto;min-height:56px;border-top:0;border-left:2px solid var(--tier-color)}.home-tier-board .tier-cards{flex-direction:row;flex-wrap:wrap;gap:4px;min-height:56px}.home-tier-board .viewer-token{width:auto}.home-tier-board .viewer-token-name{font-size:.7rem}}@media(max-width:1023px){.home-page{--home-pack-width:min(210px, calc((100vw - 64px)*.42) );--home-card-height:calc(var(--home-pack-width)*1.6)}.home-page .viewer-shell{padding-bottom:6px}.home-page .page-content{gap:12px;padding:14px 0 10px}.home-packs{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;width:min(calc(100% - 64px),calc(var(--home-pack-width)*2.1));min-height:calc(var(--home-card-height) + var(--home-controls-height))}.home-open-hint{top:calc(var(--home-card-height) + 4px)}.home-pack-slot{--home-offset:0px!important;--recap-pack-angle:-6deg;-webkit-tap-highlight-color:transparent}.home-pack-slot:nth-child(2){--recap-pack-angle:0deg}.home-pack-slot:nth-child(3){--recap-pack-angle:6deg}.home-pack-slot[data-phase=pack]{pointer-events:none}.home-pack-slot[data-phase=pack]:nth-child(2){z-index:1}.home-pack-slot[data-phase=pack] :is(.recap-pack-stack,.recap-pack-skip){pointer-events:auto}.home-pack-slot[data-phase=pack]:is(:hover,:focus-within){z-index:3}.home-pack-mount{margin-top:0}.home-pack-mount .recap-pack-stack{margin-inline:0}.home-showcase:not([data-pack-zoom=false]) .home-tier-board{width:calc(300% + 64px);margin-left:calc(-200% - 32px)}.home-tier-board{margin-top:calc(8px - var(--home-controls-height))}.home-page .home-tier-board .tier-label{height:44px;min-height:44px}}@media(max-width:599px){.home-page .viewer-shell{padding-bottom:4px}.home-page .home-hero h1{max-width:18ch}.home-page .page-content{gap:12px;padding:8px 0 4px}.home-start>.primary{padding:.7rem 1rem}}@media(max-height:800px)and (min-width:1024px){.home-page .page-content{gap:6px;padding:10px 0 8px}.home-start{gap:5px}.home-start>.primary{padding:.65rem 1.25rem}}@media(max-width:1023px)and (max-height:740px){.home-page .viewer-shell{padding-bottom:0}.home-page .page-content{gap:6px;padding:4px 0 6px}.home-page .home-hero h1{max-width:none}[data-home-pack=tierlist] .home-demo-hint{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}.home-start{gap:5px}.home-start>.primary{padding:.6rem 1rem}}@media(min-width:1340px){.home-page .page-content{--home-effect-gutter:clamp(0px, calc((100vw - 1184px)/2) ,208px);margin-inline:calc(-1*var(--home-effect-gutter));padding-inline:var(--home-effect-gutter)}.home-showcase[data-pack-zoom=false] .home-packs{grid-template-columns:repeat(3,var(--home-card-width))}}@media(max-width:1339px){.home-showcase[data-pack-zoom=false] .home-packs{grid-template-columns:minmax(0,var(--home-card-width));width:100%;min-height:calc(var(--home-card-height) + var(--home-controls-height))}.home-showcase[data-pack-zoom=false] .home-pack-slot{--home-offset:0px!important;--recap-pack-angle:0deg;left:auto}.home-showcase[data-pack-zoom=false] .home-pack-mount{margin-top:0}.home-showcase[data-pack-zoom=false] .home-open-hint{top:calc(var(--home-card-height) + 4px)}}@media(min-width:1024px)and (max-width:1339px){.home-showcase[data-pack-zoom=false][data-selected=channel] [data-home-pack]:not([data-home-pack=channel]),.home-showcase[data-pack-zoom=false][data-selected=viewer] [data-home-pack]:not([data-home-pack=viewer]),.home-showcase[data-pack-zoom=false][data-selected=tierlist] [data-home-pack]:not([data-home-pack=tierlist]){display:none}.home-showcase[data-pack-zoom=false] .home-demo-selector{display:flex;justify-content:center;gap:4px;margin:0 0 6px}.home-showcase[data-pack-zoom=false] .home-demo-selector button{min-height:40px;padding:.4rem .85rem;background:none;border:1px solid transparent;border-radius:20px;font-size:.78rem;color:var(--muted);font-weight:500}.home-showcase[data-pack-zoom=false] .home-demo-selector button[aria-pressed=true]{border-color:var(--line);background:var(--surface);color:var(--accent)}}