.collections-shelf{border-color:#75efa044!important;background:linear-gradient(125deg,rgba(7,31,18,.98),rgba(12,55,31,.95))!important}
.collections-lead{max-width:680px;margin:-7px 0 23px;color:#91a99a;font-size:12px;line-height:1.55}
.collections-heading__actions{display:flex;align-items:center;gap:16px}
.collections-grid{display:flex;gap:14px;overflow-x:auto;overscroll-behavior-inline:contain;padding:3px 2px 13px;scroll-behavior:smooth;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#65e79655 transparent}
.collection-card{position:relative;display:grid;grid-template-columns:116px minmax(0,1fr) auto;flex:0 0 clamp(330px,38vw,500px);align-items:center;gap:15px;min-height:150px;padding:16px;overflow:hidden;border:1px solid #bcffcf24;border-radius:18px;background:linear-gradient(135deg,#ffffff0c,#06150cbd);color:#effff4;text-align:left;scroll-snap-align:start;cursor:pointer;transition:border-color .2s,transform .2s,background .2s}
.collection-card:hover,.collection-card:focus-visible{transform:translateY(-3px);border-color:#7bf1a675;background:linear-gradient(135deg,#7bf1a610,#071a0fc9);outline:none}
.collection-card__posters{position:relative;display:block;width:108px;height:116px}
.collection-card__posters img,.collection-card__posters>span{position:absolute;top:50%;left:50%;width:67px;height:99px;overflow:hidden;border:1px solid #ffffff36;border-radius:8px;background:linear-gradient(145deg,#1c5b36,#08160d);box-shadow:0 10px 24px #0008;object-fit:cover;transform:translate(calc(-50% + (var(--stack) - 1)*19px),-50%) rotate(calc((var(--stack) - 1)*5deg));transform-origin:50% 90%}
.collection-card__posters>span{display:grid;place-items:center;color:#a7f6c0;font:800 23px/1 "Space Grotesk",sans-serif}
.collection-card__copy{min-width:0}
.collection-card__copy small{display:block;color:#65e796;font-size:8px;font-weight:900;letter-spacing:.15em}
.collection-card__copy strong{display:block;margin-top:8px;overflow:hidden;font:700 18px/1.1 "Space Grotesk",sans-serif;text-overflow:ellipsis}
.collection-card__copy span{display:block;margin-top:8px;color:#8fa498;font-size:10px}
.collection-card>i{display:grid;width:31px;height:31px;place-items:center;border:1px solid #ffffff1c;border-radius:50%;background:#ffffff0a;color:#8cf1ae;font-style:normal}
.collection-modal{position:fixed;inset:0;z-index:1040;display:grid;place-items:center;padding:max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left))}
.collection-modal[hidden]{display:none}
.collection-modal .modal-backdrop{position:absolute;inset:0;background:#010704dc;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.collection-browser{position:relative;width:min(1040px,100%);max-height:min(810px,calc(100dvh - 36px));overflow:auto;padding:34px;border:1px solid #9dffc04d;border-radius:27px;background:linear-gradient(145deg,rgba(12,48,29,.97),rgba(4,15,9,.98));box-shadow:0 35px 90px #000c;color:#effff4;overscroll-behavior:contain}
.collection-browser>.modal-close{position:sticky;z-index:3;top:0;float:right;margin:-17px -17px 0 16px}
.collection-browser__heading{display:grid;grid-template-columns:minmax(0,1fr) 260px;align-items:center;gap:38px;min-height:185px;padding:4px 8px 27px;border-bottom:1px solid #ffffff17}
.collection-browser__heading h2{margin:8px 0 11px;font:800 clamp(30px,5vw,58px)/.98 "Space Grotesk",sans-serif;letter-spacing:-.045em}
.collection-browser__heading p:last-child{max-width:570px;margin:0;color:#9eb0a4;font-size:12px;line-height:1.65}
.collection-browser__posters{position:relative;width:240px;height:170px}
.collection-browser__posters img,.collection-browser__posters>span{position:absolute;top:50%;left:50%;width:98px;height:146px;overflow:hidden;border:1px solid #ffffff40;border-radius:12px;background:linear-gradient(145deg,#1c5b36,#08160d);box-shadow:0 18px 32px #000a;object-fit:cover;transform:translate(-50%,-50%)}
.collection-browser__posters>:nth-child(1){transform:translate(-94%,-50%) rotate(-8deg)}
.collection-browser__posters>:nth-child(2){z-index:1;transform:translate(-50%,-52%)}
.collection-browser__posters>:nth-child(3){transform:translate(-6%,-50%) rotate(8deg)}
.collection-browser__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;padding-top:24px}
.collection-browser-item{display:grid;grid-template-columns:38px 72px minmax(0,1fr) 30px;align-items:center;gap:13px;min-height:112px;padding:12px;border:1px solid #ffffff17;border-radius:15px;background:#ffffff08;color:#effff4;text-align:left;cursor:pointer;transition:transform .18s,border-color .18s,background .18s}
.collection-browser-item:hover,.collection-browser-item:focus-visible{transform:translateY(-2px);border-color:#7bf1a675;background:#69e79810;outline:none}
.collection-browser-item__order{display:grid;width:36px;height:36px;place-items:center;border-radius:50%;background:#68e79716;color:#83edaa;font-size:11px;font-weight:900}
.collection-browser-item__art{width:72px;height:88px;overflow:hidden;border-radius:9px;background:#092014}
.collection-browser-item__art .art{width:100%;height:100%}
.collection-browser-item__art .art-poster{width:100%;height:100%;object-fit:cover}
.collection-browser-item__art .art>:not(.art-poster){display:none}
.collection-browser-item__copy{min-width:0}
.collection-browser-item__copy strong,.collection-browser-item__copy small,.collection-browser-item__copy span{display:block}
.collection-browser-item__copy strong{overflow:hidden;font:700 14px/1.2 "Space Grotesk",sans-serif;text-overflow:ellipsis;white-space:nowrap}
.collection-browser-item__copy small{margin-top:7px;color:#8fa498;font-size:9px}
.collection-browser-item__copy span{margin-top:6px;overflow:hidden;color:#79b88f;font-size:9px;text-overflow:ellipsis;white-space:nowrap}
.collection-browser-item__arrow{display:grid;width:29px;height:29px;place-items:center;border-radius:50%;background:#ffffff0b;color:#8cf1ae;font-size:13px}
.detail-collection{display:grid;gap:11px;margin:17px 0;padding:14px;border:1px solid #80efaa30;border-radius:15px;background:#061a0f8a}
.detail-collection-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:13px}
.detail-collection-heading .eyebrow{margin-bottom:3px}
.detail-collection-heading h3{margin:0;color:#effff4;font:700 17px/1.1 "Space Grotesk",sans-serif}
.detail-collection-heading>span{color:#89eca9;font-size:10px;font-weight:800}
.detail-collection-list{display:flex;gap:7px;overflow-x:auto;padding:2px 1px 5px;scrollbar-width:thin;scrollbar-color:#64e89a55 transparent}
.detail-collection-item{display:grid;grid-template-columns:27px minmax(100px,1fr);gap:2px 8px;align-items:center;min-width:175px;padding:9px;border:1px solid #ffffff13;border-radius:10px;background:#ffffff08;color:#e8f5ec;text-align:left;cursor:pointer}
.detail-collection-item>span{grid-row:1/3;display:grid;width:27px;height:27px;place-items:center;border-radius:8px;background:#ffffff0c;color:#7ee9a2;font-size:10px;font-weight:900}
.detail-collection-item strong{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.detail-collection-item small{color:#829488;font-size:8px}
.detail-collection-item.is-next{border-color:#72eca052;background:#64e89a0b}
.detail-collection-item.is-current{border-color:#bfffd560;background:linear-gradient(135deg,#c8ffda,#55da86);color:#082014;cursor:default}
.detail-collection-item.is-current>span{background:#08201418;color:#082014}
.detail-collection-item.is-current small{color:#1f5735}
.playback-chip.is-supporter-server{border-color:#f1d77b5c!important;background:linear-gradient(135deg,#2c2818,#153321)!important;color:#fff1b4!important}
.playback-chip.is-supporter-server span{margin-right:5px;color:#f4da79}
.playback-chip.is-supporter-server.is-selected{border-color:#fff0a8!important;background:linear-gradient(135deg,#fff0a8,#63df91)!important;color:#102016!important}
.supporter-variant-note{border-color:#f2d56b66!important;color:#ffe99b!important}
.player-next-movie{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:11px 0 0;padding:12px 14px;border:1px solid #71eca044;border-radius:13px;background:linear-gradient(120deg,#64e89a0d,#ffffff06)}
.player-next-movie>div span,.player-next-movie>div strong{display:block}
.player-next-movie>div span{color:#70e99b;font-size:8px;font-weight:900;letter-spacing:.14em}
.player-next-movie>div strong{margin-top:4px;color:#f0fff4;font-size:13px}
.player-next-movie button{padding:10px 13px;border:0;border-radius:9px;background:linear-gradient(135deg,#c7ffd8,#58dc88);color:#082014;font-size:10px;font-weight:900;white-space:nowrap;cursor:pointer}
.supporter-active{display:flex;align-items:center;gap:11px;margin-top:18px;padding:13px;border:1px solid #a6ffc340;border-radius:13px;background:#62e69512}
.supporter-active>span{display:grid;width:31px;height:31px;place-items:center;border-radius:50%;background:#68e897;color:#092014;font-weight:900}
.supporter-active strong,.supporter-active small{display:block}
.supporter-active strong{color:#eafff0;font-size:12px}
.supporter-active small{margin-top:3px;color:#8feab0;font-size:9px}
.member-supporter-badge{display:flex;align-items:center;gap:7px;width:max-content;max-width:100%;padding:8px 10px;border:1px solid #f2d96b49;border-radius:999px;background:#f2d96b0b;color:#ffe98f;font-size:10px;font-weight:800}
.member-supporter-badge span{display:grid;width:17px;height:17px;place-items:center;border-radius:50%;background:#f3dc7a;color:#132319}
.member-supporter-badge small{color:#b5c9bb;font-size:9px}
@media(max-width:1050px){.collection-card{flex-basis:clamp(330px,58vw,500px)}
.collection-browser__heading{grid-template-columns:minmax(0,1fr) 210px}
.collection-browser__posters{width:200px}
}
@media(max-width:650px){.collections-heading__actions{gap:9px}.collections-heading__actions .count-label{display:none}
.collection-card{grid-template-columns:100px minmax(0,1fr) auto;flex-basis:min(88vw,390px);min-height:130px}
.collection-card__posters{width:92px;height:99px}
.collection-card__posters img,.collection-card__posters>span{width:58px;height:86px}
.collection-modal{place-items:end center;padding:max(8px,env(safe-area-inset-top)) 0 0}
.collection-browser{width:100%;max-height:calc(100dvh - max(8px,env(safe-area-inset-top)));padding:25px 16px max(25px,env(safe-area-inset-bottom));border-radius:24px 24px 0 0}
.collection-browser>.modal-close{margin:-13px -4px 0 10px}
.collection-browser__heading{display:block;min-height:0;padding:4px 6px 21px}
.collection-browser__heading h2{font-size:35px}
.collection-browser__posters{display:none}
.collection-browser__list{grid-template-columns:1fr;gap:9px;padding-top:17px}
.collection-browser-item{grid-template-columns:34px 60px minmax(0,1fr) 28px;min-height:94px;padding:10px;gap:10px}
.collection-browser-item__art{width:60px;height:73px}
.detail-collection{padding:12px}
.player-next-movie{align-items:flex-start;flex-direction:column}
.player-next-movie button{width:100%}
}

.collection-card__posters img,.collection-card__posters>span{transform:translate(-50%,-50%)}
.collection-card__posters>:nth-child(1){transform:translate(-74%,-50%) rotate(-5deg)}
.collection-card__posters>:nth-child(2){transform:translate(-50%,-50%)}
.collection-card__posters>:nth-child(3){transform:translate(-26%,-50%) rotate(5deg)}