/* Motion never gates content visibility. All decoration is optional. */
html{scrollbar-gutter:stable}.hero{isolation:isolate}.hero-copy,.hero-visual{min-width:0}.art-decor{pointer-events:none;position:absolute;inset:0;overflow:hidden;z-index:-1}.art-decor i{display:block;position:absolute}.motion-toggle{position:relative;display:inline-flex;align-items:center;gap:8px;border:1px solid currentColor;background:transparent;color:inherit;padding:9px 13px;border-radius:50px;font-size:12px;cursor:pointer;margin:12px 0 0;min-height:40px}.motion-toggle::before{content:'';width:9px;height:9px;border:2px solid currentColor;border-radius:50%}.motion-toggle[aria-pressed=true]::before{background:currentColor}.page-progress{height:3px;background:var(--accent);position:fixed;inset:0 auto auto 0;width:100%;transform-origin:left;transform:scaleX(0);z-index:80;pointer-events:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.design-dock{position:fixed;right:24px;bottom:20px;z-index:30;display:flex;align-items:center;gap:14px;padding:12px 16px;border-radius:12px;background:var(--ink);color:var(--bg);box-shadow:0 7px 25px #0003;text-decoration:none;font-size:13px;max-width:calc(100vw - 32px)}.design-dock[hidden]{display:none}.design-dock b{background:var(--accent);color:#171717;padding:7px 10px;border-radius:7px}.button,.gallery-tile,.contacts>a{transition:transform .25s,box-shadow .25s}.gallery-tile:hover{transform:translateY(-5px)}.selection{transition:box-shadow .3s}.selection:focus-within{box-shadow:0 0 0 4px var(--accent)}.motion-off *, .motion-off *::before,.motion-off *::after{animation:none!important;transition:none!important}.motion-off .reveal{opacity:1!important;translate:0 0!important}.design-reveal{opacity:1}.scroll-accent{display:block;width:60px;height:4px;background:var(--accent);margin-bottom:26px;transform-origin:left}.design-paused *,.design-paused *::before,.design-paused *::after{animation-play-state:paused!important}@media(max-width:700px){.design-dock{right:16px;bottom:14px;font-size:12px}.motion-toggle{font-size:11px}.hero-copy{position:relative;z-index:2}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}html{scroll-behavior:auto}.motion-toggle{display:none}}
/* Retro: a playable-looking cabinet, pixel rails and alternating game panels. */
.retro .hero{padding-bottom:120px}.retro .hero-visual{border:10px solid #292948;border-bottom-width:18px;border-radius:22px 22px 0 0;background:#fcf5de;box-shadow:8px 8px 0 #43c8bb,16px 16px 0 #07091b;transform:rotate(1deg)}.retro .hero-visual::before{content:'РЕТРО ИГРЫ';font-size:10px;padding:14px 18px;left:-18px;top:-29px;box-shadow:4px 4px #b04e78}.retro .hero-visual>img{border-radius:8px}.arcade-deck{position:relative;height:90px;display:flex;align-items:center;justify-content:space-around;background:linear-gradient(135deg,#353455,#171a32);margin:18px -20px -12px;border-top:5px solid #ffcf54;box-shadow:inset 0 -12px #0c0d21}.arcade-deck .stick{display:block;width:12px;height:33px;background:#bfc5d5;position:relative;transform:rotate(-10deg);transform-origin:bottom;animation:joystick 7s ease-in-out infinite}.arcade-deck .stick::before{content:'';position:absolute;top:-16px;left:-12px;width:35px;height:35px;border-radius:50%;background:radial-gradient(circle at 35% 25%,#fff5b5,#ffa642 45%,#b85544);box-shadow:3px 4px 0 #0004}.arcade-deck .stick::after{content:'';position:absolute;bottom:-9px;left:-16px;width:44px;height:16px;background:#07091b;border-radius:50%;z-index:-1}.arcade-deck span{display:flex;gap:13px}.arcade-deck span i{width:29px;height:29px;border-radius:50%;background:#58ddc7;box-shadow:0 5px 0 #228c86,inset 0 3px 0 #b5fff1;animation:arcade-button 7s ease-in-out infinite}.arcade-deck span i:nth-child(2){background:#bb5c95;box-shadow:0 5px 0 #633561,inset 0 3px 0 #eea2cc;animation-delay:-2s}.arcade-deck span i:nth-child(3){background:#ffcf54;box-shadow:0 5px 0 #996430,inset 0 3px 0 #fff1b1;animation-delay:-4s}.retro .art-decor i{width:14px;height:14px;background:#ffcf54;box-shadow:14px 0 #ffcf54,0 14px #ffcf54,14px 14px #ffcf54;animation:pixel-drift 8s steps(8) infinite}.retro .art-decor i:nth-child(1){left:3%;top:45%}.retro .art-decor i:nth-child(2){right:5%;top:12%;background:#58ddc7;box-shadow:14px 0 #58ddc7,0 14px #58ddc7,14px 14px #58ddc7;animation-delay:-4s}.retro .art-decor i:nth-child(3){left:50%;bottom:10%;animation-delay:-6s}.retro #gallery{background:radial-gradient(ellipse at 100% 0,#343059,transparent 55%),#17172f;border-top:6px solid #ffcf54}.retro #gallery .gallery{gap:30px}.retro .gallery-tile{position:relative;border-width:4px;box-shadow:7px 7px #080a1a}.retro .gallery-tile:nth-child(3n+2){border-color:#447b7c}.retro .gallery-tile:nth-child(3n){border-color:#a45780}.retro .gallery-tile span{background:#22223e;min-height:70px}.retro .gallery-tile:nth-child(3n+2) span{background:#243941}.retro .gallery-tile:nth-child(3n) span{background:#35243e}.retro .gallery-tile::before{content:'';position:absolute;z-index:2;right:10px;top:10px;width:13px;height:13px;border:3px solid #17172f;box-shadow:-6px 6px #ffcf54}.retro .retro-games{background:#090c20;position:relative}.retro .genre-list article{position:relative;padding:32px;border:0;border-left:4px solid #ffcf54;background:#1c1d37;box-shadow:7px 7px 0 #080a1a}.retro .genre-list article:nth-child(2){border-color:#58ddc7;transform:translateY(22px)}.retro .genre-list article:nth-child(3){border-color:#c284db;transform:translateY(44px)}.retro .genre-list b{background:transparent;font-size:30px;padding:0;color:#ffcf54}.retro #details{padding-top:115px}.retro .notes{gap:0}.retro .notes article{border:2px solid #454565;padding:28px;margin-left:-2px}.retro .notes article:nth-child(2){background:#242440}.retro .notes span{font-size:22px}.retro .custom{overflow:hidden;background:linear-gradient(135deg,#31213e,#18182f)}.retro .custom::after{content:'';position:absolute;width:180px;height:180px;right:-90px;bottom:-90px;border:30px solid #58ddc7;transform:rotate(45deg);opacity:.15;pointer-events:none}.retro .spec-section{background:#121427}.retro .spec-section table{border:2px solid #454565}.retro .spec-section tr:nth-child(odd){background:#22243d}.retro .request{border-block:6px double #7d678b}.retro .contacts>a{position:relative;overflow:hidden}.retro .contacts>a::after{content:'';width:50px;height:50px;position:absolute;right:-22px;bottom:-22px;transform:rotate(45deg);background:#58ddc7}.retro .motion-toggle{border-radius:0;border-color:#575878;color:#bbbcd0;font-size:11px}.retro .design-dock{border:2px solid #ffcf54;background:#1c1d37;color:#fff4db;border-radius:0;box-shadow:5px 5px #080a1a}.retro .design-dock b{border-radius:0}.retro .ribbon{border-width:6px}.retro .faq details[open]{background:#242440;padding-inline:20px}
@keyframes joystick{0%,40%,100%{transform:rotate(-10deg)}50%,60%{transform:rotate(12deg)}}@keyframes arcade-button{0%,44%,60%,100%{translate:0 0}48%,54%{translate:0 3px}}@keyframes pixel-drift{50%{translate:0 -24px;rotate:90deg}}
@media(max-width:1000px){.arcade-deck{margin-inline:-15px}.retro .genre-list article{padding:25px}.retro .hero-visual{border-width:7px}}@media(max-width:700px){.retro .hero{padding-bottom:100px}.retro .hero-visual{margin-right:10px;border-width:7px}.retro .hero-visual>img{height:320px}.arcade-deck{height:75px;margin-inline:-14px}.arcade-deck span{gap:12px}.arcade-deck span i{width:26px;height:26px}.retro #gallery .gallery{gap:22px 14px}.retro .gallery-tile{border-width:2px;box-shadow:4px 4px #080a1a}.retro .gallery-tile span{min-height:62px}.retro .gallery-tile::before{width:9px;height:9px;border-width:2px}.retro .genre-list article:nth-child(n){transform:none}.retro .notes article{margin:0 0 -2px}.retro #details{padding-top:60px}.retro .motion-toggle{font-size:10px}.retro .art-decor i{opacity:.35}}

.article-card h3,.article-card-button{overflow-wrap:anywhere}.motion-out,.motion-out *,.motion-out::before,.motion-out::after{animation-play-state:paused!important}@media(min-width:701px) and (max-width:1050px){#articles .articles-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

body:has(dialog[open]) .design-dock{display:none}

@media(max-width:700px){.retro .hero{gap:24px}.retro .hero-copy{display:contents}.retro .hero-copy>*{position:relative;z-index:2;margin-block:0}.retro .hero-copy>.eyebrow{order:0}.retro .hero-copy>.model-title{order:1}.retro .hero-copy>h1{order:2}.retro .hero-visual{order:3;margin-block:10px 18px}.retro .hero-copy>.intro{order:4}.retro .hero-copy>.hero-actions{order:5;margin:0}.retro .hero-copy>.hero-price,.retro .hero-copy>.hero-counter{order:6;margin-top:5px}.retro .hero-copy>.motion-toggle{order:7;justify-self:start;margin-top:5px}.retro .hero-copy>.hero-actions+*{position:relative}.retro .pixel-hero-party{bottom:-12px}}

.product-kind{font:600 16px/1.5 Onest,Arial,sans-serif!important;letter-spacing:0!important;text-transform:none!important;color:inherit!important;opacity:.85;margin:0 0 22px}.hero-copy>.product-kind{order:0}

/* Translated cards still need their full stagger reserved in document flow. */
@media(min-width:701px){.retro .genre-list{padding-bottom:44px}}
.retro .genre-list+p{margin-top:28px}

/* Custom artwork is a first-screen option alongside the six gallery designs. */
.retro .custom-design-note{display:grid;gap:8px;margin:24px 0 12px;padding:20px 22px;border:2px solid #ffcf54;background:#ffcf54;color:#17172f;text-decoration:none;box-shadow:5px 5px 0 #a45780;max-width:520px}
.retro .custom-design-note strong{font:750 23px/1.3 Onest,Arial,sans-serif;letter-spacing:-.02em}
.retro .custom-design-note>span{font:400 15px/1.5 Onest,Arial,sans-serif}
.retro .custom-design-note .custom-design-link{display:flex;align-items:center;gap:8px;font-weight:650;text-decoration:underline;text-underline-offset:4px}
.retro .custom-design-note:hover{background:#ffe18c}
.retro #custom{border-top:6px solid #58ddc7;scroll-margin-top:100px}
@media(max-width:700px){.retro .hero-copy>.custom-design-note{order:2;margin-top:0;padding:16px 18px}.retro .custom-design-note strong{font-size:21px}.retro .custom-design-note>span{font-size:14px}}