.title-page{--bg:#0c0d0c;--panel:#161815;--panel-2:#1d201b;--ink:#f5f5ee;--muted:#b4b7ac;--lime:#d2ec64;--lime-ink:#11130f;--gold:#ffc83d;--line:#ffffff14;--gutter:clamp(20px, 5vw, 82px);--heading:"Barlow Condensed", "Arial Narrow", "Aptos Narrow", sans-serif;background:var(--bg);color:var(--ink);font:400 15px/1.5 Inter,SF Pro Text,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.title-transition-overlay{z-index:40;position:fixed;inset:0;overflow:auto}.title-page .site-header{background:var(--bg);border-bottom:1px solid var(--line)}.title-page .masthead{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:22px;min-height:88px;display:grid}.title-page .masthead nav,.title-page .account{align-items:center;gap:clamp(13px,2.1vw,31px);display:flex}.title-page .account{justify-content:end;gap:clamp(9px,1.55vw,23px)}.title-page .masthead nav a,.title-page .account button{white-space:nowrap;font-size:.87rem;font-weight:650}.title-page .masthead nav a:hover,.title-page .account button:hover{color:var(--lime)}.title-page .brand{font-family:var(--heading);color:var(--lime);letter-spacing:.015em;white-space:nowrap;font-size:2.3rem;font-weight:800;line-height:1}.title-page .bare{color:inherit;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.title-page .account .icon svg{width:19px;height:19px}.title-page main{padding-bottom:60px}.title-page .hero{aspect-ratio:3.15;background:#161910;border-radius:18px;margin-top:clamp(16px,2.3vw,26px);overflow:hidden}.title-page .hero img{object-fit:cover;object-position:center 20%;width:100%;height:100%;display:block}.title-page .hero{position:relative}.title-page #hero-art{transition:opacity .35s}.title-page .hero.poster-mode #hero-art{filter:blur(40px)saturate(1.15)brightness(.5);transform:scale(1.3)}.title-page .hero #hero-poster{aspect-ratio:2/3;object-fit:cover;border-radius:12px;width:auto;height:84%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 24px 60px #000a}.title-page .detail{grid-template-columns:minmax(0,1.04fr) minmax(340px,.96fr);align-items:start;gap:clamp(27px,4vw,64px);padding-block:28px 56px;display:grid}.title-page .detail-info{min-width:0}.title-page .detail h1{font-family:var(--heading);text-transform:uppercase;letter-spacing:-.02em;overflow-wrap:normal;word-break:normal;max-width:100%;margin:0 0 11px;font-weight:800;line-height:.92}.title-page .detail h1.title-short{font-size:clamp(3.4rem,8.3vw,7.5rem)}.title-page .detail h1.title-medium{font-size:clamp(2.3rem,5.3vw,5rem)}.title-page .detail h1.title-long{font-size:clamp(1.9rem,3.8vw,3.6rem)}.title-page .russian-name{color:#d7d9d0;margin:0 0 11px;font-size:.97rem}.title-page .overview{color:var(--muted);margin:0 0 14px;font-size:.83rem}.title-page .description-box{max-width:64ch;position:relative}.title-page .description{color:#d8d9d4;white-space:pre-line;max-height:6.6em;margin:0;font-size:.96rem;line-height:1.65;transition:max-height .3s;overflow:hidden}.title-page .description[role=button]{cursor:pointer}.title-page .description-fade{background:linear-gradient(transparent, var(--bg));opacity:1;pointer-events:none;height:1.8rem;transition:opacity .3s;position:absolute;inset:auto 0 0}.title-page .description-box.expanded .description-fade{opacity:0}.title-page .rating{align-items:center;gap:11px;margin:16px 0 20px;display:flex}.title-page .stars{letter-spacing:4px;color:#4b4e42;white-space:nowrap;font:400 29px/1 Arial,sans-serif;display:inline-block;position:relative}.title-page .stars:after{content:"★★★★★";width:var(--fill,0%);color:var(--gold);position:absolute;inset:0;overflow:hidden}.title-page .rating-value{color:var(--muted);font-size:15px;font-weight:650}.title-page .secondary{min-height:52px;color:var(--ink);background:#ffffff10;border:1px solid #ffffff24;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:0 28px;font:650 16px/1 Inter,sans-serif;display:inline-flex}.title-page .secondary:hover{background:#ffffff1a}.title-page .secondary[disabled]{opacity:.5;cursor:not-allowed;pointer-events:none}.title-page .continue-button{border-color:var(--lime);color:var(--lime)}.title-page .continue-button:hover{background:#d9ff6a1a}.title-page .soon-badge{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;border:1px solid var(--line);border-radius:6px;padding:2px 6px;font-size:11px;font-weight:700}.title-page .button-row{flex-wrap:wrap;align-items:center;gap:12px;margin:2px 0 26px;display:flex}.title-page .button-row .remind-button,.title-page .button-row .secondary{margin:0}.title-page .announce-badge{border:1px solid var(--lime);height:26px;color:var(--lime);text-transform:uppercase;letter-spacing:.04em;border-radius:8px;align-items:center;margin:0 0 13px;padding:0 12px;font:600 13px/1 Inter,sans-serif;display:inline-flex}.title-page .announce-block{margin:2px 0 20px}.title-page .countdown{grid-template-columns:repeat(6,auto);gap:clamp(14px,2.2vw,30px);margin:0 0 16px;display:grid}.title-page .countdown-cell{flex-direction:column;align-items:center;gap:4px;display:flex}.title-page .countdown-value{min-width:2ch;font:800 clamp(2.2rem, 6vw, 5.6rem) / 1 var(--heading);font-variant-numeric:tabular-nums;letter-spacing:-.01em;text-align:center;display:inline-block}.title-page .countdown-label{color:var(--muted);font-size:13px}.title-page .announce-message{max-width:32ch;font-family:var(--heading);text-transform:uppercase;letter-spacing:-.01em;color:var(--ink);margin:0 0 16px;font-size:clamp(1.5rem,2.6vw,2.1rem);font-weight:800;line-height:1.05}.title-page .announce-release-line{color:var(--ink);margin:0 0 18px;font-size:.96rem}.title-page .remind-button{background:var(--lime);min-height:52px;color:var(--lime-ink);border:0;border-radius:12px;align-items:center;gap:10px;margin:0 0 26px;padding:0 28px;font:650 16px/1 Inter,sans-serif;display:inline-flex}.title-page .remind-button:hover{background:#e4fa89}.title-page .detail.announce-mode{grid-template-columns:1fr}.title-page .related-section{margin:8px 0 0}.title-page .related-heading{font-family:var(--heading);text-transform:uppercase;letter-spacing:.01em;margin:0 0 16px;font-size:clamp(1.9rem,2.3vw,2.5rem);font-weight:800}.title-page .related-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:22px 16px;display:grid}.title-page .related-card{min-width:0;display:block}.title-page .related-poster{aspect-ratio:2/3;object-fit:cover;background:var(--panel-2);border-radius:8px;width:100%;transition:filter .2s;display:block}.title-page .related-card:hover .related-poster{filter:brightness(1.12)}.title-page .related-card strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.6em;margin:8px 0 2px;font-size:15px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.title-page .related-card:hover strong{color:var(--lime)}.title-page .related-card small{color:var(--muted);font-size:13px}@media (max-width:480px){.title-page .countdown{grid-template-columns:repeat(3,1fr);gap:16px 10px}.title-page .countdown-value{font-size:clamp(1.9rem,13vw,2.6rem)}}.title-page .episode-panel{background:var(--panel);border-radius:18px;min-width:0;padding:24px}.title-page .next-episode-banner{background:var(--panel-2);border-radius:10px;flex-wrap:wrap;align-items:baseline;gap:8px;margin:0 0 16px;padding:12px 14px;font-size:.87rem;display:flex}.title-page .next-episode-text{color:var(--ink);font-weight:650}.title-page .next-episode-date{color:var(--muted)}.title-page .episode-head{align-items:center;gap:12px;min-height:40px;margin-bottom:18px;display:flex}.title-page .episode-head .text-button{white-space:nowrap;margin-left:auto}.title-page .episode-head h2{margin:0;font-size:.95rem;font-weight:650}.title-page .text-button{color:var(--muted);background:0 0;border:0;padding:4px 0;font-size:.87rem;font-weight:650}.title-page .text-button:hover{color:var(--lime)}.title-page .season-control{position:relative}.title-page .season-toggle{background:var(--panel-2);min-height:40px;color:var(--ink);white-space:nowrap;border:0;border-radius:10px;align-items:center;gap:10px;padding:0 16px;font:650 .92rem/1 Inter,sans-serif;transition:background .2s;display:inline-flex}.title-page .season-toggle:hover,.title-page .season-toggle[aria-expanded=true]{background:#23271f}.title-page .season-toggle svg{stroke-width:1.9px;width:13px;height:13px;transition:transform .2s}.title-page .season-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.title-page .season-list{z-index:6;background:var(--panel-2);scrollbar-width:none;border-radius:12px;width:max-content;min-width:100%;max-width:min(320px,70vw);max-height:260px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 8px);left:0;overflow:auto;box-shadow:0 18px 50px #000a}.title-page .season-list::-webkit-scrollbar{display:none}.title-page .season-option{white-space:nowrap;cursor:pointer;border-radius:8px;padding:9px 13px;font-size:.88rem;font-weight:600}.title-page .season-option:hover{background:#ffffff12}.title-page .season-option[aria-selected=true]{color:var(--lime-ink);background:var(--lime)}.title-page .episode-grid{gap:10px;margin:0;padding:0;list-style:none;display:grid}.title-page .episode-card{border-radius:12px;grid-template-columns:minmax(120px,47%) minmax(0,1fr);align-items:center;gap:clamp(12px,2vw,23px);margin:-7px;padding:7px;transition:background .2s;display:grid}.title-page .episode-card:hover{background:#ffffff0d}.title-page .episode-info{overflow-wrap:anywhere;min-width:0}.title-page .episode-label{color:var(--lime);letter-spacing:.02em;margin-bottom:5px;font-size:13px;font-weight:650;display:block}.title-page .episode-title{color:var(--ink);font-size:1.12rem;font-weight:700;line-height:1.25;display:block}.title-page .episode-synopsis{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:6px 0 0;font-size:.85rem;line-height:1.45;display:-webkit-box;overflow:hidden}.title-page .episode-thumb{aspect-ratio:16/9;background:#20231c;border-radius:12px;display:block;position:relative;overflow:hidden}.title-page .episode-thumb img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.title-page .episode-thumb.slider img{opacity:0;transition:opacity .6s}.title-page .episode-thumb.slider img.active{opacity:1}.title-page .episode-thumb.placeholder{background:var(--panel-2)}.title-page .episode-thumb.placeholder .placeholder-bg{filter:blur(16px)saturate(.9)brightness(.42);transform:scale(1.2)}.title-page .episode-thumb.placeholder .placeholder-number{font:800 clamp(1.9rem, 4.6vw, 3.1rem) / 1 var(--heading);color:#ffffff6b;letter-spacing:-.01em;text-shadow:0 2px 20px #00000080;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.title-page .episode-range-control{margin-bottom:16px}.title-page .dialog-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;padding:16px 16px 16px 24px;display:flex}.title-page .dialog-head h2{font-family:var(--heading);text-transform:uppercase;letter-spacing:.01em;margin:0;font-size:1.5rem;font-weight:800}.title-page .episodes-panel{background:#181a17ed;border-radius:20px;grid-template-rows:auto minmax(0,1fr);width:min(1320px,100vw - 48px);height:min(800px,84dvh);max-height:calc(100dvh - 36px);display:grid;overflow:hidden;box-shadow:0 24px 90px #0009}.title-page .episode-scroll{overscroll-behavior:contain;scrollbar-width:none;min-height:0;padding:22px 24px 26px;overflow:auto}.title-page .episode-scroll::-webkit-scrollbar{display:none}.title-page .episodes-dialog .episode-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));align-items:start;gap:22px}.title-page .episodes-dialog .episode-card{grid-template-columns:1fr;align-content:start;gap:10px}.title-page .episodes-dialog .episode-card .episode-title{font-size:1.04rem}.title-page .dialog-actions{flex-wrap:wrap;gap:10px;display:flex}.title-page .button{border:1px solid var(--line);color:var(--ink);background:#10130fc9;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:8px 17px;font-size:.88rem;font-weight:750;display:inline-flex}.title-page .button:hover{border-color:var(--lime);color:var(--lime)}.title-page .button.primary{border-color:var(--lime);background:var(--lime);color:var(--lime-ink)}.title-page .button.primary:hover{background:#e4fa89}body:has(dialog[open]){overflow:hidden}@media (max-width:1050px){.title-page .account .register{display:none}}@media (max-width:850px){.title-page .masthead{gap:14px}.title-page .masthead nav,.title-page .account{gap:12px}.title-page .detail{grid-template-columns:minmax(0,1fr) minmax(240px,.83fr);gap:25px}.title-page .hero{aspect-ratio:2.35}.title-page .episode-card{grid-template-columns:minmax(88px,48%) minmax(0,1fr);gap:10px}}@media (max-width:720px){.title-page .masthead{grid-template-columns:1fr 1fr;grid-template-areas:"brand brand""nav account";gap:4px 12px;min-height:88px;padding-block:8px}.title-page .masthead nav{grid-area:nav;gap:10px}.title-page .masthead .brand{grid-area:brand;justify-self:center;font-size:1.8rem}.title-page .masthead .account{grid-area:account;gap:6px}.title-page .masthead nav a,.title-page .account button{font-size:.76rem}}@media (max-width:610px){.title-page .hero{aspect-ratio:1.85;border-radius:13px;margin-top:11px}.title-page .detail{grid-template-columns:1fr;gap:24px;padding-block:20px 35px}.title-page .episode-panel{padding:18px}.title-page .episode-card{grid-template-columns:minmax(105px,43%) minmax(0,1fr)}.title-page .dialog-head{padding:10px 10px 10px 16px}.title-page .dialog-head h2{font-size:1.2rem}.title-page .episode-scroll{padding:16px 16px 18px}.title-page .episodes-dialog .episode-grid{grid-template-columns:1fr;gap:16px}}.title-page main,.title-page #skeleton-wrap{position:relative}.title-page #skeleton-wrap.fading{opacity:0;pointer-events:none;transition:opacity .25s}.title-page .skel-fill,.title-page .skel-line,.title-page .skel-thumb,.title-page .skel-button{background:linear-gradient(100deg, var(--panel) 25%, var(--panel-2) 50%, var(--panel) 75%);background-size:250% 100%;animation:1.8s ease-in-out infinite skel-shimmer}@keyframes skel-shimmer{0%{background-position:180% 0}to{background-position:-80% 0}}.title-page .skel-fill{border-radius:18px;width:100%;height:100%;display:block}.title-page .skel-line{border-radius:6px;display:block}.title-page .skel-title{border-radius:12px;width:60%;height:clamp(2.3rem,5.3vw,4.2rem);margin:0 0 14px}.title-page .skel-sub{width:30%;height:.97rem;margin:0 0 11px}.title-page .skel-meta{width:22%;height:.83rem;margin:0 0 14px}.title-page .skel-desc{width:100%;height:.96rem;margin:0 0 9px}.title-page .skel-desc-short{width:58%;height:.96rem;margin:0 0 20px}.title-page .skel-button{border-radius:12px;width:168px;height:52px;display:block}.title-page .skel-panel-title{width:42%;height:.95rem;margin:0}.title-page .skel-thumb{border-radius:12px;position:absolute;inset:0}.title-page .skel-card-label{width:46%;height:13px;margin:0 0 7px}.title-page .skel-card-title{border-radius:5px;width:80%;height:1.05rem;margin:0}.title-page .loading-overlay{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px;display:flex;position:absolute;inset:0}.title-page .loading-visual{align-items:flex-end;gap:6px;height:20px;display:flex}.title-page .frame-tile{background:var(--lime);opacity:.2;border-radius:4px;width:13px;height:18px;animation:2s cubic-bezier(.3,0,.2,1) infinite frame-assemble;transform:scale(.7)translateY(3px)}.title-page .frame-tile:nth-child(2){animation-delay:.16s}.title-page .frame-tile:nth-child(3){animation-delay:.32s}.title-page .frame-tile:nth-child(4){animation-delay:.48s}@keyframes frame-assemble{0%,to{opacity:.2;transform:scale(.7)translateY(3px)}35%,65%{opacity:1;transform:scale(1)translateY(0)}}.title-page .loading-text{max-width:36ch;color:var(--muted);margin:0;font:400 15px/1.5 Inter,sans-serif;transition:opacity .18s}.title-page .loading-support{height:40px;color:var(--ink);background:#ffffff10;border:1px solid #ffffff24;border-radius:10px;padding:0 18px;font:600 14px/1 Inter,sans-serif}.title-page .loading-support:hover{background:#ffffff1a}.title-page .error-state{text-align:center;flex-direction:column;align-items:center;gap:18px;padding-block:60px;display:flex}.title-page .error-text{color:var(--muted);margin:0;font-size:.96rem}.title-page .reveal-1,.title-page .reveal-2,.title-page .reveal-3,.title-page .reveal-4{opacity:0;transition:opacity .34s,transform .34s;transform:translateY(10px)}.title-page .reveal-2{transition-delay:70ms}.title-page .reveal-3{transition-delay:.14s}.title-page .reveal-4{transition-delay:.21s}html.content-ready .title-page .reveal-1,html.content-ready .title-page .reveal-2,html.content-ready .title-page .reveal-3,html.content-ready .title-page .reveal-4{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.title-page .skel-fill,.title-page .skel-line,.title-page .skel-thumb,.title-page .skel-button,.title-page .frame-tile{background:var(--panel-2)!important;animation:none!important}.title-page .frame-tile{opacity:.75;background:var(--lime);transform:none}}@media (max-width:610px){.title-page .loading-text{font-size:14.5px}}
.room-create{z-index:40;opacity:0;pointer-events:none;background:#0c0d0c00;flex-direction:column;justify-content:center;align-items:center;gap:30px;padding:24px;transition:opacity .32s,background-color .32s;display:flex;position:fixed;inset:0}.room-create--shown{opacity:1;pointer-events:auto;-webkit-backdrop-filter:blur(18px);background:#0c0d0cf0}.room-create__frame{aspect-ratio:16/9;border:1px solid var(--color-line);background:var(--color-panel);opacity:0;border-radius:18px;width:min(92vw,1040px);max-height:66vh;transition:transform .7s cubic-bezier(.2,.8,.2,1),opacity .42s;position:relative;overflow:hidden;transform:scale(.94);box-shadow:0 30px 80px #000c}.room-create--shown .room-create__frame{opacity:1;animation:2.4s ease-in-out .7s infinite room-create-pulse;transform:scale(1)}.room-create__poster{object-fit:cover;background:var(--color-panel-light);border-radius:12px;width:22%;height:58.7%;transition:width .7s cubic-bezier(.2,.8,.2,1),height .7s cubic-bezier(.2,.8,.2,1),border-radius .7s,filter .9s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 24px 60px #000a}.room-create--shown .room-create__poster{filter:brightness(.55)saturate(1.1);border-radius:0;width:100%;height:100%}.room-create__poster--empty{background:linear-gradient(160deg, var(--color-panel-light), var(--color-panel))}.room-create__shade{opacity:0;background:linear-gradient(#0c0d0c00 40%,#0c0d0c8c 100%);transition:opacity .6s .3s;position:absolute;inset:0}.room-create--shown .room-create__shade{opacity:1}.room-create__play{width:64px;height:64px;color:var(--color-lime);opacity:0;transition:opacity .4s .6s,transform .5s cubic-bezier(.2,.8,.2,1) .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.8)}.room-create--shown .room-create__play{opacity:1;transform:translate(-50%,-50%)scale(1)}.room-create__label{font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;color:var(--color-text);opacity:0;align-items:baseline;gap:10px;margin:0;font-size:30px;font-weight:700;line-height:1;transition:opacity .4s .2s,transform .5s cubic-bezier(.2,.8,.2,1) .2s;display:inline-flex;transform:translateY(8px)}.room-create--shown .room-create__label{opacity:1;transform:translateY(0)}.room-create--error .room-create__label{color:var(--color-text-muted)}.room-create--error .room-create__frame{animation:none}.room-create__dots{gap:5px;display:inline-flex}.room-create__dots i{background:var(--color-lime);border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite room-create-dot}.room-create__dots i:nth-child(2){animation-delay:.2s}.room-create__dots i:nth-child(3){animation-delay:.4s}@keyframes room-create-pulse{0%,to{border-color:var(--color-line);box-shadow:0 0 #d2ec6400,0 30px 80px #000c}50%{border-color:#d2ec6473;box-shadow:0 0 0 8px #d2ec6414,0 30px 80px #000c}}@keyframes room-create-dot{0%,to{opacity:.25;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}}@media (max-width:720px){.room-create{gap:22px}.room-create__label{font-size:22px}.room-create__play{width:48px;height:48px}}@media (prefers-reduced-motion:reduce){.room-create,.room-create__frame,.room-create__poster,.room-create__label,.room-create__play{transition-duration:1ms}.room-create--shown .room-create__frame,.room-create__dots i{animation:none}}