/* Four real-cover fans open the choice; labels remain on paper. */
:root{--font:Golos,Arial,sans-serif;--bg:var(--brand-paper);--text:var(--brand-ink);--gutter:clamp(20px,5vw,80px);--page-max:1440px;--landing-header-height:96px;--typo-1:#273b65;--typo-2:#30486d;--typo-3:#243b52;--typo-4:#3b4266;--typo-ink:var(--brand-inverse);--typo-ink-2:var(--brand-accent)}
*{box-sizing:border-box}html{scroll-padding-top:calc(var(--landing-header-height) + 12px)}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 var(--font);-webkit-font-smoothing:antialiased}[hidden]{display:none!important}h1,h2,h3,p{margin:0}a{color:var(--brand-primary);text-underline-offset:4px}::selection{background:var(--brand-selected);color:var(--brand-ink)}:focus-visible{outline:3px solid var(--brand-primary);outline-offset:7px}*{scrollbar-color:var(--brand-strong-line) var(--brand-paper)}
.i{width:22px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.num{font-variant-numeric:tabular-nums}.skip{position:absolute;z-index:20;top:12px;left:20px;padding:10px 16px;background:var(--brand-primary);color:white;transform:translateY(-180%);border-radius:24px}.skip:focus{transform:none}
.top{position:sticky;top:0;z-index:10;background:var(--bg)}.top-in,main,.foot-in,.finale-inner{max-width:var(--page-max);padding-inline:var(--gutter);margin-inline:auto}.top-in{min-height:var(--landing-header-height);display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:inline-flex;flex:none;text-decoration:none}.brand .site-logo{width:164px;height:auto}.btn,.landing-action{display:inline-flex;align-items:center;justify-content:center;gap:26px;min-height:48px;border:0;border-radius:999px;padding:12px 22px;font-size:14px;line-height:1.5;font-weight:550;text-decoration:none}.btn-primary{background:var(--brand-primary);color:white}.btn-primary:hover{background:var(--brand-hover)}
.first{padding:48px 0 58px}.intro{display:grid;grid-template-columns:1.15fr 1fr;align-items:end;gap:70px;margin-bottom:42px}.intro h1{max-width:17ch;font:500 clamp(34px,3.6vw,52px)/1.27 Unbounded,Golos,sans-serif;letter-spacing:-.035em;text-wrap:balance}.intro h1 span{color:var(--brand-primary)}.sub{max-width:46ch;padding-bottom:6px;font-size:17px;line-height:1.85;color:var(--brand-muted)}
.doors{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px}.door{min-width:0;display:block;text-decoration:none;color:var(--brand-ink);border-radius:32px}.door-art{position:relative;display:block;height:clamp(230px,24vw,306px);isolation:isolate}.door-art::before{content:'';position:absolute;inset:24px 0 0;z-index:-1;border-radius:160px 160px 38px 38px;background:var(--door-ground,var(--brand-inverse))}.door[data-domain=game]{--door-ground:var(--brand-dark)}.door[data-domain=film]{--door-ground:var(--brand-accent)}.door[data-domain=series]{--door-ground:var(--brand-primary)}.door[data-domain=cartoon]{--door-ground:var(--brand-inverse)}.wall{position:absolute;inset:0;display:block}
.ph{position:relative;display:block;overflow:hidden;isolation:isolate;background:var(--typo-1);color:var(--typo-ink)}.ph[data-tone="2"]{background:var(--typo-2)}.ph[data-tone="3"]{background:var(--typo-3)}.ph[data-tone="4"]{background:var(--typo-4)}.ph .typo{position:absolute;inset:0;padding:12px;display:flex;flex-direction:column;justify-content:space-between}.typo-title{position:relative;z-index:1;font-size:14px;line-height:1.35;font-weight:600;overflow-wrap:anywhere}.typo-foot{position:relative;z-index:1;font-size:12px;color:var(--typo-ink-2)}.typo-initial{position:absolute;bottom:20%;right:8%;font-size:70px;line-height:1;font-weight:700;opacity:.12}.ph img{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0}.ph img.is-loaded{opacity:1}
.door-cover{position:absolute;width:46%;aspect-ratio:2/3;border-radius:12px;box-shadow:0 12px 24px #15213d24;transition:transform .48s cubic-bezier(.16,1,.3,1),box-shadow .48s cubic-bezier(.16,1,.3,1)}.door-cover:nth-child(1){left:5%;top:52px;transform:rotate(-16deg)}.door-cover:nth-child(2){z-index:2;left:25%;top:20px;width:52%;transform:rotate(-3deg)}.door-cover:nth-child(3){left:49%;top:56px;transform:rotate(15deg)}.door-go{display:grid;place-items:center;position:absolute;z-index:3;top:18px;right:10px;width:44px;height:44px;border-radius:50%;background:white;color:var(--brand-primary);box-shadow:0 5px 14px #15213d12}.door-label{display:block;padding:20px 5px 0}.door-title{display:block;font-size:24px;font-weight:600;line-height:1.35;letter-spacing:-.02em}.door-count{display:block;margin-top:5px;font-size:13px;color:var(--brand-muted)}
.door:is(:hover,:focus-visible) .door-cover:nth-child(1){transform:translate(-4px,-3px) rotate(-22deg)}.door:is(:hover,:focus-visible) .door-cover:nth-child(2){transform:translateY(-12px) rotate(0);box-shadow:0 18px 30px #15213d30}.door:is(:hover,:focus-visible) .door-cover:nth-child(3){transform:translate(5px,-2px) rotate(21deg)}.door:is(:hover,:focus-visible) .door-go{background:var(--brand-primary);color:white}.choice-note{margin-top:26px;color:var(--brand-muted);font-size:13px}
.foot{background:var(--brand-dark);color:var(--brand-inverse)}.foot-in{display:flex;align-items:center;justify-content:space-between;gap:45px;padding-block:30px 36px}.foot .site-logo{width:140px}.foot p{max-width:75ch;font-size:12px;line-height:1.8;color:var(--brand-accent)}.foot :focus-visible{outline-color:var(--brand-accent)}
@media(min-width:1600px){.door-art{height:326px}.door-cover:nth-child(2){top:27px}}
@media(max-width:1050px){.intro{gap:35px}.intro h1{font-size:35px}.sub{font-size:15px}.doors{gap:20px}.door-art{height:242px}.door-title{font-size:21px}.door-cover:nth-child(1){top:48px}.door-cover:nth-child(3){top:52px}}
@media(max-width:760px){:root{--landing-header-height:82px}.top-in{gap:14px}.brand .site-logo{width:128px}.btn{min-height:44px;padding:10px 15px;gap:14px;font-size:13px}.first{padding:30px 0 36px}.intro{grid-template-columns:1fr;gap:22px;margin-bottom:30px}.intro h1{font-size:clamp(29px,5.5vw,40px);max-width:20ch}.sub{font-size:15px;line-height:1.8;max-width:54ch}.doors{grid-template-columns:repeat(2,minmax(0,1fr));gap:27px 20px}.door-art{height:clamp(176px,47vw,270px)}.door-art::before{inset:17px 0 0;border-radius:120px 120px 28px 28px}.door-cover{border-radius:9px}.door-cover:nth-child(1){top:40px}.door-cover:nth-child(2){top:15px;width:57%;left:23%}.door-cover:nth-child(3){top:43px}.door-go{width:36px;height:36px;top:8px;right:4px}.door-go .i{width:19px;height:19px}.door-label{padding:14px 2px 0}.door-title{font-size:20px}.door-count{font-size:12px}.choice-note{margin-top:25px;font-size:12px}.foot-in{flex-direction:column;align-items:flex-start;gap:20px;padding-block:24px 30px}}
@media(max-width:360px){.brand .site-logo{width:110px}.btn{padding-inline:13px;font-size:12px;gap:8px}.intro h1{font-size:28px}.doors{gap:25px 16px}.door-art{height:165px}.door-title{font-size:18px}.door-go{width:32px;height:32px;right:0}.ph .typo{padding:8px}.typo-title{font-size:12px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.door:is(:hover,:focus-visible) .door-cover:nth-child(1){transform:rotate(-16deg)}.door:is(:hover,:focus-visible) .door-cover:nth-child(2){transform:rotate(-3deg)}.door:is(:hover,:focus-visible) .door-cover:nth-child(3){transform:rotate(15deg)}}
.ph.is-img .typo{visibility:hidden}
.doors:focus-visible{outline:none}