.collection-page{max-width:1320px;padding-right:max(48px,env(safe-area-inset-right));padding-left:max(24px,env(safe-area-inset-left));margin-inline:auto;padding-bottom:60px}.collection-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;display:flex}.collection-heading h1{margin:12px 0;font-size:clamp(38px,5vw,68px)}.collection-heading h1 i{color:#ef3948;font-style:normal}.collection-heading p{font-size:14px}.collection-tools{align-items:stretch;gap:12px;display:flex}.collection-search{background:#121215;border:1px solid #ffffff1c;border-radius:5px;flex:1;align-items:center;gap:12px;min-width:0;min-height:50px;padding:0 16px;display:flex}.collection-search svg{color:#ef3948;flex-shrink:0}.collection-search input{color:#f6f1e9;background:0 0;border:0;outline:0;width:100%;min-width:0;padding:12px 0;font-size:16px}.collection-search:focus-within{border-color:#ef3948}.collection-search button{min-width:32px;font-size:25px}.collection-genre select,.collection-import-row select{color:#e9e4dc;background:#151517;border:1px solid #ffffff25;border-radius:4px;width:100%;max-width:100%;min-height:48px;padding:12px;font-size:14px}.collection-filters{scrollbar-width:thin;gap:8px;padding:17px 0 22px;display:flex;overflow-x:auto}.collection-filters button{white-space:nowrap;color:#aaa5a1;border:1px solid #ffffff15;border-radius:3px;flex-shrink:0;min-height:40px;padding:9px 15px;font-size:12px}.collection-filters button.active{color:#fff;background:#70212a66;border-color:#ef394887}.collection-count{color:#b3aaa4;justify-content:space-between;gap:15px;padding:0 0 18px;font-size:12px;display:flex}.collection-count>span:last-child{letter-spacing:2px;color:#81746e;font-size:9px}.collection-cabinet{isolation:isolate;background:linear-gradient(90deg,#0a0706ed,#16100b85 12%,#120d0999 86%,#070504ee),repeating-linear-gradient(0deg,#271a1320 0,#0c090660 2px,#39261d30 3px,#17110c55 5px),#100d0b;border:1px solid #65504555;border-radius:5px;padding:8px 8px 0;position:relative;box-shadow:inset 0 0 70px #000,0 25px 65px #0008}.collection-cabinet:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#e4464866,#0000);height:1px;position:absolute;top:0;left:8%;right:8%;box-shadow:0 0 24px 4px #df263633}.collection-rail{scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x pan-y;outline-offset:5px;cursor:grab;display:flex;overflow-x:auto}.collection-rail::-webkit-scrollbar{display:none}.collection-rail:active{cursor:grabbing}.collection-page-slot{scroll-snap-align:start;flex:0 0 100%;align-self:stretch;min-width:0;min-height:610px;padding:0 10px}.collection-shelf{grid-template-columns:repeat(var(--shelf-cols),minmax(0,1fr));gap:20px;min-height:290px;margin-bottom:15px;padding:32px 20px 34px;display:grid;position:relative}.collection-shelf:after{content:"";z-index:-1;background:linear-gradient(#634235 0,#33221a 13%,#211710 27%,#1a120e 72%,#0c0806 100%);border-top:1px solid #a1765240;height:21px;position:absolute;bottom:5px;left:-9px;right:-9px;box-shadow:0 13px 16px #000c,0 -10px 22px #0008}.collection-shelf:before{content:"";transform-origin:bottom;z-index:-1;background:repeating-linear-gradient(2deg,#3e2b1d33 0,#221810 2px,#402e2244 3px),linear-gradient(#1c140d33,#483023aa);height:22px;position:absolute;bottom:26px;left:-9px;right:-9px;transform:perspective(250px)rotateX(35deg)}.collection-case{text-align:left;outline-offset:7px;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;align-self:end;min-width:0;display:block;position:relative}.collection-case-art{transform-origin:50% 100%;filter:drop-shadow(6px 10px 5px #000c);transition:transform .22s,filter .22s;position:relative;transform:perspective(800px)rotateY(-5deg)}.collection-poster{aspect-ratio:2/3;isolation:isolate;background:#191416;border-radius:3px;position:relative;overflow:hidden}.collection-poster img{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.collection-case-art:after{content:"";pointer-events:none;background:linear-gradient(105deg,#ffffff2b 0,#0000 5% 70%,#0004);border:1px solid #ffffff1b;border-radius:3px;position:absolute;inset:0}.collection-case-edge{background:linear-gradient(90deg,#090909d9,#ffffff25,#0004);border-radius:2px 0 0 2px;width:5px;position:absolute;top:2px;bottom:2px;left:0}.collection-case-title{white-space:nowrap;text-overflow:ellipsis;color:#e6ddd3;margin:12px 0 4px;font-size:11px;font-weight:600;display:block;overflow:hidden}.collection-case-format{color:#a38d80;letter-spacing:.4px;white-space:nowrap;text-overflow:ellipsis;font-size:8px;display:block;overflow:hidden}.collection-case.lifted .collection-case-art,.collection-case:focus-visible .collection-case-art{filter:drop-shadow(0 10px 12px #9c253755);transform:perspective(800px)translateY(-10px)rotateY(0)scale(1.06)}.collection-placeholder{text-align:center;color:#e4c6bd;background:radial-gradient(at top,#4b2225,#181215 75%);flex-direction:column;justify-content:center;align-items:center;gap:18px;height:100%;padding:14px;font-family:Georgia,serif;font-size:clamp(14px,1.4vw,21px);display:flex}.collection-placeholder svg{color:#a36062}.collection-placeholder small{letter-spacing:2px;color:#987a75;font-family:Arial,sans-serif;font-size:8px}.collection-alphabet{flex-direction:column;justify-content:center;align-items:stretch;gap:0;width:30px;padding:5px 0;display:flex;position:absolute;top:0;bottom:0;right:-37px}.collection-alphabet button{color:#bd817e;border-radius:3px;flex:1;min-height:22px;max-height:29px;font-size:10px;font-weight:600}.collection-alphabet button:not(:disabled):hover,.collection-alphabet button:focus-visible{color:#fff;background:#ef3948}.collection-alphabet button:disabled{opacity:.23;cursor:default}.collection-paging{justify-content:center;align-items:center;gap:25px;margin:28px 0;display:flex}.collection-paging>span{text-align:center;font-size:13px}.collection-paging small{color:#8e827a;margin-top:4px;font-size:10px;display:block}.collection-paging button{min-width:48px;min-height:44px}.collection-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:15px;width:100%;min-height:540px;padding:35px;display:flex}.collection-empty svg{color:#c44851}.collection-empty h2{font-family:Georgia,serif;font-size:27px}.collection-empty p{color:#b3a59a;max-width:320px;font-size:13px;line-height:1.7}.collection-credits{color:#8d8580;margin-top:30px;font-size:11px;line-height:1.8}.collection-credits summary{cursor:pointer}.collection-credits p{margin:8px 0}.collection-dialog{max-height:90dvh;overflow-y:auto;background:#111013!important;width:calc(100vw - 28px)!important;max-width:850px!important;padding:28px!important}.collection-detail{grid-template-columns:220px 1fr;gap:30px;margin-top:12px;display:grid}.collection-detail>.collection-poster{align-self:start;height:auto}.collection-tags{flex-wrap:wrap;gap:7px;margin-bottom:15px;display:flex}.collection-tags span{color:#f1b3b7;background:#70212a22;border:1px solid #ef39485a;border-radius:3px;padding:5px 9px;font-size:11px}.collection-description{color:#d0c7c0;white-space:pre-line;margin:20px 0;font-size:14px;line-height:1.9}.collection-detail dl{font-size:12px;line-height:1.7}.collection-detail dt{color:#8f817a;margin-top:15px}.collection-detail dd{margin:3px 0 18px}.collection-admin-nav{flex-wrap:wrap;gap:8px;display:flex}.collection-format-choice{border:0;flex-wrap:wrap;gap:10px;display:flex}.collection-format-choice legend{margin-bottom:12px;font-size:13px}.collection-format-choice label{border:1px solid #ffffff20;border-radius:4px;align-items:center;gap:9px;min-height:44px;padding:10px;font-size:12px;display:flex}.collection-format-choice input{accent-color:#ef3948;width:17px;height:17px}.collection-edit-preview{grid-template-columns:100px 1fr;gap:20px;display:grid}.collection-edit-preview h3{margin:0}.collection-upload{flex-wrap:wrap;align-items:center;gap:15px;display:flex}.collection-upload .collection-poster{width:85px}.collection-upload small{color:#988b82;width:100%;font-size:11px}.collection-results{gap:8px;max-height:440px;display:grid;overflow-y:auto}.collection-results>button{text-align:left;background:#ffffff05;border:1px solid #ffffff12;border-radius:4px;align-items:center;gap:15px;padding:10px;display:flex}.collection-results>button:hover{border-color:#ef3948}.collection-results .collection-poster{flex-shrink:0;width:55px}.collection-results>button>span{flex:1;min-width:0}.collection-results small{color:#a79b92;margin-top:6px;font-size:11px;display:block}.collection-manage-list{gap:10px;display:grid}.collection-manage-row{background:#ffffff04;border:1px solid #ffffff13;border-radius:4px;align-items:center;gap:16px;padding:12px;display:flex}.collection-manage-row>.collection-poster{flex-shrink:0;width:52px}.collection-manage-row>div:nth-child(2){flex:1;min-width:0}.collection-manage-row strong{overflow-wrap:anywhere;font-size:14px}.collection-manage-row p{margin:5px 0;font-size:11px}.collection-manage-row small{color:#ac8a80;font-size:10px}.collection-import-rows{gap:12px;display:grid}.collection-import-row{border:1px solid #ffffff15;border-radius:5px;align-items:center;gap:12px;padding:12px;display:flex}.collection-import-row>.collection-poster{flex-shrink:0;width:52px}.collection-import-row>div:last-child{flex:1;min-width:0}.collection-import-row strong{margin-bottom:8px;font-size:13px;display:block}.collection-import-row p{margin:5px 0;font-size:12px}.collection-saved{color:#a4c7a0}.collection-admin .error{overflow-wrap:anywhere}.collection-admin [hidden]{display:none}.collection-admin button:disabled{opacity:.5}.collection-page button:disabled{cursor:default}.collection-credits img{width:75px;margin:12px 0}@media (hover:hover){.collection-case:hover .collection-case-art{transform:perspective(800px)translateY(-7px)rotateY(0)scale(1.035)}}@media (max-width:700px){.collection-page{padding-left:max(15px,env(safe-area-inset-left));padding-right:max(40px,calc(env(safe-area-inset-right) + 30px));padding-top:25px}.collection-heading{margin-bottom:22px;display:block}.collection-heading>.button{margin-top:15px}.collection-heading h1{font-size:39px}.collection-heading p{font-size:12px;line-height:1.7}.collection-tools{flex-wrap:wrap}.collection-tools .collection-search{flex-basis:100%}.collection-genre{width:100%}.collection-genre select{font-size:16px}.collection-count>span:last-child{display:none}.collection-cabinet{padding:5px 0 0}.collection-page-slot{min-height:870px;padding:0 8px}.collection-shelf{gap:22px;min-height:275px;margin-bottom:6px;padding:24px 18px 32px}.collection-case-title{margin-top:9px;font-size:11px}.collection-case-format{font-size:8px}.collection-alphabet{width:28px;right:-32px}.collection-alphabet button{min-height:24px;max-height:34px;font-size:11px}.collection-detail{grid-template-columns:1fr;gap:22px}.collection-detail>.collection-poster{width:60%;max-width:190px;margin:0 auto}.collection-dialog{padding:24px 20px!important}.collection-manage-row{flex-wrap:wrap;gap:10px}.collection-manage-row>div:nth-child(2){flex-basis:60%}.collection-manage-row .button{min-height:40px}.collection-edit-preview{grid-template-columns:72px 1fr;gap:15px}.collection-edit-preview .field input{font-size:16px}.collection-admin-nav .button{font-size:11px}.collection-empty{min-height:710px;padding:25px 15px}.collection-page .collection-filters{padding-bottom:16px}.collection-admin .panel{padding:18px}.collection-import-row select{font-size:16px}}@media (prefers-reduced-motion:reduce){.collection-case-art{transition:none!important}.collection-rail{scroll-behavior:auto!important}}@media (max-width:700px){.collection-alphabet{right:max(3px,env(safe-area-inset-right));top:125px;bottom:max(18px,env(safe-area-inset-bottom));z-index:30;background:#090809df;border:1px solid #ffffff0c;border-radius:12px;width:27px;max-height:680px;padding:6px 1px;position:fixed}.collection-alphabet button{min-height:0;max-height:26px;font-size:10px;line-height:1}}.collection-search{background:linear-gradient(135deg,#1b1618,#111012);border-radius:28px;box-shadow:inset 0 1px #ffffff05}.collection-genre select,.collection-import-row select{border-radius:22px;padding-inline:18px}.collection-filters button,.collection-tags span{border-radius:999px}.collection-filters button{transition:background .2s,border-color .2s,color .2s}.collection-filters button.active{background:linear-gradient(135deg,#94223266,#42141c);box-shadow:inset 0 1px #ffb3b312}.collection-cabinet{background:radial-gradient(at 50% 0,#4d30252e,#0000 65%),linear-gradient(90deg,#0b0807ed,#20150f80 12%,#1b120c88 86%,#090605ee),repeating-linear-gradient(0deg,#271a1320 0,#0c090660 2px,#39261d30 3px,#17110c55 5px),#100d0b;border-color:#76554655;border-radius:30px;box-shadow:inset 0 1px #dab89918,inset 0 0 65px #000b,0 25px 65px #0008}.collection-cabinet:before{background:linear-gradient(90deg,#0000,#e9bb8177,#0000);height:2px;top:1px;left:10%;right:10%;box-shadow:0 3px 22px 5px #dca56e1f}.collection-rail{z-index:1;border-radius:26px;position:relative}.collection-shelf{background:radial-gradient(at 50% 0,#efd0a41b,#0000 70%)}.collection-shelf:after{background:linear-gradient(#947054 0,#513727 9%,#2e2018 24%,#211710 75%,#0e0907 100%);border-top-color:#d6a77566;border-radius:5px 5px 9px 9px;box-shadow:0 13px 20px #000c,0 -5px 20px #d2a1680a}.collection-case{border-radius:18px}.collection-case:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(at 50% 8%,#f9d69c17,#0000 70%);position:absolute;inset:-26px -12px 18px}.collection-poster,.collection-case-art:after{border-radius:18px}.collection-case-art{filter:drop-shadow(5px 12px 9px #000b)}.collection-case-art:after{background:linear-gradient(110deg,#fff2 0,#0000 18% 72%,#0003);border-color:#fff2;box-shadow:inset 0 1px #ffe1b82b}.collection-case-edge{opacity:.5;border-radius:3px;width:3px;top:15px;bottom:15px;left:1px}.collection-detail>.collection-poster{border-radius:24px;box-shadow:0 15px 40px #0008}.collection-format-choice label,.collection-results>button,.collection-manage-row,.collection-import-row{border-radius:18px}.collection-format-choice label:has(input:checked){background:#78213229;border-color:#ef394877}.collection-alphabet button{border-radius:999px}.collection-atmosphere{border-radius:inherit;pointer-events:none;z-index:2;contain:paint;position:absolute;inset:0;overflow:hidden}.collection-atmosphere i{opacity:0;background:#f4cfaa;border-radius:50%;width:2px;height:2px;animation:18s ease-in-out infinite paused collection-dust;position:absolute;box-shadow:0 0 5px #ecc19966}.collection-atmosphere[data-running=true] i{animation-play-state:running}@keyframes collection-dust{0%,to{opacity:0;transform:translateY(20px)}30%{opacity:.28}70%{opacity:.14}95%{opacity:0;transform:translate(20px,-65px)}}@media (max-width:700px){.collection-cabinet{border-radius:24px}.collection-rail{border-radius:21px}.collection-poster,.collection-case-art:after{border-radius:16px}.collection-atmosphere i:nth-child(2n){display:none}}@media (prefers-reduced-motion:reduce){.collection-atmosphere{display:none}.collection-filters button{transition:none}}.collection-film-dialog{max-height:calc(100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#75464e transparent;box-shadow:0 30px 100px #000c,inset 0 1px #ffe1ce18;background:radial-gradient(at 10% 0,#48242b66,#0000 60%),linear-gradient(145deg,#1c171a,#100f12 70%)!important;border:1px solid #a16e6555!important;border-radius:34px!important;padding:36px!important}.collection-film-dialog[data-state=open]{animation:.48s cubic-bezier(.16,1,.3,1) both collection-detail-arrive}.collection-film-dialog[data-state=closed]{animation:.2s ease-in both collection-detail-leave}.collection-film-dialog [data-slot=dialog-header]{text-align:left;border-bottom:1px solid #ffffff0c;padding-bottom:18px;padding-right:34px}.collection-film-dialog [data-slot=dialog-title]{letter-spacing:-.5px;color:#f2e8e1;font-family:Georgia,serif;font-size:clamp(25px,4vw,36px);line-height:1.18}.collection-film-dialog [data-slot=dialog-description]{color:#b79898;margin-top:8px;font-size:12px}.collection-film-dialog>.collection-detail{align-items:start;margin-top:6px}.collection-film-dialog>.collection-detail>.collection-poster{border:1px solid #ffffff18;box-shadow:0 20px 40px #0009,0 0 35px #b9424720}.collection-film-dialog>[data-slot=dialog-close]{opacity:1;color:#e0c9c6;background:#ffffff09;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;display:flex;top:18px;right:18px}.collection-film-dialog>[data-slot=dialog-close]:hover{background:#872c3c55}.collection-film-dialog .collection-detail dl{background:#ffffff04;border:1px solid #ffffff09;border-radius:20px;padding:16px 18px}.collection-film-dialog .collection-detail dt:first-child{margin-top:0}.collection-film-dialog .collection-detail dd:last-child{margin-bottom:0}@keyframes collection-detail-arrive{0%{opacity:0;transform:perspective(1000px)translateY(30px)rotateX(3deg)scale(.88)}to{opacity:1;transform:perspective(1000px)translateY(0)rotateX(0)scale(1)}}@keyframes collection-detail-leave{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:translateY(12px)scale(.96)}}@media (max-width:700px){.collection-film-dialog{border-radius:28px!important;padding:28px 22px!important}.collection-film-dialog .collection-detail>.collection-poster{width:68%;max-width:220px}.collection-film-dialog [data-slot=dialog-title]{font-size:27px}}@media (prefers-reduced-motion:reduce){.collection-film-dialog[data-state]{animation:none!important}}.collection-import-progress{margin-bottom:24px;border-radius:24px!important;padding:20px 24px!important}.collection-import-progress>p{margin:8px 0;font-size:13px}.collection-import-progress>small{color:#b6a5a5;font-size:11px;display:block}.collection-import-progress progress{accent-color:#e93648;width:100%;height:5px;margin:14px 0;display:block}.collection-import-progress details{margin-top:14px;font-size:13px}.collection-import-progress summary{cursor:pointer;color:#e2b4b7}.collection-import-progress .collection-import-row{margin-top:10px}