:root{--fanbook-hero-title-size:clamp(1.9375rem, 1.48rem + 1.05vw, 2.625rem);--fanbook-hero-subtitle-size:clamp(.9375rem, .84rem + .36vw, 1.0625rem);--fanbook-hero-hint-size:var(--fanbook-hero-subtitle-size)}.page{--bg-top:#060609;--bg-bottom:#030304;--base:#fafbff;--muted:#ffffffad;--muted-2:#fff6;--panel:#0d101ccc;--panel-edge:#ff4e6640;--shadow:0 28px 60px #000000a6;--ring:#ff4e6640;--accent:#ff3d55;--accent-2:#ff6258;--transition:.45s ease;--cycle:1.6s;box-sizing:border-box;color:var(--base);--cw:100cqw;--ch:100svh;--hero-title-size:var(--fanbook-hero-title-size);--hero-subtitle-size:var(--fanbook-hero-subtitle-size);--gallery-gap:clamp(0rem, calc(var(--cw) * .002), .12rem);--top-gallery-headroom:clamp(16px, calc(var(--ch) * .05), 44px);--top-gallery-safe-top:clamp(8px, calc(var(--ch) * .02), 20px);--top-gallery-side:clamp(44px, 11vw, 120px);--top-card-w:clamp(144px, 38vw, 224px);--top-card-h:clamp(210px, 56vw, 340px);--top-card-center-w:clamp(164px, 43vw, 254px);--top-card-center-h:clamp(236px, 62vw, 386px);--selector-panel-h:clamp(118px, 34vw, 154px);--selector-overlap:clamp(28px, 10vw, 46px);--selector-card-w:clamp(78px, 23vw, 92px);--selector-card-h:clamp(104px, 30vw, 122px);--selector-card-center-w:clamp(106px, 30vw, 126px);--selector-card-center-h:clamp(138px, 40vw, 166px);--selector-gap-x:6px;--selector-extra-shift:6px;--selector-card-border-width:2px;--selector-card-border-color:#9ca3af;--selector-far-opacity:.2;--selector-center-scale:1.22;--selector-small-scale:1;--selector-small-w-effective:calc(var(--selector-card-w) * var(--selector-small-scale));--selector-center-w-effective:calc(var(--selector-card-center-w) * var(--selector-center-scale));--card-shift-near:calc((var(--selector-center-w-effective) * .36) + (var(--selector-small-w-effective) * .5) + var(--selector-gap-x) + var(--selector-extra-shift));--card-shift-far:calc(var(--card-shift-near) + var(--selector-small-w-effective) + var(--selector-gap-x) + var(--selector-extra-shift));width:100%;height:auto;min-height:fit-content;padding:0 0 var(--selector-overlap);flex-direction:column;justify-content:flex-start;align-items:center;gap:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex;container-type:inline-size}.page,.page *,.page :before,.page :after{box-sizing:border-box}.hero{text-align:center;z-index:20;width:100%;max-width:100%;margin-top:0;margin-bottom:0;padding:clamp(18px,3.8vw,38px) .5rem clamp(6px,1.2vw,14px);position:relative}.hero__title{font-size:var(--hero-title-size);letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;color:#000;text-shadow:none;-moz-text-size-adjust:100%;text-size-adjust:100%;margin:0;font-weight:800;line-height:1.08;overflow:hidden}.hero__subtitle{max-width:620px;font-size:var(--hero-subtitle-size);letter-spacing:.01em;white-space:nowrap;text-overflow:ellipsis;color:#000;-moz-text-size-adjust:100%;text-size-adjust:100%;margin:clamp(6px,1.05vw,11px) auto 0;line-height:1.6;overflow:hidden}.dark .hero__title,.dark .hero__subtitle{color:#fff}.selector-panel{margin:calc(-1 * var(--selector-overlap)) 0 0;z-index:10;perspective:1000px;width:100%;max-width:100%;height:var(--selector-panel-h);background:#fff;border-radius:0;justify-content:center;align-items:center;padding:0;display:flex;position:relative;overflow:clip visible;box-shadow:inset 0 22px 36px #fffffff5,0 -30px 68px #fffffff0,0 0 42px #ffffffc7,0 14px 34px #ffffff6b}.selector-panel:before{content:"";pointer-events:none;z-index:2;background:#fff;height:24px;position:absolute;top:0;left:0;right:0;box-shadow:0 -18px 44px #fffffffa,0 6px 18px #ffffffbd}.dark .selector-panel{background:#000;box-shadow:inset 0 22px 36px #000000fa,0 -30px 68px #000000eb,0 0 34px #000000bd,0 14px 34px #00000094}.dark .selector-panel:before{background:#000;box-shadow:0 -18px 44px #000000fa,0 6px 18px #000000c7}.dark .page{--selector-card-border-color:#a1a1aa}@media (min-width:601px){.page{--top-gallery-headroom:clamp(8px, calc(var(--ch) * .032), 26px);--top-gallery-safe-top:clamp(4px, calc(var(--ch) * .012), 12px)}.hero{padding:clamp(20px,3.2vw,40px) .5rem clamp(16px,2.2vw,28px)}.hero__subtitle{margin:clamp(6px,.8vw,10px) auto 0;line-height:1.55}}@media (max-height:640px){.selector-panel{margin-top:auto}}.top-gallery{place-items:flex-end center;gap:var(--gallery-gap);margin-top:0;margin-bottom:0;margin-left:calc(-1 * var(--top-gallery-side));margin-right:calc(-1 * var(--top-gallery-side));padding-top:calc(var(--top-gallery-headroom) + var(--top-gallery-safe-top));padding-left:var(--top-gallery-side);padding-right:var(--top-gallery-side);perspective:900px;z-index:8;box-sizing:border-box;width:calc(100% + 2 * var(--top-gallery-side));grid-template-columns:repeat(3,minmax(0,1fr));min-width:0;min-height:0;display:grid;position:relative;overflow:hidden}.top-card{width:var(--top-card-w);height:var(--top-card-h);border-radius:clamp(8px, calc(var(--ch) * .024), 18px);border:var(--selector-card-border-width) solid var(--selector-card-border-color);transform-origin:bottom;transition:box-shadow var(--transition);opacity:1;will-change:transform, opacity;flex:none;display:block;position:relative;overflow:hidden;box-shadow:0 10px 20px #00000047}.top-card__image{object-fit:cover;object-position:top center;opacity:0;pointer-events:none;width:100%;height:100%;transition:opacity .8s;display:block;position:absolute;inset:0}.top-card__image.is-visible{opacity:1}.top-card.tilt-left{--base-transform:rotate(-16deg) translateX(64px) translateY(22px);transform:var(--base-transform)}.top-card.center-card{width:var(--top-card-center-w);height:var(--top-card-center-h);--base-transform:translateY(clamp(-10px, calc(var(--ch) * -.02), -4px));transform:var(--base-transform);z-index:3}.top-card.tilt-right{--base-transform:rotate(16deg) translateX(-64px) translateY(22px);transform:var(--base-transform)}.top-card.center-card.active,.top-card.active{box-shadow:0 8px 16px #ff4e661a}.top-card.center-card.active{transform:translateY(clamp(-10px, calc(var(--ch) * -.02), -4px))}@keyframes cardPulseLeft{0%{transform:var(--base-transform) scale(1)}40%{transform:var(--base-transform) scale(1.05)}70%{transform:var(--base-transform) scale(1.02)}to{transform:var(--base-transform) scale(1)}}@keyframes cardPulseCenter{0%{transform:var(--base-transform) scale(1)}40%{transform:var(--base-transform) scale(1.07)}to{transform:var(--base-transform) scale(1)}}@keyframes cardPulseRight{0%{transform:var(--base-transform) scale(1)}40%{transform:var(--base-transform) scale(1.05)}70%{transform:var(--base-transform) scale(1.02)}to{transform:var(--base-transform) scale(1)}}.top-card--animate.tilt-left{animation:.65s ease-out 50ms cardPulseLeft}.top-card--animate.center-card{animation:.7s ease-out .18s cardPulseCenter}.top-card--animate.tilt-right{animation:.65s ease-out .32s cardPulseRight}.selector-carousel{width:100%;height:var(--selector-card-h);z-index:5;touch-action:manipulation;margin:0 auto;display:block;position:relative;overflow:visible}.selector-card{width:var(--selector-card-w);height:var(--selector-card-h);border-radius:clamp(8px, calc(var(--ch) * .022), 15px);border:var(--selector-card-border-width) solid var(--selector-card-border-color);cursor:pointer;opacity:.5;transform-origin:50%;backface-visibility:hidden;will-change:transform, opacity;padding:0;transition:opacity .4s;display:block;position:absolute;top:50%;bottom:auto;left:50%;overflow:hidden;transform:translate(-50%,-50%)scale(1)}.selector-card--left,.selector-card--right,.selector-card--center{transition:transform .62s cubic-bezier(.22,1,.36,1),opacity .4s}.selector-card--hidden{opacity:0;pointer-events:none;visibility:hidden;z-index:0;display:block}.selector-card--far-left{opacity:var(--selector-far-opacity);transform:translate3d(calc(-50% - var(--card-shift-far)), -50%, 0) scale(1)}.selector-card--left{opacity:.5;transform:translate3d(calc(-50% - var(--card-shift-near)), -50%, 0) scale(1)}.selector-card--center{opacity:1;transform:translate3d(-50%, calc(-50% - 12px), 0) scale(var(--selector-center-scale));z-index:20;border:var(--selector-card-border-width) solid var(--selector-card-border-color);box-shadow:0 2px 5px var(--card-theme,#ff4b6924), 0 0 3px var(--card-theme,#ff4b6914);transition:transform .62s cubic-bezier(.22,1,.36,1),opacity linear}.selector-card--right{opacity:.5;transform:translate3d(calc(-50% + var(--card-shift-near)), -50%, 0) scale(1)}.selector-card--far-right{opacity:var(--selector-far-opacity);transform:translate3d(calc(-50% + var(--card-shift-far)), -50%, 0) scale(1)}.selector-card--far-left,.selector-card--far-right{transition-property:opacity,box-shadow,border-color;transition-duration:.22s,.35s,.35s;transition-timing-function:ease,ease,ease}.selector-card--hidden{transition:opacity .2s}.selector-thumb{object-fit:cover;object-position:top;pointer-events:none;border-radius:0;width:100%;height:100%;display:block;position:absolute;inset:0}@media (max-width:600px){.page{--gallery-gap:0rem;--top-gallery-headroom:clamp(16px, calc(var(--ch) * .05), 42px);--top-gallery-safe-top:clamp(4px, calc(var(--ch) * .012), 12px);--top-gallery-side:clamp(28px, 8vw, 60px);--top-card-w:clamp(124px, 38vw, 172px);--top-card-h:clamp(192px, 59vw, 286px);--top-card-center-w:clamp(142px, 44vw, 202px);--top-card-center-h:clamp(214px, 66vw, 330px);--selector-panel-h:clamp(118px, 34vw, 154px);--selector-overlap:clamp(28px, 10vw, 46px);--selector-card-w:clamp(78px, 23vw, 92px);--selector-card-h:clamp(104px, 30vw, 122px);--selector-card-center-w:clamp(106px, 30vw, 126px);--selector-card-center-h:clamp(138px, 40vw, 166px);--selector-gap-x:6px;--selector-extra-shift:6px;--selector-center-scale:1.22;--selector-small-scale:1;--selector-small-w-effective:calc(var(--selector-card-w) * var(--selector-small-scale));--selector-center-w-effective:calc(var(--selector-card-center-w) * var(--selector-center-scale));--card-shift-near:calc((var(--selector-center-w-effective) * .36) + (var(--selector-small-w-effective) * .5) + var(--selector-gap-x) + var(--selector-extra-shift));--card-shift-far:calc(var(--card-shift-near) + var(--selector-small-w-effective) + var(--selector-gap-x) + var(--selector-extra-shift));padding:0}.hero{margin-top:0;padding:clamp(24px,6.8vw,40px) .5rem clamp(8px,2.6vw,16px)}.hero__title{letter-spacing:-.015em}.hero__subtitle{margin-top:clamp(6px, calc(var(--ch) * .012), 10px);line-height:1.42}.top-gallery{margin-top:0;margin-bottom:0}.top-card.center-card{--base-transform:translateY(clamp(-10px, calc(var(--ch) * -.02), -4px))}.top-card.center-card.active{transform:translateY(clamp(-10px, calc(var(--ch) * -.02), -4px))}.top-card.tilt-left{--base-transform:rotate(-14deg) translateX(24px) translateY(16px);transform:var(--base-transform)}.top-card.tilt-right{--base-transform:rotate(14deg) translateX(-24px) translateY(16px);transform:var(--base-transform)}.selector-panel{height:var(--selector-panel-h)}.selector-carousel{height:var(--selector-card-h)}.selector-card{width:var(--selector-card-w);height:var(--selector-card-h);will-change:transform, opacity;opacity:.5;transition:opacity .4s;position:absolute;top:50%;bottom:auto;left:50%;transform:translate(-50%,-50%)scale(1)}.selector-card--left,.selector-card--right,.selector-card--center{transition:transform .62s cubic-bezier(.22,1,.36,1),opacity .4s}.selector-card--left{transform:translate3d(calc(-50% - var(--card-shift-near)), -50%, 0) scale(1);opacity:.5}.selector-card--right{transform:translate3d(calc(-50% + var(--card-shift-near)), -50%, 0) scale(1);opacity:.5}.selector-card--far-left{opacity:var(--selector-far-opacity);transform:translate3d(calc(-50% - var(--card-shift-far)), -50%, 0) scale(1)}.selector-card--far-right{opacity:var(--selector-far-opacity);transform:translate3d(calc(-50% + var(--card-shift-far)), -50%, 0) scale(1)}.selector-card--center{transform:translate3d(-50%, calc(-50% - 12px), 0) scale(var(--selector-center-scale));opacity:1}.selector-card--hidden{opacity:0;pointer-events:none;visibility:hidden;z-index:0;display:block;transform:translate(-50%,-50%)scale(1)}}