.movie-card-placeholder{max-width:175px;overflow:hidden;width:100%;aspect-ratio:2 / 3;background:#1a1a1a;border-radius:4px;position:relative}.movie-card-placeholder:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.03) 50%,transparent 100%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.movie-card{position:relative;overflow:hidden;border-radius:4px;box-shadow:0 4px 6px #0003;text-align:center;transition:all .3s ease;font-size:clamp(10px,1vw,8px);cursor:pointer;display:flex;max-width:145px;width:100%;aspect-ratio:2 / 3}.movie-card.loading{background:#1a1a1a}.movie-card.loading:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.03) 50%,transparent 100%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px;z-index:1;pointer-events:none}.movie-card.loading img{opacity:0}.movie-card img{width:100%;height:92%;border-radius:4px;display:block;transition:opacity .4s ease-in-out,filter .3s ease-in-out;opacity:1}.movie-year{--theme-color: #d4a04f;--s: 5px;--animation-timing: .3s;--pad: 1px;--border-radius: 2px;position:absolute;left:50%;bottom:1.3%;transform:translate(-50%);font-size:.85em;font-weight:600;color:#fff;background:#212121;padding:.1em .6em;border-radius:var(--border-radius);border:1px solid rgba(255,255,255,.2);z-index:100;transition:opacity .3s ease-in-out,background var(--animation-timing) ease,border-color var(--animation-timing) ease;letter-spacing:.5px;box-shadow:0 2px 8px #0006;box-sizing:border-box}.movie-year:before{content:"";position:absolute;box-sizing:border-box;top:0;left:0;right:0;bottom:0;margin:calc(-1 * var(--pad));padding:var(--pad);border:2px solid rgba(255,255,255,.2);border-radius:var(--border-radius);background:transparent content-box;mask:conic-gradient(#000 0 0) content-box,conic-gradient(at var(--s) var(--s),#0000 75%,#000 0) 0 0 / calc(100% - var(--s)) calc(100% - var(--s));-webkit-mask:conic-gradient(#000 0 0) content-box,conic-gradient(at var(--s) var(--s),#0000 75%,#000 0) 0 0 / calc(100% - var(--s)) calc(100% - var(--s));-webkit-mask-composite:xor;mask-composite:exclude;backface-visibility:hidden;pointer-events:none;transition:margin var(--animation-timing) ease,padding var(--animation-timing) ease,border-color var(--animation-timing) ease;will-change:margin,padding;z-index:-1}.movie-card:hover .movie-year{background:linear-gradient(to right,#d4a04f26,#d4a04f66),#212121;border-color:var(--theme-color);--pad: 3px}.movie-card:hover .movie-year:before{margin:calc(-1 * var(--pad));border-color:var(--theme-color)}.movie-details{position:absolute;top:0;left:0;width:100%;height:100%;color:#fff;opacity:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;z-index:3;padding:0;transition:opacity .5s var(--ease-smooth);pointer-events:none}.movie-details h3{font-size:1.1em;color:#fff;position:absolute;top:5.4em;left:50%;transform:translate(-50%);text-align:center;width:100%;margin:0;font-weight:600;letter-spacing:.5px;transition:transform .6s var(--ease-smooth);text-shadow:0 3px 6px rgba(0,0,0,.7)}.movie-details .staggered{display:flex;flex-direction:column;align-items:center;gap:.3em;margin-top:.8em;position:relative}.movie-details .staggered:before{content:"";position:absolute;top:-.3em;left:50%;transform:translate(-50%) scaleX(0);width:var(--separator-width, 90px);max-width:120px;height:2px;background:linear-gradient(90deg,transparent,rgba(212,160,79,.8),transparent);transition:transform .2s var(--ease-smooth),opacity .2s var(--ease-smooth),width .2s var(--ease-smooth);opacity:0}.movie-details .staggered .detail-item{display:flex;align-items:baseline;justify-content:center;gap:.4em;opacity:0;visibility:hidden;transform:translateY(20px);transition:opacity .5s var(--ease-smooth),transform .5s var(--ease-smooth),visibility 0s linear .5s}.movie-details .staggered .detail-item:first-of-type{margin-top:.35em}.movie-details .detail-label{font-size:.65em;font-weight:500;color:#ffffffbf;text-shadow:0 1px 4px rgba(0,0,0,.7);letter-spacing:1px;text-transform:uppercase}.movie-details .detail-value{font-size:.9em;font-weight:600;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.8);letter-spacing:-.3px}.movie-details .detail-item.size-item{margin-top:.2em;padding-top:.4em;border-top:1px solid rgba(255,255,255,.15)}.movie-details .detail-item.size-item .detail-value{font-size:.85em;font-weight:600;color:#ffffffe6}.movie-grid{display:flex;gap:10px;padding:0;justify-content:center;flex-wrap:wrap;align-items:center;margin-top:15px}.movie-card:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#0000;transition:background .4s var(--ease-smooth);pointer-events:none;z-index:2;border-radius:4px}.movie-card:hover img{filter:brightness(45%)}.movie-card:hover{transform:scale(1.1)}.movie-card:hover:after{background:#000000a6;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.movie-card:hover .movie-details{opacity:1}.movie-card:hover .movie-details h3{transform:translate(-50%) translateY(-120%)}.movie-card:hover .movie-details .staggered:before{transform:translate(-50%) scaleX(1);opacity:1;transition:transform .4s var(--ease-smooth) .3s,opacity .4s var(--ease-smooth) .3s}.movie-card:hover .movie-details .staggered .detail-item{visibility:visible;opacity:1;transform:translateY(0);transition:opacity .5s var(--ease-smooth),transform .5s var(--ease-smooth);transition-delay:calc(.08s * var(--detail-index, 1))}.info-icon{position:absolute;left:5%;transform:translateY(-0%);font-size:2.5em;color:#fff;text-align:center;cursor:pointer;z-index:2;transition:opacity .3s ease,transform .5s ease-in-out}.info-icon.hidden{opacity:0;pointer-events:none}:root{--stagger-delay: .08s;--title-move-up: -165%;--ease-smooth: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1)}.movie-card{--ease-smooth: cubic-bezier(.4, 0, .2, 1)}.index-card-wrapper{--theme-color: #d4a04f;--s: 20px;--animation-timing: .3s;--pad: 2px;--border-radius: 8px;position:relative;width:75%;height:200px;margin:1em auto;overflow:visible;transition:transform .4s var(--ease-smooth)}.index-card{position:relative;display:block;width:100%;height:100%;overflow:hidden;border-radius:var(--border-radius);cursor:pointer;transition:transform .4s var(--ease-smooth),box-shadow .4s var(--ease-smooth);text-decoration:none;color:inherit;will-change:transform}.index-card:hover:not(.hover-enabled){transform:scale(1.03);box-shadow:0 12px 24px #0000004d}.index-card-wrapper:has(.index-card.hover-enabled){transform:scale(1.03)}.index-card-wrapper:hover:has(.index-card.hover-enabled){transition:transform 0s}.index-card-wrapper:has(.index-card.hover-enabled):not(:hover){transition:transform .4s var(--ease-smooth)}.index-card.hover-enabled{transform:none;box-shadow:none}.scrolling-background{position:absolute;top:0;left:0;width:150%;height:150%;animation:scroll-bg 70s linear infinite;z-index:-2;filter:brightness(70%)}.scrolling-background.movies{background:url(/assets/movies_index-DrV3oCNR.webp) no-repeat center center/cover}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0006;display:flex;justify-content:center;align-items:center;text-align:center;color:#fff;transition:background .4s var(--ease-smooth);pointer-events:none;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);z-index:1}.overlay h3{font-size:1.2em;color:#fff;position:absolute;transform:translateY(0);text-align:center;width:100%;margin:0;font-weight:600;letter-spacing:.5px;transition:transform .6s var(--ease-smooth);text-shadow:0 3px 6px rgba(0,0,0,.7)}.staggered{display:flex;flex-direction:column;align-items:center;gap:.5em;margin-top:.4em;position:relative}.staggered:before{content:"";position:absolute;left:50%;transform:translate(-50%) scaleX(0);width:var(--separator-width, 90px);height:clamp(2px,.3vh,2.5px);background:linear-gradient(90deg,transparent,rgba(212,160,79,.8),transparent);transition:transform .2s var(--ease-smooth),opacity .2s var(--ease-smooth),width .2s var(--ease-smooth);opacity:0}.staggered .stat-item:first-of-type{margin-top:.5em}.index-card:hover .staggered:before,.index-card.hover-enabled .staggered:before{transform:translate(-50%) scaleX(1);opacity:1;transition:transform .4s var(--ease-smooth) .6s,opacity .4s var(--ease-smooth) .6s}.staggered div.hidden{opacity:0;visibility:hidden;transform:translateY(20px);transition:none}.stat-item{display:flex;align-items:baseline;justify-content:center;gap:.4em;opacity:0;visibility:hidden;transform:translateY(20px);transition:opacity .5s var(--ease-smooth),transform .5s var(--ease-smooth),visibility 0s linear .5s}.index-card .stat-number{font-size:1.2em;font-weight:700;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.9),0 0 20px rgba(212,160,79,.3);letter-spacing:-.5px;line-height:1;font-variant-numeric:tabular-nums}.index-card .stat-label{font-size:.75em;font-weight:500;color:#ffffffbf;text-shadow:0 1px 4px rgba(0,0,0,.7);letter-spacing:1px;text-transform:uppercase;margin-left:.2em}.stat-size{margin-top:.2em;padding-top:.4em;border-top:1px solid rgba(255,255,255,.15)}.index-card .stat-size .stat-number{font-size:1em;font-weight:600;color:#ffffffe6;text-shadow:0 2px 8px rgba(0,0,0,.8)}.staggered .stat-item.data-loaded{visibility:visible;transition:opacity .5s var(--ease-smooth),transform .5s var(--ease-smooth)}.index-card:hover .staggered .stat-item.data-loaded,.index-card.hover-enabled .staggered .stat-item.data-loaded{opacity:1;transform:translateY(0);transition-delay:calc(var(--stagger-delay) * var(--stagger-index, 1))}.index-card:hover .overlay,.index-card.hover-enabled .overlay{background:#000000a6;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.index-card:hover .overlay h3{transform:translateY(var(--title-move-up))}.index-card.hover-enabled .overlay h3{transform:translateY(var(--title-move-up));transition:transform .6s var(--ease-smooth)}.index-card-wrapper:before{content:"";position:absolute;box-sizing:border-box;inset:calc(-1 * var(--pad));padding:var(--pad);border:2px solid rgba(255,255,255,.2);border-radius:var(--border-radius);background:transparent content-box;mask:conic-gradient(#000 0 0) content-box,conic-gradient(at var(--s) var(--s),#0000 75%,#000 0) 0 0 / calc(100% - var(--s)) calc(100% - var(--s));-webkit-mask:conic-gradient(#000 0 0) content-box,conic-gradient(at var(--s) var(--s),#0000 75%,#000 0) 0 0 / calc(100% - var(--s)) calc(100% - var(--s));-webkit-mask-composite:xor;mask-composite:exclude;backface-visibility:hidden;pointer-events:none;transition:inset var(--animation-timing) ease,padding var(--animation-timing) ease,border-color var(--animation-timing) ease,opacity var(--animation-timing) ease;will-change:inset,padding;z-index:1000;opacity:0}.index-card-wrapper:has(.index-card.hover-enabled){--pad: 7px}.index-card-wrapper:has(.index-card.hover-enabled):before{opacity:1;border-color:var(--theme-color)}.index-card.hover-enabled{box-shadow:none;transition:box-shadow .4s var(--ease-smooth)}@keyframes scroll-bg{0%{transform:translate(0) scale(1.1)}50%{transform:translate(-20%,-20%) scale(1.1)}to{transform:translate(0) scale(1.1)}}.button-container{margin:10px;top:15px;text-align:left;left:2px;position:fixed;z-index:200}.home-button{--theme-color: #d4a04f;--s: 15px;--animation-timing: .3s;--pad: 1px;--border-radius: 8px;position:fixed;padding:15px 25px;font-size:25px;border:1px solid #ffffff33;border-radius:var(--border-radius);background-color:#212121;box-shadow:0 4px 8px #0000004d;color:#fff;cursor:pointer;text-decoration:none;left:20px;transition:background var(--animation-timing) ease,border-color var(--animation-timing) ease}.home-button:before{content:"";position:absolute;box-sizing:border-box;top:0;left:0;right:0;bottom:0;margin:calc(-1 * var(--pad));padding:var(--pad);border:2px solid #ffffff33;border-radius:var(--border-radius);background:transparent content-box;mask:conic-gradient(#000 0 0) content-box,conic-gradient(at var(--s) var(--s),#0000 75%,#000 0) 0 0 / calc(100% - var(--s)) calc(100% - var(--s));-webkit-mask:conic-gradient(#000 0 0) content-box,conic-gradient(at var(--s) var(--s),#0000 75%,#000 0) 0 0 / calc(100% - var(--s)) calc(100% - var(--s));-webkit-mask-composite:xor;mask-composite:exclude;backface-visibility:hidden;pointer-events:none;transition:margin var(--animation-timing) ease,padding var(--animation-timing) ease,border-color var(--animation-timing) ease;will-change:margin,padding;z-index:1}.home-button:hover{background:linear-gradient(to right,#d4a04f26,#d4a04f66),#212121;border-color:var(--theme-color);--pad: 8px}.home-button:hover:before{margin:calc(-1 * var(--pad));border-color:var(--theme-color)}.flipped-arrow{display:inline-block;transform:scaleX(-1)}.search-container{width:100%;display:flex;justify-content:center;align-items:center}.search-row{width:100%;max-width:800px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center;flex-direction:column}.search-input-container{--theme-color: #d4a04f;--s: 10px;--animation-timing: .3s;--pad: 1px;--border-radius: 4px;position:relative;width:60%;max-width:500px;display:flex;justify-content:center}.search-input-container:before{content:"";position:absolute;box-sizing:border-box;inset:calc(-1 * var(--pad));padding:var(--pad);border:2px solid #ffffff33;border-radius:var(--border-radius);background:transparent content-box;mask:conic-gradient(#000 0 0) content-box,conic-gradient(at var(--s) var(--s),#0000 75%,#000 0) 0 0 / calc(100% - var(--s)) calc(100% - var(--s));-webkit-mask:conic-gradient(#000 0 0) content-box,conic-gradient(at var(--s) var(--s),#0000 75%,#000 0) 0 0 / calc(100% - var(--s)) calc(100% - var(--s));-webkit-mask-composite:xor;mask-composite:exclude;backface-visibility:hidden;pointer-events:none;transition:inset var(--animation-timing) ease,padding var(--animation-timing) ease,border-color var(--animation-timing) ease;will-change:inset,padding;z-index:1}.search-input-container:hover,.search-input-container:has(#movie-search:focus){--pad: 8px}.search-input-container:hover:before,.search-input-container:has(#movie-search:focus):before{border-color:var(--theme-color)}#movie-search{width:100%;padding:10px;font-size:1em;border:1px solid #ffffff33;background:#212121;color:#fff;border-radius:var(--border-radius);text-align:center;transition:background var(--animation-timing) ease,border var(--animation-timing) ease;position:relative;z-index:2;outline:none}.search-input-container:hover #movie-search,#movie-search:focus{border:1px solid var(--theme-color);background:linear-gradient(to right,#d4a04f0d,#d4a04f33)}#scroll-to-top{--theme-color: #d4a04f;--s: 10px;--animation-timing: .3s;--pad: 1px;--border-radius: 8px;display:none;position:fixed;width:40px;height:40px;top:10px;left:50%;padding:10px;font-size:20px;background-color:#212121;color:#fff;border:1px solid #ffffff33;border-radius:var(--border-radius);cursor:pointer;z-index:200;box-shadow:0 4px 8px #0000004d;transition:top .5s ease,opacity .5s ease,background var(--animation-timing) ease,border-color var(--animation-timing) ease}#scroll-to-top:before{content:"";position:absolute;box-sizing:border-box;inset:calc(-1 * var(--pad));padding:var(--pad);border:2px solid #ffffff33;border-radius:var(--border-radius);background:transparent content-box;mask:conic-gradient(#000 0 0) content-box,conic-gradient(at var(--s) var(--s),#0000 75%,#000 0) 0 0 / calc(100% - var(--s)) calc(100% - var(--s));-webkit-mask:conic-gradient(#000 0 0) content-box,conic-gradient(at var(--s) var(--s),#0000 75%,#000 0) 0 0 / calc(100% - var(--s)) calc(100% - var(--s));-webkit-mask-composite:xor;mask-composite:exclude;backface-visibility:hidden;pointer-events:none;transition:inset var(--animation-timing) ease,padding var(--animation-timing) ease,border-color var(--animation-timing) ease;will-change:inset,padding;z-index:1}#scroll-to-top:hover{background:linear-gradient(to right,#d4a04f26,#d4a04f66),#212121;border-color:var(--theme-color);--pad: 8px}#scroll-to-top:hover:before{border-color:var(--theme-color)}#scroll-to-top.visible{display:block;transform:translate(-50%);opacity:1}.buttons-container{display:flex;align-items:center;gap:8px;justify-content:center;width:100%}.filter-sort-controls{display:flex;gap:12px;align-items:center}.filter-sort-btn{--theme-color: #d4a04f;--animation-timing: .25s;padding:0;margin:0;border:none;background:transparent;color:#fff6;cursor:pointer;transition:color var(--animation-timing) cubic-bezier(.4,0,.2,1);position:relative;font-family:inherit;display:flex;flex-direction:column;align-items:center;min-width:60px}.filter-sort-btn:hover{color:#ffffffb3}.filter-sort-btn:hover:after{width:100%}.filter-sort-btn.active{color:var(--theme-color);font-weight:500}.filter-sort-btn.active:after{width:100%}.btn-content{display:flex;flex-direction:column;align-items:center;gap:0;position:relative}.btn-text{font-size:.875rem;letter-spacing:.05em;text-transform:uppercase;font-weight:inherit;line-height:1;white-space:nowrap;position:relative;padding-bottom:4px}.btn-text:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:0;height:2px;background:var(--theme-color);transition:width var(--animation-timing) cubic-bezier(.4,0,.2,1)}.filter-sort-btn:hover .btn-text:after,.filter-sort-btn.active .btn-text:after{width:100%}.btn-arrow{font-size:.65rem;font-weight:400;opacity:0;transform:translateY(-4px);transition:opacity var(--animation-timing) cubic-bezier(.4,0,.2,1),transform var(--animation-timing) cubic-bezier(.4,0,.2,1);display:block;line-height:1;height:0;overflow:hidden;color:#d4a04fb3;letter-spacing:.05em;white-space:nowrap;margin-top:4px}.filter-sort-btn.active .btn-arrow{opacity:1;transform:translateY(0);height:auto}@media (max-width: 600px){#movie-search{width:80vw;max-width:400px}.buttons-container{margin-top:8px}}