/* Original captured layout, with One Legacy City branding and native controls. */
[hidden]{display:none!important}
button{font:inherit}
a:focus-visible,button:focus-visible,[role=button]:focus-visible,input:focus-visible{outline:2px solid #e81c5a;outline-offset:5px}
header .left .logo{width:200px}header .left .logo>.olc-wordmark{width:200px;height:60px;object-fit:cover;object-position:center}
.Burger .header .olc-wordmark{width:200px;height:60px;object-fit:cover;object-position:center}
footer[data-v-9ce1fc5c] .company .logo.olc-wordmark{display:block;width:240px;height:72px;max-width:100%;object-fit:cover;object-position:center;margin:0 0 20px}
footer .company{min-width:240px}
.intro-container .card .olc-letter{background:none;overflow:hidden;opacity:.75}
.intro-container .card .olc-letter::before{content:'';position:absolute;left:calc(var(--letter-position) * -6);top:0;width:700%;height:100%;background:url('/assets/legacy-logo.png') center/100% auto no-repeat;opacity:.6;pointer-events:none}
.intro-back-logo.olc-wordmark{object-fit:contain}
header .right .burger{background:none;border:0;padding:0;align-items:flex-start;color:white}
.Burger .cross,.Burger .lang{cursor:pointer}
.olc-language{position:absolute;right:0;top:calc(100% + 12px);min-width:140px;padding:16px;background:#181818;border:1px solid #333;border-radius:6px;color:white;z-index:1100}
.showcase .cards .swiper-wrapper{display:grid;grid-template-columns:minmax(0,1fr);height:100%}
.showcase .cards .swiper-slide{grid-area:1/1;transform:none!important;opacity:0;visibility:hidden;transition:opacity .3s ease}
.showcase .cards .swiper-slide-active{opacity:1;visibility:visible}
.showcase .cards .arrow-buttons .button{padding:0;color:#ffffff80}
.showcase .cards .arrow-buttons .button:disabled{opacity:.55;cursor:default}
.showcase .media .video .back.brand-cover{object-fit:contain;object-position:center}
.showcase .media .photos .mobile-more .more{display:none!important}
.showcase .media .photos .photo[role=button]:focus-visible{outline-offset:2px}
.system-status[data-state=unknown]:before{background:#b6b6b6}
.system-status[data-state=offline]:before{background:#e81c5a}
.newsletter-result{max-width:450px;color:#e5b6c4;font-size:13px;line-height:1.5}
.olc-gallery{position:fixed;inset:0;z-index:2000;background:#080808e6;backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:60px 12% 165px}
.olc-gallery button{background:transparent;border:0;color:#b8b8b8;cursor:pointer;display:grid;place-items:center;padding:12px;border-radius:50%}
.olc-gallery button:hover{color:white;background:#ffffff0a}
.olc-gallery button svg{width:32px;height:32px;pointer-events:none}
.gallery-close{position:absolute;right:3%;top:4%}
.gallery-close svg{width:24px!important;height:24px!important}
.gallery-prev{position:absolute;left:4%;top:47%}
.gallery-next{position:absolute;right:4%;top:47%;transform:rotate(180deg)}
.olc-gallery figure{width:100%;max-width:1280px;text-align:center}
.olc-gallery figure img{width:100%;height:auto;max-height:72vh;object-fit:contain}
.olc-gallery figcaption{font-size:13px;color:#aaa;padding-top:14px}
.gallery-thumbnails{position:absolute;bottom:6%;left:2%;right:2%;display:flex;gap:16px;overflow:auto;padding:8px;scrollbar-width:thin;scrollbar-color:#85516f #171317}
.gallery-thumbnails button{flex:0 0 180px;height:94px;border:1px solid #333;border-radius:6px;overflow:hidden;padding:0;opacity:.6}
.gallery-thumbnails button[aria-current=true]{border-color:#e81c5a;opacity:1}
.gallery-thumbnails img{width:100%;height:100%;object-fit:cover}
body.overlay-open{overflow:hidden}
.service-info{position:fixed;inset:0;margin:auto;max-width:460px;width:calc(100% - 40px);padding:32px;background:#181818;color:white;border:1px solid #343434;border-radius:12px}
.service-info::backdrop{background:#000b;backdrop-filter:blur(6px)}
.service-info h2{font-size:24px;font-weight:800;margin-bottom:16px}
.service-info p{font-size:15px;line-height:1.6;color:#bbb;margin-bottom:24px}
.service-info a,.service-info button{display:inline-block;border:0;border-radius:6px;padding:12px 16px;background:#e81c5a;color:white;cursor:pointer;font-size:14px}
.service-info button{background:#333;margin-left:8px}
.questStarter .mens{pointer-events:none}
@media(min-width:1281px){.showcase .cards .back{height:360px;top:0;object-position:top center}.showcase .cards .swiper{min-height:500px}.showcase .cards .swiper-slide{padding-top:360px}.showcase .media .video{height:270px;max-height:none}}
@media(max-width:1280px){.showcase .cards .back{align-self:center;height:auto;aspect-ratio:1.5}.showcase .media .photos .photo:nth-child(n+5){display:none}.showcase .media .photos .mobile-more .more{display:flex!important;position:relative;z-index:1}.showcase .media .photos .mobile-more .back{filter:saturate(0);opacity:.1}.showcase .media .video{height:270px;max-height:none}footer .company{min-width:0}}
@media(max-width:768px){.intro-play-container{bottom:auto!important}.showcase .cards .back{height:243px;aspect-ratio:auto}.showcase .media .video{height:180px}.newsletter-promo__input-wrap{min-width:0}.newsletter-promo__text{line-height:1.2}.olc-gallery{padding:70px 20px 160px}.olc-gallery figure img{max-height:60vh}.gallery-prev{left:0;top:auto;bottom:110px}.gallery-next{right:0;top:auto;bottom:110px}.gallery-thumbnails{bottom:24px;gap:8px}.gallery-thumbnails button{flex-basis:110px;height:64px}footer .nav-link{white-space:normal!important}.intro-back-logo.olc-wordmark{width:82%;top:36%}}
@media(prefers-reduced-motion:reduce){html,body{scroll-behavior:auto!important}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Shared public interactions keep feedback immediate without extra dependencies. */
@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation-duration:.16s}
.public-site .skip-link{position:fixed;top:12px;left:12px;z-index:5000;background:#e81c5a;color:#fff;padding:14px 20px;border-radius:6px;transform:translateY(-160%)}
.public-site .skip-link:focus{transform:none}
header .nav-item[aria-current=page]{color:#e81c5a!important}
header .nav-item.mobile-join{display:none}
header .login-btn{white-space:nowrap;transition:background .18s,transform .18s}
header .login-btn:active{transform:scale(.97)}
.public-notice{position:fixed;right:24px;bottom:24px;z-index:2100;max-width:410px;background:#181818;border:1px solid #333;border-radius:8px;box-shadow:0 12px 45px #0008;padding:22px;color:white;font-size:14px;line-height:1.6}
.public-notice p{margin:0 0 14px;color:#ccc}.public-notice a{color:#e81c5a}.public-notice button{background:none;border:0;color:#aaa;cursor:pointer;padding:8px 12px;margin-left:14px}
.fivem-install{color:#bcbcbc;text-decoration:underline;text-underline-offset:4px;font-size:13px;line-height:1.5;margin-top:12px}
.join-logo{width:64px!important;height:48px!important;object-fit:cover}
@media(max-width:768px){.public-notice{left:16px;right:16px;bottom:16px;max-width:none}.Burger .mobile-join{display:block}.join-logo{width:48px!important}}
@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none}}