.title-card{background:var(--canvas);z-index:100;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.title-card__name{color:var(--text);white-space:nowrap;margin:0;font-size:clamp(1.6rem,5vw,3.4rem);font-weight:500;display:flex}.title-card__name span{opacity:0;letter-spacing:.5em;display:inline-block}.title-card__bar{background:var(--accent);width:0;height:3px;margin-top:1rem}.title-card__designation{opacity:0;letter-spacing:.14em;color:var(--text-dim);text-transform:uppercase;margin-top:.9rem;font-size:.85rem;transform:translateY(8px)}@media (prefers-reduced-motion:reduce){.title-card__name span{opacity:1;letter-spacing:0}.title-card__designation{opacity:1;transform:none}.title-card__bar{width:170px}}.title-card--waiting .title-card__name span{opacity:1;letter-spacing:0}.title-card--waiting .title-card__bar{width:170px}.title-card--waiting .title-card__designation{opacity:1;transform:none}.title-card__begin{color:var(--text-dim);font:inherit;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #ffffff59;border-radius:999px;align-items:center;gap:.6rem;padding:.6rem 1.4rem;font-size:.85rem;animation:2.4s ease-in-out infinite begin-pulse;display:inline-flex;position:absolute;bottom:clamp(3rem,12vh,7rem)}.title-card__begin:hover{color:var(--text);border-color:var(--text)}.title-card__begin-icon{border-top:5.5px solid #0000;border-bottom:5.5px solid #0000;border-left:9px solid;width:0;height:0}@keyframes begin-pulse{0%,to{opacity:.55}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.title-card__begin{opacity:1;animation:none}}.gate{flex-direction:column;justify-content:center;align-items:center;gap:2.5rem;min-height:100vh;padding:1rem;display:flex}.gate__title{text-align:center;margin:0;font-size:clamp(1.5rem,4vw,2.6rem);font-weight:400}.gate__list{flex-wrap:wrap;justify-content:center;gap:1.5rem;margin:0;padding:0;list-style:none;display:flex}.gate__profile{cursor:pointer;color:var(--text-dim);font:inherit;background:0 0;border:none;flex-direction:column;align-items:center;gap:.75rem;padding:0;display:flex}.gate__avatar{border-radius:var(--radius);border:2px solid #0000;width:108px;height:108px;transition:border-color .2s}.gate__profile:hover .gate__avatar,.gate__profile:focus-visible .gate__avatar{border-color:var(--text)}.gate__profile:hover .gate__name,.gate__profile:focus-visible .gate__name{color:var(--text)}.gate__name{font-size:.95rem}@media (prefers-reduced-motion:reduce){.gate__avatar{transition:none}}@media (width<=520px){.gate__avatar{width:84px;height:84px}}.search{z-index:95;background:#000000f0;padding:1.5rem clamp(1rem,4vw,3.5rem) 4rem;position:fixed;inset:0;overflow-y:auto}.search__bar{align-items:center;gap:1rem;max-width:60rem;margin:0 auto 2rem;display:flex}.search__input{border:none;border-bottom:2px solid var(--surface-hi);color:var(--text);font:inherit;background:0 0;outline:none;flex:1;padding:.6rem .2rem;font-size:clamp(1.2rem,3vw,2rem)}.search__input::placeholder{color:#6b6b6b}.search__input:focus{border-bottom-color:var(--accent)}.search__close{color:var(--text);cursor:pointer;background:0 0;border:none;padding:0 .3rem;font-size:2rem;line-height:1}.search__body{max-width:60rem;margin:0 auto}.search__hint{color:var(--text-dim);font-size:.95rem}.search__hint button{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.search__count{color:var(--text-dim);margin:0 0 1rem;font-size:.85rem}.search__grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.search__card{color:inherit;background:var(--surface);border-radius:var(--radius);flex-direction:column;height:100%;text-decoration:none;display:flex;overflow:hidden}.search__card:hover,.search__card:focus-visible{background:var(--surface-hi)}.search__art{aspect-ratio:16/9;display:block;overflow:hidden}.search__art img,.search__art svg{object-fit:cover;width:100%;height:100%;display:block}.search__meta{flex-direction:column;gap:.25rem;padding:.7rem .85rem .9rem;display:flex}.search__title{font-size:.95rem;font-weight:500}.search__blurb{color:var(--text-dim);font-size:.8rem;line-height:1.4}.footer{border-top:1px solid var(--surface-hi);flex-direction:column;gap:1.25rem;margin-top:2rem;padding:2.5rem clamp(1rem,3vw,3rem) 3rem;display:flex}.footer__links{flex-wrap:wrap;gap:1.75rem;margin:0;padding:0;list-style:none;display:flex}.footer__link{color:var(--text-dim);align-items:center;gap:.55rem;min-height:32px;font-size:.9rem;text-decoration:none;display:inline-flex}.footer__link:hover,.footer__link:focus-visible{color:var(--text)}.footer__note{color:#6b6b6b;margin:0;font-size:.8rem}.navbar{z-index:50;background:linear-gradient(#000000bf 10%,#0000);align-items:center;gap:1.5rem;padding:.85rem clamp(1rem,3vw,3rem);transition:background-color .4s;display:flex;position:sticky;top:0}.navbar.is-scrolled{background:#141414}@media (prefers-reduced-motion:reduce){.navbar{transition:none}}.navbar__logo{color:var(--accent);letter-spacing:-.02em;white-space:nowrap;font-size:1.15rem;font-weight:800;text-decoration:none}.navbar__links{align-items:center;gap:.35rem;margin-right:auto;display:flex}.navbar__links a{color:var(--text);white-space:nowrap;border-radius:999px;padding:.5rem 1.05rem;font-size:.95rem;line-height:1;text-decoration:none}.navbar__links a:hover{color:var(--text-dim)}.navbar__links a.is-active{color:var(--text);background:#333;font-weight:500}.navbar__right{align-items:center;gap:.9rem;margin-left:auto;display:flex}.navbar__icon{color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;min-width:32px;min-height:32px;padding:5px;display:inline-flex}.navbar__icon:hover{color:var(--text-dim)}.navbar__mute{color:var(--text-dim);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #333;border-radius:999px;padding:.3rem .75rem;font-family:inherit;font-size:.75rem}.navbar__mute:hover{color:var(--text);border-color:var(--text-dim)}.navbar__profile{cursor:pointer;background:0 0;border:none;align-items:center;gap:.4rem;padding:0;display:inline-flex}.navbar__avatar{border-radius:var(--radius);width:32px;height:32px;display:block}.navbar__caret{border-left:5px solid #0000;border-right:5px solid #0000;border-top:5px solid var(--text);width:0;height:0}.navbar__profile:hover .navbar__avatar,.navbar__profile:focus-visible .navbar__avatar{outline:2px solid var(--text);outline-offset:2px}.navbar__hamburger{color:var(--text);cursor:pointer;background:0 0;border:none;padding:.2rem .4rem;font-size:1.4rem;line-height:1;display:none}.shell__main{padding-bottom:4rem}.sidebar__overlay{z-index:90;background:#000000b3;position:fixed;inset:0}.sidebar{background:var(--surface);flex-direction:column;gap:.3rem;width:min(78vw,18rem);padding:3.5rem 1.25rem 1.25rem;display:flex;position:absolute;top:0;bottom:0;right:0}.sidebar a{color:var(--text-dim);padding:.7rem .25rem;text-decoration:none}.sidebar a.is-active,.sidebar a:hover{color:var(--text)}.sidebar__close{color:var(--text);cursor:pointer;background:0 0;border:none;font-size:1.4rem;position:absolute;top:.9rem;right:1rem}@media (width<=900px){.navbar__mute{display:none}}@media (width<=720px){.navbar__links{display:none}.navbar__hamburger{display:block}}.preview{margin-bottom:var(--row-gap);padding:0 clamp(.5rem,2.2vw,2.6rem)}.preview__frame{border-radius:12px;align-items:flex-end;min-height:min(72vh,620px);display:flex;position:relative;overflow:hidden}.preview__stage{position:absolute;inset:0;overflow:hidden}.preview__media,.preview__media img,.preview__media svg{object-fit:cover;width:100%;height:100%;display:block}.preview__stage--motion .preview__media{transform-origin:60% 45%;will-change:transform;animation:28s ease-in-out infinite alternate ken-burns}@keyframes ken-burns{0%{transform:scale(1)translate(0,0)}to{transform:scale(1.14)translate(-2%,-1.5%)}}.preview__scrim{background:linear-gradient(90deg,#141414f2 0%,#141414b3 35%,#0000 68%),linear-gradient(#0000 60%,#141414e6 100%);position:absolute;inset:0}.preview__body{max-width:42rem;padding:0 clamp(1.2rem,3.5vw,3rem) clamp(1.8rem,4vw,3rem);position:relative}.preview__title{letter-spacing:-.02em;text-shadow:0 3px 14px #000000a6;margin:0 0 1rem;font-size:clamp(2.2rem,6.5vw,4.2rem);font-weight:800;line-height:1.02}.preview__meta{color:var(--text);flex-wrap:wrap;align-items:center;gap:0;margin:0 0 1rem;font-size:1rem;display:flex}.preview__meta>span{align-items:center;display:inline-flex}.preview__dot{background:var(--text-dim);border-radius:50%;flex:none;width:4px;height:4px;margin:0 .7rem}.preview__blurb{color:var(--text);text-shadow:0 2px 8px #000000bf;max-width:36rem;margin:0 0 1.6rem;font-size:clamp(1rem,1.55vw,1.35rem);line-height:1.45}.preview__actions{flex-wrap:wrap;gap:.7rem;display:flex}.preview__btn{border-radius:999px;align-items:center;gap:.65rem;padding:.8rem 1.9rem;font-size:1.05rem;font-weight:500;text-decoration:none;transition:opacity .15s,background .15s;display:inline-flex}.preview__btn--play{color:#000;background:#fff}.preview__btn--play:hover{background:#ffffffc7}.preview__btn--info{color:var(--text);background:#6d6d6eb3}.preview__btn--info:hover{background:#6d6d6e80}.preview__play-icon{border-top:9px solid #0000;border-bottom:9px solid #0000;border-left:15px solid;width:0;height:0}.preview__info-icon{border:2px solid;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:.8rem;font-style:italic;font-weight:700;display:inline-flex}@media (prefers-reduced-motion:reduce){.preview__stage--motion .preview__media{animation:none}.preview__btn{transition:none}}@media (width<=600px){.preview__frame{border-radius:8px;min-height:68vh}.preview__btn{padding:.7rem 1.4rem;font-size:.95rem}}.preview__mute{width:42px;height:42px;color:var(--text);cursor:pointer;z-index:2;background:#00000059;border:2px solid #ffffff8c;border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:absolute;bottom:clamp(1.8rem,4vw,3rem);right:clamp(1rem,3vw,2.5rem)}.preview__mute:hover{border-color:var(--text);background:#0009}.card{--card-w:260px;--card-scale:1.18;--push:calc(var(--card-w) * (var(--card-scale) - 1) / 2);width:var(--card-w);scroll-snap-align:start;flex:none;transition:transform .3s;position:relative}.card__inner{cursor:pointer;border-radius:var(--radius);background:var(--surface);transform-origin:50%;transition:transform .3s,box-shadow .3s;display:block;position:relative}.card:hover .card__inner,.card:focus-within .card__inner{transform:scale(var(--card-scale));z-index:30;transition-delay:.4s;box-shadow:0 12px 32px #000000bf}:is(.row__track:has(.card:hover) .card,.row__track:has(.card:focus-within) .card){transform:translateX(calc(-1 * var(--push)));transition-delay:.4s}:is(.row__track:has(.card:hover) .card:hover,.row__track:has(.card:focus-within) .card:focus-within){transform:none}:is(.row__track:has(.card:hover) .card:hover~.card,.row__track:has(.card:focus-within) .card:focus-within~.card){transform:translateX(var(--push))}.card:first-child .card__inner{transform-origin:0}.card:last-child .card__inner{transform-origin:100%}:is(.row__track:has(.card:first-child:hover) .card,.row__track:has(.card:first-child:focus-within) .card){transform:translateX(calc(2 * var(--push)))}:is(.row__track:has(.card:first-child:hover) .card:first-child,.row__track:has(.card:first-child:focus-within) .card:first-child){transform:none}:is(.row__track:has(.card:last-child:hover) .card,.row__track:has(.card:last-child:focus-within) .card){transform:translateX(calc(-2 * var(--push)))}:is(.row__track:has(.card:last-child:hover) .card:last-child,.row__track:has(.card:last-child:focus-within) .card:last-child){transform:none}.card__frame{aspect-ratio:16/9;border-radius:var(--radius) var(--radius) 0 0;background:var(--surface);display:block;position:relative;overflow:hidden}.card__art,.card__frame>svg{object-fit:cover;width:100%;height:100%;display:block}.card__caption{letter-spacing:.04em;text-transform:uppercase;text-shadow:0 2px 6px #000000d9;opacity:0;font-size:.82rem;font-weight:700;transition:opacity .18s;position:absolute;bottom:.55rem;left:.7rem}.card:hover .card__caption,.card:focus-within .card__caption{opacity:1;transition-delay:.4s}.card__progress{background:#ffffff4d;height:3px;position:absolute;bottom:.35rem;left:.7rem;right:.7rem}.card__progress span{background:var(--accent);height:100%;display:block}.card__link{color:inherit;text-decoration:none;display:block}.card__panel{background:var(--surface);border-radius:0 0 var(--radius) var(--radius);max-height:0;padding:0 .7rem;transition:max-height .3s,padding .3s;overflow:hidden}.card:hover .card__panel,.card:focus-within .card__panel{max-height:220px;padding:.7rem;transition-delay:.4s}.card__buttons{align-items:center;gap:.4rem;margin-bottom:.5rem;display:flex}.cbtn{width:28px;height:28px;color:var(--text);cursor:pointer;background:#2a2a2a99;border:1.5px solid #ffffff80;border-radius:50%;justify-content:center;align-items:center;padding:0;text-decoration:none;transition:border-color .15s,background .15s;display:inline-flex}.cbtn:hover{border-color:var(--text);background:#464646cc}.cbtn--play{color:#000;background:#fff;border-color:#fff}.cbtn--play:hover{background:#ffffffc7}.cbtn--more{margin-left:auto}.cbtn__play{border-top:5.5px solid #0000;border-bottom:5.5px solid #0000;border-left:9px solid;width:0;height:0;margin-left:2px}.card__meta{color:var(--text);flex-wrap:wrap;align-items:center;margin:0 0 .35rem;font-size:.75rem;font-weight:500;display:flex}.card__meta>span{align-items:center;display:inline-flex}.card__dot{background:var(--text-dim);border-radius:50%;flex:none;width:3px;height:3px;margin:0 .45rem}.card__blurb{color:var(--text-dim);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:.78rem;line-height:1.4;display:-webkit-box;overflow:hidden}.card--ranked{--card-w:200px;width:calc(var(--card-w) + 96px);align-items:flex-end;display:flex}.card--ranked .card__rank{color:#141414;-webkit-text-stroke:3px #5a5a5a;letter-spacing:-.06em;-webkit-user-select:none;user-select:none;flex:none;margin-right:-.4rem;font-size:8.5rem;font-weight:800;line-height:.78}.card--ranked .card__inner{width:var(--card-w)}@media (prefers-reduced-motion:reduce){.card,.card__inner,.card__panel,.card__caption,.cbtn{transition:none}.card:hover .card__inner,.card:focus-within .card__inner,:is(.row__track:has(.card:hover) .card,.row__track:has(.card:focus-within) .card,.row__track:has(.card:first-child:hover) .card,.row__track:has(.card:first-child:focus-within) .card,.row__track:has(.card:last-child:hover) .card,.row__track:has(.card:last-child:focus-within) .card){transform:none}}@media (width<=620px){.card{--card-w:200px;--card-scale:1.06}.card--ranked{--card-w:150px}.card--ranked .card__rank{font-size:5.5rem}}.row{margin-bottom:var(--row-gap)}.row__head{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.7rem;padding-inline:clamp(1rem,3vw,3rem);display:flex}.row__title{letter-spacing:-.01em;margin:0;font-size:clamp(1.15rem,1.9vw,1.6rem);font-weight:700}.row__pages{flex:none;gap:.25rem;display:flex}.row__page{background:#4d4d4d;width:14px;height:2px}.row__page.is-active{background:#aaa}.row__track{scroll-snap-type:x mandatory;scrollbar-width:none;gap:.45rem;padding-block:.3rem;padding-inline:clamp(1rem,3vw,3rem);display:flex;overflow-x:auto}.row__track::-webkit-scrollbar{display:none}.row__viewport{position:relative}.row__arrow{z-index:40;width:clamp(2.4rem,3.5vw,3.5rem);color:var(--text);cursor:pointer;opacity:0;background:#1414148c;border:none;justify-content:center;align-items:center;transition:opacity .2s,background .2s;display:flex;position:absolute;top:0;bottom:0}.row__viewport:hover .row__arrow,.row__arrow:focus-visible{opacity:1}.row__arrow:hover{background:#141414cc}.row__arrow--left{left:0}.row__arrow--right{right:0}.row__track{margin-block:-2.2rem;padding-block:2.2rem}@media (prefers-reduced-motion:reduce){.row__arrow{transition:none}}:root{--canvas:#141414;--surface:#181818;--surface-hi:#232323;--accent:#e50914;--accent-hover:#f6121d;--text:#fff;--text-dim:#b3b3b3;--radius:4px;--row-gap:3rem;--font:"Netflix Sans", "Helvetica Neue", Helvetica, Arial, system-ui, sans-serif}*,:before,:after{box-sizing:border-box}body{background:var(--canvas);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0}img{max-width:100%;display:block}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.page{max-width:52rem;margin:0 auto;padding:2rem clamp(1rem,4vw,3.5rem)}.page__title{margin:0 0 2rem;font-size:clamp(1.4rem,3vw,2rem);font-weight:500}.route-fallback{min-height:60vh}