/* Главная VIO Gameplay. Стили изолированы от каталога и игровых экранов. */
#home-page .landing-kicker{font-size:14px;line-height:20px;font-weight:650;color:var(--muted);margin:0 0 16px}#home-page .landing-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:32px;align-items:center;padding-block:64px 48px;min-height:600px}#home-page .landing-hero h1{font-size:60px;line-height:1.08;letter-spacing:-2.4px;font-weight:750;max-width:680px;text-wrap:balance;margin:0}#home-page .landing-hero h1>span{display:block}#home-page .landing-lead{font-size:18px;line-height:28px;color:var(--muted);max-width:500px;margin:24px 0 0;text-wrap:pretty}#home-page .landing-hero-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:32px}#home-page .landing-cta{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:56px;background:var(--accent);color:var(--accent-text,var(--surface));font-size:16px;line-height:24px;font-weight:700;padding:16px 24px;border:1px solid transparent;border-radius:12px;text-align:center;touch-action:manipulation;transition:transform 180ms cubic-bezier(.32,.72,0,1),background 180ms cubic-bezier(.32,.72,0,1)}#home-page .landing-cta>svg{width:20px;height:20px}#home-page .landing-cta:hover{transform:translateY(-2px)}#home-page .landing-cta:active{transform:translateY(1px)}#home-page .landing-join{min-height:44px;display:inline-flex;align-items:center;font-size:14px;line-height:20px;font-weight:650;text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--line)}#home-page .landing-join:hover{text-decoration-color:var(--ink)}#home-page .landing-microcopy{display:flex;gap:8px;align-items:start;color:var(--muted);font-size:12px;line-height:20px;margin:16px 0 0}#home-page .landing-microcopy svg{width:16px;height:16px;flex-shrink:0;margin-top:2px}#home-page .landing-hero-art{position:relative;min-width:0}#home-page .landing-hero-art>svg{display:block;width:100%;height:auto}#home-page .landing-art-caption{position:absolute;bottom:8px;left:0;right:0;text-align:center;font-size:12px;line-height:16px;color:var(--muted);margin:0}#home-page .landing-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:20px 24px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}#home-page .landing-facts>p{display:flex;align-items:center;justify-content:center;gap:10px;font-size:14px;line-height:20px;margin:0;font-weight:600}#home-page .landing-facts svg{width:20px;height:20px;color:var(--accent);flex-shrink:0}#home-page .landing-section{padding-block:80px 0}#home-page .landing-section-heading{display:flex;justify-content:space-between;align-items:end;gap:48px;margin-bottom:32px}#home-page .landing-section h2,#home-page .landing-example-section h2,#home-page .landing-start h2{font-size:36px;line-height:40px;font-weight:750;letter-spacing:-1.2px;text-wrap:balance;margin:0}#home-page .landing-section-heading>p,#home-page .landing-section-heading>div>p{font-size:16px;line-height:24px;color:var(--muted);max-width:430px;margin:0;text-wrap:pretty}#home-page .landing-section-heading>div>p{margin-top:16px}#home-page .landing-moods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}#home-page .landing-moods article{padding:24px;border-radius:16px;background:var(--surface);border:1px solid var(--line);display:flex;flex-direction:column;align-items:start}#home-page .landing-moods article:nth-child(2){background:var(--blue)}#home-page .landing-moods article:nth-child(3){background:var(--rose)}#home-page .landing-mood-symbol{display:grid;place-items:center;width:48px;height:48px;margin-bottom:24px}#home-page .landing-mood-symbol svg{width:40px;height:40px;fill:none;stroke:var(--ink);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}#home-page .landing-moods h3{font-size:20px;line-height:28px;letter-spacing:-.4px;font-weight:750;margin:0}#home-page .landing-moods p{font-size:16px;line-height:24px;color:var(--muted);margin:12px 0 24px;text-wrap:pretty}#home-page .landing-game-names{font-size:12px;line-height:20px;font-weight:600;color:var(--ink);margin-top:auto}#home-page .landing-example-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:64px;align-items:center;padding-top:96px}#home-page .landing-example-copy>p:not(.landing-kicker){font-size:16px;line-height:28px;color:var(--muted);max-width:440px;margin:20px 0 0;text-wrap:pretty}#home-page .landing-example{margin:0;padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:24px;box-shadow:0 8px 0 var(--soft)}#home-page .landing-example>figcaption{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:12px;line-height:16px;color:var(--muted);margin-bottom:24px}#home-page .landing-example>figcaption>span:last-child{padding:4px 8px;border:1px solid var(--line);border-radius:8px;color:var(--ink)}#home-page .landing-demo-top{display:flex;gap:8px;align-items:center;font-size:14px;line-height:20px}#home-page .landing-demo-top>span:last-child{margin-left:auto;font-size:12px;color:var(--muted)}#home-page .landing-demo-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);flex-shrink:0}#home-page .landing-demo-scene{display:flex;align-items:center;justify-content:center;gap:24px;background:var(--soft);border:1px solid var(--line);border-radius:16px;margin-top:16px;padding:24px 16px}#home-page .landing-demo-scene>svg{width:72px;height:64px;fill:var(--blue);stroke:var(--ink);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}#home-page .landing-demo-scene>p{font-size:20px;line-height:28px;letter-spacing:-.3px;font-weight:700;margin:0}#home-page .landing-demo-players{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:16px}#home-page .landing-demo-players>div{padding:16px 8px 12px;border:1px solid var(--line);border-radius:12px;background:var(--bg);display:grid;justify-items:center;gap:8px;text-align:center;min-width:0}#home-page .landing-demo-avatar{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--line);border-radius:50%;font-size:14px;font-weight:700;background:var(--rose)}#home-page .landing-demo-players>div:nth-child(2) .landing-demo-avatar{background:var(--blue)}#home-page .landing-demo-players>div:nth-child(3) .landing-demo-avatar{background:var(--soft)}#home-page .landing-demo-players>div>strong{font-size:14px;line-height:20px;font-weight:650}#home-page .landing-demo-envelope{display:grid;justify-items:center;gap:4px;font-size:12px;line-height:16px;color:var(--muted);text-wrap:balance}#home-page .landing-demo-envelope svg{width:16px;height:16px;opacity:.7}#home-page .landing-example-note{font-size:12px;line-height:20px;color:var(--muted);margin:16px 0 0;text-wrap:pretty}#home-page .landing-text-link{display:inline-flex;gap:8px;align-items:center;min-height:44px;font-size:14px;line-height:20px;font-weight:700;white-space:nowrap;text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--line)}#home-page .landing-text-link:hover{text-decoration-color:var(--ink)}#home-page .landing-text-link svg{width:18px;height:18px}#home-page .landing-featured-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px}#home-page .landing-game{display:block;min-width:0;border-radius:16px}#home-page .landing-game-art{aspect-ratio:1.6;display:grid;place-items:center;overflow:hidden;border:1px solid var(--line);border-radius:16px;transition:transform 220ms cubic-bezier(.32,.72,0,1)}#home-page .landing-game-art>svg{width:76%;height:94%;display:block}#home-page .landing-game:hover .landing-game-art{transform:translateY(-3px)}#home-page .landing-game-copy{padding-top:16px}#home-page .landing-game-title{font-size:20px;line-height:28px;font-weight:750;letter-spacing:-.4px;margin:0 0 4px}#home-page .landing-game-meta{display:block;font-size:12px;line-height:20px;color:var(--muted)}#home-page .landing-game-desc{font-size:14px;line-height:20px;margin:12px 0 0;color:var(--muted);max-width:340px;text-wrap:pretty}#home-page .landing-tagline{padding-block:96px 0}#home-page .landing-tagline>h2{font-size:48px;line-height:1.15;font-weight:750;letter-spacing:-1.7px;max-width:800px;margin:0;text-wrap:balance}#home-page .landing-tagline-line{display:block}#home-page .landing-tagline-line>span{display:inline-block}#home-page .landing-tagline>p{font-size:16px;line-height:28px;color:var(--muted);max-width:510px;margin:24px 0 0;text-wrap:pretty}#home-page .landing-device-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}#home-page .landing-device-grid>article{padding:0 16px 0 0}#home-page .landing-device-art{width:96px;height:72px;fill:var(--surface);stroke:var(--ink);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;margin-bottom:24px}#home-page .landing-device-grid>article:nth-child(2) .landing-device-art{fill:var(--blue)}#home-page .landing-device-grid>article:nth-child(3) .landing-device-art{fill:var(--rose)}#home-page .landing-device-grid h3{font-size:20px;line-height:28px;font-weight:750;letter-spacing:-.4px;margin:0 0 12px}#home-page .landing-device-grid p{font-size:16px;line-height:24px;color:var(--muted);margin:0;text-wrap:pretty}#home-page .landing-device-note{display:flex;align-items:start;gap:10px;padding:16px 20px;border:1px solid var(--line);border-radius:12px;background:var(--surface);font-size:14px;line-height:20px;color:var(--muted);margin:32px 0 0}#home-page .landing-device-note svg{width:20px;height:20px;color:var(--accent);flex-shrink:0}#home-page .landing-start{margin-top:80px;padding:40px;border:1px solid var(--line);border-radius:24px;background:var(--soft);display:grid;grid-template-columns:.8fr 1.2fr;gap:64px}#home-page .landing-start>ol{display:grid;gap:24px;list-style:none;padding:0;margin:0}#home-page .landing-start li{display:flex;gap:16px;align-items:start}#home-page .landing-step-number{width:36px;height:36px;flex-shrink:0;display:grid;place-items:center;border:1px solid var(--line);background:var(--surface);border-radius:50%;font-size:14px;font-weight:700}#home-page .landing-start h3{font-size:18px;line-height:28px;font-weight:700;margin:0 0 8px}#home-page .landing-start li p{font-size:14px;line-height:24px;color:var(--muted);margin:0;text-wrap:pretty}#home-page .landing-faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px}#home-page .landing-faq-heading>p{font-size:14px;line-height:24px;color:var(--muted);margin:16px 0 0}#home-page .landing-faq-list{display:grid;gap:8px}#home-page .landing-faq-list>details{border:1px solid var(--line);border-radius:12px;background:var(--surface);overflow:hidden}#home-page .landing-faq-list summary{display:flex;justify-content:space-between;gap:16px;align-items:center;min-height:64px;cursor:pointer;list-style:none;font-size:16px;line-height:24px;font-weight:650;padding:16px 20px}#home-page .landing-faq-list summary::-webkit-details-marker{display:none}#home-page .landing-faq-list summary::after{content:'+';font-size:24px;line-height:24px;font-weight:400;color:var(--muted);flex-shrink:0}#home-page .landing-faq-list details[open] summary::after{content:'−'}#home-page .landing-faq-list details[open]{background:var(--soft)}#home-page .landing-faq-list details>p{font-size:14px;line-height:24px;color:var(--muted);padding:0 20px 20px;margin:0;text-wrap:pretty}#home-page .landing-final{margin-top:80px;margin-bottom:64px;background:var(--blue);border:1px solid var(--line);border-radius:24px;padding:48px;display:flex;justify-content:space-between;align-items:center;gap:32px}#home-page .landing-final h2{font-size:48px;line-height:1.15;font-weight:750;letter-spacing:-1.6px;margin:0;text-wrap:balance}#home-page .landing-final p{font-size:16px;line-height:24px;color:var(--muted);margin:16px 0 0}#home-page .landing-final-action{display:flex;flex-direction:column;align-items:center;gap:12px}#home-page .landing-final-action>span{font-size:12px;line-height:20px;color:var(--muted)}#home-page a:focus-visible,#home-page summary:focus-visible{outline:3px solid var(--focus,var(--accent));outline-offset:4px}
@media(max-width:1100px){#home-page .landing-hero{gap:24px;padding-top:48px;min-height:560px}#home-page .landing-hero h1{font-size:48px;letter-spacing:-1.8px;line-height:1.1}#home-page .landing-lead{font-size:16px;line-height:28px}#home-page .landing-section-heading{gap:32px}#home-page .landing-section-heading>p{max-width:350px}#home-page .landing-example-section{gap:40px;grid-template-columns:1fr 1fr}#home-page .landing-moods{gap:16px}#home-page .landing-demo-players{grid-template-columns:repeat(2,minmax(0,1fr))}#home-page .landing-example{padding:20px}#home-page .landing-start,#home-page .landing-faq{gap:40px}#home-page .landing-tagline>h2{font-size:48px}#home-page .landing-facts{padding-inline:16px;gap:12px}#home-page .landing-facts>p{font-size:12px;line-height:20px;gap:8px}}
@media(max-width:760px){#home-page .wrap{width:calc(100% - 40px)}#home-page .landing-hero{display:flex;flex-direction:column;align-items:stretch;gap:8px;min-height:0;padding-block:32px 24px}#home-page .landing-hero-copy{max-width:560px}#home-page .landing-kicker{font-size:12px;line-height:20px;margin-bottom:12px}#home-page .landing-hero h1{font-size:36px;line-height:40px;letter-spacing:-1.3px;max-width:520px}#home-page .landing-lead{font-size:16px;line-height:24px;max-width:440px;margin-top:16px}#home-page .landing-hero-actions{margin-top:24px;gap:16px}#home-page .landing-cta{min-height:52px;font-size:16px;line-height:24px;padding:12px 20px;gap:10px}#home-page .landing-join{font-size:14px;min-height:44px}#home-page .landing-microcopy{font-size:12px;line-height:20px;margin-top:12px;max-width:330px}#home-page .landing-hero-art{width:min(100%,380px);align-self:center;margin-top:8px}#home-page .landing-art-caption{bottom:4px;font-size:12px;line-height:16px}#home-page .landing-facts{display:flex;flex-direction:column;gap:12px;padding:20px;align-items:start;border-radius:16px}#home-page .landing-facts>p{justify-content:start;font-size:14px;line-height:20px;gap:12px}#home-page .landing-facts svg{width:18px;height:18px}#home-page .landing-section{padding-top:48px}#home-page .landing-section-heading{display:block;margin-bottom:24px}#home-page .landing-section h2,#home-page .landing-example-section h2,#home-page .landing-start h2{font-size:30px;line-height:36px;letter-spacing:-1px}#home-page .landing-section-heading>p,#home-page .landing-section-heading>div>p{font-size:16px;line-height:24px;margin-top:16px;max-width:480px}#home-page .landing-moods{grid-template-columns:1fr;gap:12px}#home-page .landing-moods article{padding:24px}#home-page .landing-mood-symbol{margin-bottom:16px;width:40px;height:40px}#home-page .landing-mood-symbol svg{width:36px;height:36px}#home-page .landing-moods h3{font-size:20px;line-height:28px}#home-page .landing-moods p{font-size:16px;line-height:24px;margin:8px 0 20px;max-width:440px}#home-page .landing-game-names{font-size:12px;line-height:20px}#home-page .landing-example-section{display:flex;flex-direction:column;align-items:stretch;gap:24px;padding-top:48px}#home-page .landing-example-copy>p:not(.landing-kicker){font-size:16px;line-height:24px;margin-top:16px;max-width:480px}#home-page .landing-example{padding:20px;border-radius:24px}#home-page .landing-example>figcaption{font-size:12px;line-height:16px;margin-bottom:20px;gap:8px}#home-page .landing-demo-top{font-size:14px;line-height:20px;gap:8px}#home-page .landing-demo-top>span:last-child{font-size:12px}#home-page .landing-demo-scene{padding:20px 12px;gap:16px;border-radius:12px}#home-page .landing-demo-scene>svg{width:64px;height:56px}#home-page .landing-demo-scene>p{font-size:18px;line-height:28px;letter-spacing:-.3px}#home-page .landing-demo-players{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#home-page .landing-demo-players>div{padding:12px 8px;gap:8px}#home-page .landing-demo-envelope{font-size:12px;line-height:16px;display:flex;gap:4px;align-items:center}#home-page .landing-example-note{font-size:12px;line-height:20px;margin-top:16px}#home-page .landing-featured .landing-section-heading{display:flex;align-items:start;gap:12px}#home-page .landing-featured .landing-section-heading>div{min-width:0}#home-page .landing-featured .landing-section-heading>div>p{font-size:14px;line-height:20px}#home-page .landing-featured .landing-text-link{font-size:12px;line-height:20px;gap:4px;min-height:44px;white-space:nowrap}#home-page .landing-featured .landing-text-link svg{width:16px;height:16px}#home-page .landing-featured-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}#home-page .landing-game-art{aspect-ratio:1.15;border-radius:16px}#home-page .landing-game-art>svg{width:100%;height:90%}#home-page .landing-game-copy{padding-top:12px}#home-page .landing-game-title{font-size:16px;line-height:24px;letter-spacing:-.2px;margin-bottom:4px}#home-page .landing-game-meta{font-size:12px;line-height:20px}#home-page .landing-game-desc{display:none}#home-page .landing-tagline{padding-top:48px}#home-page .landing-tagline>h2{font-size:36px;line-height:40px;letter-spacing:-1.2px;max-width:500px}#home-page .landing-tagline>p{font-size:16px;line-height:24px;margin-top:20px;max-width:440px}#home-page .landing-device-grid{grid-template-columns:1fr;gap:32px}#home-page .landing-device-grid>article{padding:0}#home-page .landing-device-art{width:88px;height:64px;margin-bottom:12px}#home-page .landing-device-grid h3{font-size:20px;line-height:28px;margin-bottom:8px}#home-page .landing-device-grid p{font-size:16px;line-height:24px;max-width:450px}#home-page .landing-device-note{font-size:14px;line-height:20px;margin-top:24px;padding:16px;border-radius:12px;gap:8px}#home-page .landing-device-note svg{width:18px;height:18px}#home-page .landing-start{display:block;margin-top:48px;padding:24px;border-radius:24px}#home-page .landing-start>ol{margin-top:32px;gap:24px}#home-page .landing-start h3{font-size:18px;line-height:28px;margin-bottom:8px}#home-page .landing-start li{gap:12px}#home-page .landing-start li p{font-size:14px;line-height:24px}#home-page .landing-step-number{width:32px;height:32px;font-size:14px}#home-page .landing-faq{display:block}#home-page .landing-faq-heading>p{font-size:14px;line-height:24px;margin-top:12px}#home-page .landing-faq-list{margin-top:24px;gap:8px}#home-page .landing-faq-list summary{font-size:16px;line-height:24px;padding:16px;min-height:64px;gap:12px}#home-page .landing-faq-list details>p{font-size:14px;line-height:24px;padding:0 16px 20px}#home-page .landing-final{margin-top:48px;margin-bottom:40px;padding:32px 24px;border-radius:24px;display:block}#home-page .landing-final h2{font-size:36px;line-height:40px;letter-spacing:-1.1px}#home-page .landing-final p{font-size:16px;line-height:24px;margin-top:16px}#home-page .landing-final-action{align-items:stretch;margin-top:24px;gap:12px}#home-page .landing-final-action>span{text-align:center;font-size:12px;line-height:20px}}
@media(max-width:360px){#home-page .wrap{width:calc(100% - 32px)}#home-page .landing-hero{padding-top:24px}#home-page .landing-hero h1{font-size:30px;line-height:36px;letter-spacing:-.8px}#home-page .landing-hero-actions{gap:12px;margin-top:20px}#home-page .landing-cta{font-size:14px;line-height:20px;padding:12px 16px;gap:8px;min-height:48px}#home-page .landing-join{font-size:12px;line-height:20px}#home-page .landing-microcopy{font-size:12px;line-height:20px}#home-page .landing-hero-art{max-width:310px}#home-page .landing-section h2,#home-page .landing-example-section h2,#home-page .landing-start h2{font-size:30px;line-height:36px;letter-spacing:-.8px}#home-page .landing-moods article{padding:20px}#home-page .landing-example{padding:16px}#home-page .landing-demo-scene{gap:12px;padding:16px 8px}#home-page .landing-demo-scene>svg{width:52px;height:48px}#home-page .landing-demo-scene>p{font-size:16px;line-height:24px}#home-page .landing-demo-top{font-size:12px;line-height:20px}#home-page .landing-demo-envelope{display:grid;gap:4px;font-size:12px;line-height:16px}#home-page .landing-featured .landing-section-heading{display:block}#home-page .landing-featured .landing-text-link{margin-top:8px;font-size:14px}#home-page .landing-featured-grid{gap:24px 12px}#home-page .landing-tagline>h2{font-size:30px;line-height:36px;letter-spacing:-.8px}#home-page .landing-start{padding:20px}#home-page .landing-final{padding:28px 20px}#home-page .landing-final h2{font-size:30px;line-height:36px;letter-spacing:-.8px}}
@supports(animation-timeline:view()){ @media(prefers-reduced-motion:no-preference){#home-page .landing-tagline-line>span{animation:landing-word-color 1s both;animation-timeline:view(block);animation-range-start:entry calc(var(--word)*4%);animation-range-end:cover calc(20% + var(--word)*5%)}@keyframes landing-word-color{from{color:var(--muted)}to{color:var(--ink)}}} }
@media(prefers-reduced-motion:reduce){#home-page .landing-cta,#home-page .landing-game-art,#home-page .landing-tagline-line>span{animation:none!important;transition:none!important}#home-page .landing-cta:hover,#home-page .landing-cta:active,#home-page .landing-game:hover .landing-game-art{transform:none}}

/* Масштабирует иллюстрации без обрезки на экранах разной ширины. */
#home-page .landing-mood-symbol{width:min(100%,180px);height:110px;margin-bottom:18px}#home-page .landing-mood-symbol img{display:block;width:100%;height:100%;object-fit:contain;object-position:left center}#home-page .landing-demo-scene>img{display:block;width:120px;height:90px;object-fit:contain;flex-shrink:0}#home-page img.landing-device-art{display:block;width:min(100%,200px);height:120px;object-fit:contain;object-position:left center;margin-bottom:20px}@media(max-width:760px){#home-page .landing-mood-symbol{width:150px;height:96px}#home-page .landing-demo-scene>img{width:80px;height:72px}#home-page img.landing-device-art{width:180px;height:105px}}@media(max-width:360px){#home-page .landing-demo-scene>img{width:72px;height:68px}}

/* Показывает примеры игр в прокручиваемой галерее. */
#home-page .landing-showcase{min-width:0;padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:24px;box-shadow:0 8px 0 var(--soft)}
#home-page .showcase-top,#home-page .showcase-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--muted);font-size:12px;line-height:20px}
#home-page .showcase-count{font-variant-numeric:tabular-nums}#home-page .showcase-track{display:flex;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;margin-top:24px}#home-page .showcase-track::-webkit-scrollbar{display:none}#home-page .showcase-track:focus-visible{outline:3px solid var(--focus);outline-offset:4px}#home-page .showcase-slide{flex:0 0 100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always}#home-page .showcase-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}#home-page .showcase-heading h3{font-size:20px;line-height:28px;letter-spacing:-.4px;margin:4px 0 0}#home-page .showcase-overline{font-size:12px;line-height:16px;color:var(--muted);font-weight:700;letter-spacing:.04em}#home-page .showcase-badge{font-size:12px;padding:4px 12px;background:var(--soft);border-radius:8px;white-space:nowrap}#home-page .showcase-stage{min-height:280px;padding:20px;border:1px solid var(--line);border-radius:16px;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}#home-page .showcase-prompt{font-size:16px;font-weight:750;line-height:24px;margin:0 0 8px}#home-page .showcase-wave svg{width:min(100%,230px);height:auto;max-height:140px}#home-page .showcase-ends{width:min(100%,290px);display:flex;justify-content:space-between;gap:8px;font-size:12px;font-weight:700}#home-page .showcase-answer{margin-top:12px;display:grid;gap:4px;font-size:12px}#home-page .showcase-answer span{color:var(--muted)}#home-page .showcase-answer strong{font-size:14px}#home-page .showcase-choices{width:min(100%,360px);display:grid;grid-template-columns:1fr 1fr;gap:12px}#home-page .showcase-choices>div{min-width:0;min-height:150px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:12px;background:var(--rose);border:1px solid var(--line);border-radius:16px}#home-page .showcase-choices>div+div{background:var(--blue)}#home-page .showcase-choices div>span{font-size:36px;line-height:40px}#home-page .showcase-choices strong{font-size:18px;line-height:28px}#home-page .showcase-choices small,#home-page .showcase-truth>p:last-child{font-size:12px;line-height:16px;color:var(--muted)}#home-page .showcase-truth>p:last-child{margin:12px 0 0}#home-page .showcase-draw{gap:8px}#home-page .showcase-paper{width:min(100%,300px);height:150px;border:1px solid var(--line);border-radius:8px;background:var(--surface);display:grid;place-items:center}#home-page .showcase-paper svg{width:100%;height:100%}#home-page .showcase-tools{display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;color:var(--muted)}#home-page .showcase-tools i{width:16px;height:16px;border-radius:50%;background:var(--ink)}#home-page .showcase-tools i:nth-child(2){background:var(--accent)}#home-page .showcase-tools i:nth-child(3){background:#dbaaa5}#home-page .showcase-tools i:nth-child(4){background:#9bb5be}#home-page .showcase-tools span{margin-left:8px}#home-page .showcase-submit{padding:8px 16px;background:var(--accent);color:var(--accent-text);border-radius:8px;font-size:12px;font-weight:700}#home-page .showcase-caption{min-height:40px;margin:12px 0 16px;color:var(--muted);font-size:12px;line-height:20px}#home-page .showcase-controls{display:flex;gap:8px}#home-page .showcase-controls button{width:40px;height:40px;border:1px solid var(--line);border-radius:50%;background:var(--bg);font-size:20px;line-height:1}#home-page .showcase-controls button:not(:disabled):hover{background:var(--soft)}#home-page .showcase-controls button:disabled{opacity:.35}#home-page .showcase-controls button:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
@media(max-width:760px){#home-page .landing-showcase{padding:16px;border-radius:20px}#home-page .showcase-track{margin-top:16px}#home-page .showcase-stage{min-height:260px;padding:16px}#home-page .showcase-heading h3{font-size:18px;line-height:24px}#home-page .showcase-caption{min-height:0}#home-page .showcase-bottom>span{max-width:150px}}

/* Показывает в примере те же иллюстрации, что и в игре. */
#home-page .showcase-choices img{display:block;width:min(100%,96px);height:72px;object-fit:contain}

/* Прибор и кукла повторяют игровые изображения; движение не меняет размеры карточки. */
#home-page .showcase-wave .showcase-wave-dial{display:block;width:min(100%,320px);height:auto;max-height:none}
#home-page .showcase-wave-needle{transform-box:view-box;transform-origin:120px 100px;transform:rotate(28deg)}
#home-page .showcase-wave .showcase-ends{width:min(100%,340px)}
#home-page .showcase-hangman-art{position:relative;isolation:isolate;width:min(100%,208px);aspect-ratio:1}
#home-page .showcase-hangman-art img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none}
#home-page .showcase-hangman-frame{opacity:0}
#home-page .showcase-hangman-frame-3{opacity:1}
#home-page .showcase-hangman-hint{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 7px;margin:8px 0 12px;color:var(--muted);font-size:11px;line-height:1.5}
#home-page .showcase-hangman-word{display:flex;gap:5px}
#home-page .showcase-hangman-word>span{display:grid;place-items:center;width:30px;height:34px;border-bottom:2px solid var(--success);border-radius:5px 5px 0 0;background:color-mix(in srgb,var(--success) 10%,var(--surface));color:var(--success);font-size:21px;font-weight:750;line-height:1}
#home-page .showcase-hangman-word>.is-hidden-letter{color:var(--accent);border-color:var(--accent);background:var(--soft)}
#home-page .showcase-bottom{flex-wrap:wrap}
#home-page .showcase-controls{margin-left:auto;flex:none}
#home-page .showcase-controls button{width:44px;height:44px}
#home-page .showcase-controls .showcase-motion{width:100px;min-width:100px;padding:8px 12px;border-radius:12px;font-size:12px;font-weight:650;line-height:1.4}
@media(prefers-reduced-motion:no-preference){
 #home-page .showcase-wave-needle{animation:showcase-wave-swing 7s cubic-bezier(.45,0,.55,1) infinite;animation-play-state:paused}
 #home-page .showcase-hangman-art[data-ready='true'] .showcase-hangman-frame{animation-duration:16s;animation-timing-function:linear;animation-iteration-count:infinite;animation-play-state:paused}
 #home-page .showcase-hangman-art[data-ready='true'] .showcase-hangman-frame-1{animation-name:showcase-hangman-1}
 #home-page .showcase-hangman-art[data-ready='true'] .showcase-hangman-frame-2{animation-name:showcase-hangman-2}
 #home-page .showcase-hangman-art[data-ready='true'] .showcase-hangman-frame-3{animation-name:showcase-hangman-3}
 #home-page .showcase-hangman-art[data-ready='true'] .showcase-hangman-frame-4{animation-name:showcase-hangman-4}
 #home-page .showcase-hangman-art[data-ready='true'] .showcase-hangman-frame-5{animation-name:showcase-hangman-5}
 #home-page .showcase-hangman-art[data-ready='true'] .showcase-hangman-frame-6{animation-name:showcase-hangman-6}
 #home-page [data-motion-running='true'] .showcase-slide.is-active .showcase-wave-needle,#home-page [data-motion-running='true'] .showcase-slide.is-active .showcase-hangman-art[data-ready='true'] .showcase-hangman-frame{animation-play-state:running}
}
@keyframes showcase-wave-swing{0%,100%{transform:rotate(-58deg)}50%{transform:rotate(58deg)}}
@keyframes showcase-hangman-1{0%,5%,18%,82%,95%,100%{opacity:0}8%,15%,85%,92%{opacity:1}}
@keyframes showcase-hangman-2{0%,12%,25%,75%,88%,100%{opacity:0}15%,22%,78%,85%{opacity:1}}
@keyframes showcase-hangman-3{0%,19%,32%,68%,81%,100%{opacity:0}22%,29%,71%,78%{opacity:1}}
@keyframes showcase-hangman-4{0%,26%,39%,61%,74%,100%{opacity:0}29%,36%,64%,71%{opacity:1}}
@keyframes showcase-hangman-5{0%,33%,46%,54%,67%,100%{opacity:0}36%,43%,57%,64%{opacity:1}}
@keyframes showcase-hangman-6{0%,40%,60%,100%{opacity:0}43%,57%{opacity:1}}
@media(max-width:760px){#home-page .showcase-hangman-art{width:min(100%,180px)}#home-page .showcase-bottom{gap:10px}#home-page .showcase-bottom>span{max-width:none;flex:1 1 110px}#home-page .showcase-controls .showcase-motion{padding-inline:9px}}

/* Сохраняет прежний порядок на компьютере и компактное обтекание на телефоне. */
@media(min-width:761px){#home-page .landing-moods article>.landing-mood-symbol{order:-1;margin-top:0}#home-page .landing-device-grid>article{display:flex;flex-direction:column;align-items:flex-start}#home-page .landing-device-grid>article>img.landing-device-art{order:-1}}
@media(max-width:760px){#home-page .landing-moods article{display:flow-root}#home-page .landing-moods article>h3,#home-page .landing-device-grid>article>h3{margin:0 0 12px}#home-page .landing-moods article>.landing-mood-symbol{float:left;display:block;width:clamp(62px,21vw,80px);height:64px;margin:0 12px 4px 0}#home-page .landing-moods article>.landing-mood-symbol img{width:100%;height:100%;object-fit:contain;object-position:left top}#home-page .landing-moods article>p{margin:0;font-size:16px;line-height:24px}#home-page .landing-game-names{display:block;clear:both;padding-top:16px}#home-page .landing-device-grid>article{display:flow-root;padding:0}#home-page .landing-device-grid>article>img.landing-device-art{float:left;width:clamp(62px,21vw,80px);height:64px;margin:0 12px 4px 0;object-fit:contain;object-position:left top}#home-page .landing-device-grid>article>p{margin:0;font-size:16px;line-height:24px}}