/* Painted game artwork, restricted to Retro application pages. */
.retro-app-page{--retro-material:url('../assets/ui-art/leather.webp');--retro-frame:url('../assets/ui-art/panel-frame.webp');--retro-gold-button:url('../assets/ui-art/button-gold.webp');--retro-dark-button:url('../assets/ui-art/button-dark.webp')}
.retro-app-page .retro-app{gap:30px;grid-template-columns:238px minmax(0,1fr)}
.retro-app-page .retro-app__sidebar{border:18px solid transparent;border-image:var(--retro-frame) 96 fill / 24px / 4px stretch;background:none;border-radius:0;padding:15px 0 12px;box-shadow:0 15px 35px #0008}
.retro-app-page .retro-app__brand{padding-inline:7px}.retro-app-page .retro-app__brand img{width:45px;height:45px}
.retro-app-page .retro-app__navtitle{padding:0 10px 6px;color:#a68a62;letter-spacing:1.3px;font-size:8px}
.retro-app-page .retro-app__navgroup{margin-bottom:19px}
.retro-app-page .retro-app__navlink{gap:9px;padding:5px 8px;min-height:47px;font-size:11px;border:none;border-radius:0;position:relative;color:#c9bda6!important}
.retro-app-page .retro-app__navlink .retro-art-icon{display:block;flex:none;width:35px;height:35px;object-fit:contain;filter:drop-shadow(0 3px 4px #0009);transition:filter .2s,transform .2s}
.retro-app-page .retro-app__navlink:hover .retro-art-icon{transform:translateY(-2px);filter:drop-shadow(0 0 6px #c9944c66)}
.retro-app-page .retro-app__navlink.is-active{background:var(--retro-dark-button) center/100% 100% no-repeat;color:#f6d295!important;text-shadow:0 1px 2px #000}
.retro-app-page .retro-app__avatar{border:none;background:var(--retro-dark-button) center/100% 100% no-repeat;border-radius:0;width:41px;height:41px;color:#d3b47c}
.retro-app-page .retro-app__topbar{margin-bottom:18px}
.retro-app-page .retro-art-hero{position:relative;min-height:220px;margin-bottom:28px;padding:35px 38px;display:flex;align-items:center;isolation:isolate;overflow:hidden;background:#110d0c url('../assets/ui-art/interior-banner.webp') center/cover no-repeat;border:1px solid #a77b3838;border-radius:0;box-shadow:0 15px 50px #0004}
.retro-app-page .retro-art-hero::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0b090759,transparent 70%)}
.retro-app-page .retro-art-hero__copy{max-width:65%}.retro-app-page .retro-art-hero__title{font:500 clamp(34px,3.6vw,54px)/1.08 'EB Garamond',Georgia,serif;color:#f3e6ca;margin:10px 0 13px;text-shadow:0 2px 5px #000}
.retro-app-page .retro-art-hero p{max-width:420px;color:#c5b9a5;font-size:12px;line-height:1.65}.retro-app-page .retro-art-hero .retro-app__eyebrow{color:#d9ae6a;letter-spacing:2px;font-size:8px}
.retro-app-page .retro-app :is(.page-card,.radio-shell){border:20px solid transparent!important;border-image:var(--retro-frame) 96 fill / 29px / 5px stretch!important;border-radius:0!important;background:none!important;padding:24px!important;box-shadow:0 18px 45px #0007!important;position:relative;overflow:visible}
.retro-app-page .retro-app :is(.page-card,.radio-shell)::before{content:''!important;display:block!important;position:absolute!important;left:50%!important;top:-32px!important;transform:translateX(-50%);width:60px!important;height:50px!important;background:url('../assets/ui-art/crest.webp') center/contain no-repeat!important;border:none!important;pointer-events:none;opacity:1!important}
.retro-app-page .retro-app :is(.button,.bt,.web-shop-filter-btn,.lx-shop-buy-btn,.lx-market-button,.radio-request){background:var(--retro-gold-button) center/100% 100% no-repeat!important;color:#ffe4a5!important;min-height:45px;padding:12px 25px!important;border:0!important;border-radius:0!important;box-shadow:none!important;font-weight:600!important;text-shadow:0 1px 3px #190c00;transition:filter .2s,transform .2s}
.retro-app-page .retro-app :is(.button--ghost,.button--danger,.lx-account__button,.lx-market-button:not(.lx-market-button--primary),.web-shop-filter-link){background:var(--retro-dark-button) center/100% 100% no-repeat!important;color:#ddc49a!important}
.retro-app-page .retro-app .button:hover{filter:brightness(1.2);transform:translateY(-1px)}
.retro-app-page .retro-account-tabs{background:none!important;border:0!important;border-bottom:1px solid #9f7d3840!important;border-radius:0!important;padding:0 0 16px!important;gap:9px!important;margin-top:22px!important}
.retro-app-page .retro-account-tabs>a{background:var(--retro-dark-button) center/100% 100% no-repeat!important;border:0!important;border-radius:0!important;color:#b8a88e!important;min-height:42px;display:flex;align-items:center;gap:5px;padding:9px 14px!important;font-size:10px!important}
.retro-app-page .retro-account-tabs>a::before{content:'';display:inline-block;width:25px;height:25px;background:url('../assets/ui-art/icon-account.webp') center/contain no-repeat;flex:none}
.retro-app-page .retro-account-tabs>a[data-retro-account-tab=characters]::before{background-image:url('../assets/ui-art/icon-characters.webp')}.retro-app-page .retro-account-tabs>a[data-retro-account-tab=storage]::before{background-image:url('../assets/ui-art/icon-storage.webp')}.retro-app-page .retro-account-tabs>a[data-retro-account-tab=vip]::before{background-image:url('../assets/ui-art/icon-hall_of_fame.webp')}.retro-app-page .retro-account-tabs>a[data-retro-account-tab=votes]::before{background-image:url('../assets/ui-art/icon-rankings.webp')}.retro-app-page .retro-account-tabs>a[data-retro-account-tab=referrals]::before{background-image:url('../assets/ui-art/icon-characters.webp')}.retro-app-page .retro-account-tabs>a[data-retro-account-tab=support]::before{background-image:url('../assets/ui-art/icon-support.webp')}
.retro-app-page .retro-app .retro-account-tabs>a.is-active{background:var(--retro-gold-button) center/100% 100% no-repeat!important;color:#ffe5aa!important}
.retro-app-page .retro-app .lx-account__summary{background:#0b0908aa!important;border:1px solid #9d7f4144!important;border-radius:0!important;margin-top:22px!important}
.retro-app-page .retro-app .lx-account__stat:not(:first-child){position:relative;padding-left:50px!important}.retro-app-page .retro-app .lx-account__stat:not(:first-child)::before{content:'';position:absolute;left:7px;top:30px;width:34px;height:38px;background:url('../assets/ui-art/icon-web_shop.webp') center/contain no-repeat}.retro-app-page .retro-app .lx-account__stat:nth-child(3)::before{filter:hue-rotate(145deg)}.retro-app-page .retro-app .lx-account__stat:nth-child(4)::before{filter:hue-rotate(40deg)}
.retro-app-page .retro-app :is(.web-shop-card,.lx-market-card,.web-storage-card){border:12px solid transparent!important;border-image:var(--retro-frame) 96 fill / 17px / 3px stretch!important;border-radius:0!important;background:none!important;box-shadow:0 5px 15px #0004!important}
.retro-app-page .retro-app :is(.web-shop-card__visual,.lx-market-card__visual,.web-storage-card__visual){background:radial-gradient(ellipse at center,#82622e2e,transparent 65%)!important}
.retro-app-page .retro-app .retro-place::before{content:'';display:inline-block;width:30px;height:32px;vertical-align:middle;margin-right:8px;background:url('../assets/ui-art/icon-rankings.webp') center/contain no-repeat}.retro-app-page .retro-app .retro-place--2::before{filter:grayscale(.85)}.retro-app-page .retro-app .retro-place--3::before{filter:sepia(.8) brightness(.7)}
.retro-app-page .retro-app .lx-account__character{background:#120e0ab3!important;border:1px solid #a7833944!important;border-radius:0!important}.retro-app-page .retro-app .lx-account__identity>img{border:5px solid transparent!important;border-image:var(--retro-frame) 96 / 6px / 1px stretch!important;border-radius:0!important}
.retro-app-page .retro-app .slot-machine-stage{background:#0d0b09a8!important;border:14px solid transparent!important;border-image:var(--retro-frame) 96 / 18px / 2px stretch!important;border-radius:0!important}.retro-app-page .retro-app .slot-machine-card-face{background:var(--retro-material) center/cover!important;border:1px solid #b9905555!important;border-radius:0!important;box-shadow:inset 0 0 18px #0009}
.retro-app-page .retro-app__preview{background:#100d09b8;border-color:#886a3a55;color:#a99879}.retro-app-page .retro-app .ranking-table thead{background:var(--retro-material) center/cover}
.retro-app-page .retro-app :is(.page-card,.radio-shell){border-image-source:var(--retro-frame)!important;border-image-slice:96!important;background:var(--retro-material) left top/260px 260px repeat!important}
.retro-app-page .retro-app__sidebar{border-image-slice:96;background:var(--retro-material) left top/240px 240px repeat}
.retro-app-page .retro-app .lx-account__manage{background:var(--retro-dark-button) center/100% 100% no-repeat!important;border:none!important;border-radius:0!important;box-shadow:none!important;padding:12px 24px!important;color:#dfc390!important}
@media(min-width:900px){.retro-app-page .retro-app .lx-account__summary{grid-template-columns:1.1fr repeat(3,minmax(0,1fr))!important}}
@media(max-width:1100px){.retro-app-page .retro-app{grid-template-columns:210px minmax(0,1fr);gap:20px}.retro-app-page .retro-app .lx-account__stat:not(:first-child){padding-left:38px!important}.retro-app-page .retro-app .lx-account__stat:not(:first-child)::before{width:25px;left:4px}}
@media(max-width:900px){.retro-app-page .retro-app{grid-template-columns:1fr;gap:22px}.retro-app-page .retro-app__sidebar{padding:6px;border:10px solid transparent;overflow-x:auto}.retro-app-page .retro-app__navlink{min-height:43px;padding:5px 12px;font-size:11px}.retro-app-page .retro-app__navlink .retro-art-icon{width:28px;height:28px}.retro-app-page .retro-art-hero{min-height:210px}}
@media(max-width:600px){.retro-app-page .retro-app :is(.page-card,.radio-shell){border-width:12px!important;padding:13px!important;border-image-width:22px!important}.retro-app-page .retro-art-hero{padding:28px 22px;min-height:200px;background-position:64% center}.retro-app-page .retro-art-hero__copy{max-width:80%}.retro-app-page .retro-art-hero__title{font-size:37px}.retro-app-page .retro-art-hero p{font-size:10px}.retro-app-page .retro-art-hero::after{background:linear-gradient(90deg,#0a070b99,#0b080a44)}.retro-app-page .retro-account-tabs{gap:5px!important}.retro-app-page .retro-account-tabs>a{padding:8px 10px!important;min-height:38px;font-size:9px!important}.retro-app-page .retro-account-tabs>a::before{width:19px;height:19px}.retro-app-page .retro-app .lx-account__stat:not(:first-child){padding-left:38px!important}.retro-app-page .retro-app .lx-account__stat:not(:first-child)::before{top:18px}.retro-app-page .retro-app .button{padding-inline:18px!important;font-size:11px!important}}