/* CYff0gYgtmM1UIXgj3NP8f / Мобильная версия, 3844:1707. */
.game-chips{gap:8px}
.game-chips li{border:0!important;border-radius:10px!important;background:#1a1a1a!important;color:#676767;line-height:1.3;font-weight:700;padding:9px 13px}
.game-chips li.is-unlocked{display:flex;align-items:center;justify-content:center}
.game-chips li+li:before{display:none}
.mobile-footer{display:none}
body.presentation .demo-strip,body.presentation .demo-controls{display:none!important}
@media(max-width:700px){
 html,body{height:100%;overflow:hidden;scroll-behavior:auto}
 body{height:100svh;display:flex;flex-direction:column;min-height:0;background-size:88px 88px;background-position:19px 20px}
 .demo-strip,.demo-controls{display:none!important}
 .page-shell{--edge:clamp(8px,calc(15px + (100svh - 862px)*.04),18px);width:calc(100% - 20px);flex:1;min-height:0;margin:var(--edge) 10px;padding:0 9px 12px;border:1px solid #ef31244a;display:flex;flex-direction:column}
 .page-shell:before,.page-shell:after{display:none}
 .header{height:clamp(76px,calc(122px + (100svh - 862px)*.18),138px);flex:none;min-height:0;border:0}
 .header .bank-mark{left:50%;top:58%;transform:translate(-50%,-50%)}
 .rockstar-logo{width:128px;height:auto}
 .header-digital{position:absolute;top:6px;right:0;width:144px;height:12px;margin:0}
 .header-telemetry{height:12px;align-items:center;gap:8px}
 .header-telemetry>.header-pixels:first-child{display:none}
 .header-telemetry .header-code{font-size:5.8px;line-height:8px;gap:8px;opacity:.5}
 .header-telemetry .header-pixels{flex-basis:18px;width:18px;height:6px}
 .header-telemetry .header-pixels:before,.header-telemetry .header-pixels:after{width:6px;height:6px}
 .header-map,.header-cross{display:none}
 main{display:flex;flex:1;min-height:0;flex-direction:column;gap:0}
 .hero{display:grid;flex:none;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto 29px 45px;column-gap:0;row-gap:0;min-height:0;padding:0;align-items:start}
 .hero-copy{display:contents}
 h1{grid-row:1;justify-self:center;width:min(294.05px,100%);max-width:100%;font-size:0;line-height:0;margin:0;letter-spacing:0}
 .event-wordmark{display:block;width:100%;height:auto}
 .digital-art{grid-row:2;position:relative;width:100%;max-width:350px;height:clamp(160px,calc(245px + (100svh - 862px)*.58),275px);min-height:0;max-height:none;aspect-ratio:auto;justify-self:center;align-self:center;right:auto;top:auto;margin:0;opacity:1;z-index:1}
 .case-canvas,.case-image{width:100%;height:100%;object-fit:contain}
 .case-aura{inset:12px 30px 0;filter:blur(13px)}
 .keycap{width:64px;height:64px}
 .key-w{top:auto;bottom:7.8%;right:6px;left:auto}
 .key-a{top:auto;bottom:5.3%;left:26px;right:auto}
 .key-s{top:10.2%;left:5px;right:auto;bottom:auto}
 .key-d{top:50.2%;right:25px;left:auto;bottom:auto}
 .hero-copy .game-reveals{grid-row:3;min-height:29px;height:29px;margin:clamp(14px,calc(30px + (100svh - 862px)*.08),34px) 0 0;align-self:start}
 .hero{grid-template-rows:auto auto calc(29px + clamp(14px,calc(30px + (100svh - 862px)*.08),34px)) 59px}
 .game-chips{display:grid;grid-template-columns:109.19fr 52.98fr 119.03fr 54.56fr;gap:6px;width:100%;height:29px;align-items:start}
 .game-chips li{width:100%;height:29px;min-width:0;padding:0 5px;font-size:clamp(8px,2.45vw,10px);line-height:13px;border-radius:10px!important}
 .hero-copy .hero-action-slot{grid-row:4;padding:14px 0 0;min-height:59px;height:59px;width:100%}
 .hero-action-slot .complete-action{padding:0;width:100%}
 .announcement-button{width:100%;height:45px;min-height:45px;display:flex;justify-content:center;align-items:center;padding:0 14px;border-radius:7px;font-size:12px;line-height:17px}
 .loading-console{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:'title percent' 'progress progress' 'dates dates' 'description description';padding:0;margin:clamp(16px,calc(34px + (100svh - 862px)*.08),38px) 0 0;border:0;box-shadow:none;background:none;flex:none;min-height:0}
 .loading-console:before,.loading-console:after{display:none}
 .console-heading,.console-copy{display:contents}
 .console-heading h2{grid-area:title;align-self:center;font-size:18px;font-weight:700;line-height:1.35;letter-spacing:-.4px;margin:0;max-width:100%;padding-right:10px}
 .percent{grid-area:percent;align-self:center;min-height:43px;font-size:43px;line-height:43px;letter-spacing:-2px;align-items:flex-end;gap:2px}
 .percent-sign{font-size:15px;line-height:21px;letter-spacing:0;color:#fff;padding:0 0 2px}
 .progress-track{grid-area:progress;height:15px;margin-top:18px;background:#242020;border:0}
 .progress-dates{grid-area:dates;margin:11px 0 0;font-size:9px;line-height:14px;gap:6px;white-space:nowrap}
 .progress-dates b{font-size:9px;margin-left:4px}.progress-dates i{font-size:7px;margin-left:3px}
 .reveal-row{grid-area:description;display:block;padding:0;margin:17px 0 0;min-height:36px;border:0}
 .reveal-content{min-width:0;max-width:none}.reveal-content p{font-size:12px;line-height:18px;margin:0;color:#aaa;max-width:none}
 .next-info,.frame-footer,footer,.detail-edge,.detail-squares{display:none}
 .mobile-footer{display:flex;align-items:center;justify-content:space-between;flex:none;min-height:35px;margin-top:14px;padding-top:10px;color:#ef312480}
 .mobile-status{display:grid;grid-template-columns:7px 49px;gap:1px 6px;font-size:5px;line-height:6px}
 .mobile-status i{height:3px;border:1px solid #ef31246b;margin-top:1px;position:relative}
 .mobile-status i:before{content:'';position:absolute;left:-1px;top:-1px;height:3px;width:78%;background:#ef31248f}
 .mobile-status i:last-child:before{width:56%}
 .mobile-edition{font-size:5px;line-height:7px}
 .poster-details{inset:0;color:#ef31244d}
 .poster-details .detail-cross{transform:scale(.75)}
 .poster-details .cross-one{top:-7px;left:25%}.poster-details .cross-two{bottom:-7px;top:auto;left:70%}
 .poster-details .cross-three{left:-7px;top:61%}.poster-details .cross-four{right:-7px;left:auto;top:75%}
 .poster-details .corner-top{top:7px;left:7px}.poster-details .corner-bottom{bottom:7px;right:7px}
}
@media(max-width:700px) and (max-height:740px){
 .mobile-footer{display:none}
 .key-d{top:20%;right:20px}.key-w{bottom:0;right:0}
 .console-heading h2{font-size:16px}.percent{font-size:38px;line-height:40px;min-height:40px}
 .progress-track{margin-top:14px}.reveal-row{margin-top:13px}
}
@media(prefers-reduced-motion:reduce){.game-chips li.is-unlocked{animation:none}}

@keyframes wordmark-in{from{opacity:0;translate:0 6px}to{opacity:1;translate:0 0}}
@keyframes status-flow{0%,100%{opacity:.65}50%{opacity:1}}
@media(prefers-reduced-motion:no-preference){
 .event-wordmark{animation:wordmark-in .7s ease both}
 .complete-action:not([hidden]){animation:reveal .55s ease both}
 .mobile-status i:before{animation:status-flow 4.5s ease-in-out infinite}
 .mobile-status i:last-child:before{animation-delay:-1.5s}
}