/* CatNest MOE V0.8.4: true viewport backdrops + cosmetic inventory */
/* Pages take the full site width; content panels remain readable and unchanged */
body:has(.vip-page),body:has(.topup-page),body:has(.moe-feature-hero),body:has(.bag-page),body:has(.moe-home),body:has(.moe-shop-page){background-color:#080808;background-repeat:no-repeat;background-position:center top;background-size:cover;background-attachment:fixed}
body:has(.vip-page){background-image:linear-gradient(90deg,rgba(0,0,0,.16),rgba(0,0,0,.08) 24%,rgba(0,0,0,.36) 40%,rgba(0,0,0,.36) 60%,rgba(0,0,0,.08) 76%,rgba(0,0,0,.16)),url('site/vip/vip_bg_main.jpg')}
body:has(.topup-page){background-image:linear-gradient(90deg,rgba(0,0,0,.36),rgba(0,0,0,.08) 25%,rgba(0,0,0,.08) 75%,rgba(0,0,0,.36)),url('site/topup/topup_bg_main.jpg')}
/* optional large backgrounds for seven home sections: place images at static/site/page_bgs/<slug>_bg_main.jpg */
body:has(.moe-feature-hero){background-image:linear-gradient(#0005,#0009),url('site/page_bgs/feature_bg_main.jpg')}
body:has(.bag-page){background-image:linear-gradient(#080605a8,#080605d8),url('site/page_bgs/bag_bg_main.jpg')}
body:has(.vip-page) .page-main,body:has(.topup-page) .page-main,body:has(.moe-feature-hero) .page-main{width:100%;max-width:none;margin:0 auto;padding:24px 18px}
body:has(.vip-page) .imperial-page,body:has(.topup-page) .imperial-page{width:min(100%,1090px);max-width:1090px;margin:0 auto;background:transparent!important;border:none!important;box-shadow:none!important;overflow:visible!important}
body:has(.vip-page) .imperial-page:before,body:has(.topup-page) .imperial-page:before{display:none!important}
body:has(.vip-page) .imperial-hero-card,body:has(.vip-page) .vip-table-panel,body:has(.topup-page) .imperial-hero-card,body:has(.topup-page) .topup-pack-panel,body:has(.topup-page) .topup-text-panel{background:rgba(19,12,9,.90);backdrop-filter:blur(4px)}
@media(max-width:1000px){body:has(.vip-page),body:has(.topup-page),body:has(.bag-page){background-attachment:scroll;background-position:center top;background-size:auto 100vh}}
.bag-page{max-width:1100px;margin:20px auto 60px;padding:28px;color:#f4d8ac;background:rgba(17,12,11,.91);border:1px solid #75512d;border-radius:18px;box-shadow:0 15px 50px #0009}
.bag-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid #754e2e;padding-bottom:20px;margin-bottom:24px}.bag-heading h1{font-size:40px;color:#ffdc9b;margin:5px 0}.bag-heading p{color:#e0c498}.bag-back{color:#f0c58b;white-space:nowrap}
.bag-equip-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:28px}.bag-worn{text-align:center;background:#281911;border:1px solid #80562e;border-radius:14px;padding:14px}.bag-worn h2{font-size:20px;color:#f5ce96;margin:2px 0 10px}.bag-worn img{width:min(100%,190px);aspect-ratio:1;object-fit:cover;border:1px solid #ab814f;border-radius:8px}.bag-worn p{font-size:15px}
.bag-subtitle{font-size:26px;color:#f0c78a}.bag-subtitle small{font-size:15px;color:#bda78f}.bag-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.bag-cell{background:linear-gradient(#3a281b,#140f0c);border:1px solid #906638;min-width:0;aspect-ratio:1/1.22;border-radius:10px;overflow:hidden;display:flex;flex-direction:column;align-items:center;padding:8px;justify-content:flex-start}.bag-cell img{width:100%;min-height:0;max-height:60%;object-fit:cover;border-radius:5px}.bag-item-name{text-align:center;font-size:14px;font-weight:700;margin-top:5px}.bag-item-type{font-size:11px;color:#bda98c}.bag-cell form{margin-top:auto;width:100%;display:flex;justify-content:center}.bag-cell button{background:#815025;color:#ffecba;padding:5px 14px;border-radius:7px;border:1px solid #cc9b57;cursor:pointer}.bag-cell-empty{align-items:center;justify-content:center;background:rgba(18,15,13,.8);border-style:dashed;border-color:#61462f}.bag-cell-empty span{font-size:31px;color:#493b2d}.bag-warning{color:#ffcb7e}.bag-disclaimer{margin-top:22px;color:#a99781}
@media(max-width:650px){.bag-page{padding:14px}.bag-heading{display:block}.bag-equip-row{gap:5px}.bag-worn{padding:4px}.bag-worn h2{font-size:13px}.bag-grid{gap:4px}.bag-cell{padding:3px;aspect-ratio:1/1.5}.bag-item-name{font-size:10px}.bag-item-type{font-size:9px}.bag-cell button{font-size:11px;padding:3px}.bag-heading h1{font-size:28px}}

/* Seven destinations use their own full viewport backgrounds, not a center card background */
body:has(.shop-public-hero){background:#090807 linear-gradient(#08060577,#080605aa),url('site/page_bgs/shop_bg_main.jpg') center top / cover fixed no-repeat}
body:has(.feature-page-packs){background-image:linear-gradient(#08060555,#080605bb),url('site/page_bgs/packs_bg_main.jpg')}
body:has(.feature-page-casino){background-image:linear-gradient(#08060555,#080605bb),url('site/page_bgs/casino_bg_main.jpg')}
body:has(.feature-page-battlepass){background-image:linear-gradient(#08060555,#080605bb),url('site/page_bgs/battlepass_bg_main.jpg')}
body:has(.feature-page-events){background-image:linear-gradient(#08060555,#080605bb),url('site/page_bgs/events_bg_main.jpg')}
body:has(.shop-public-hero) .page-main{max-width:1320px;width:calc(100% - 36px)}
body:has(.shop-public-hero) .hero,body:has(.shop-public-hero) .panel,body:has(.moe-feature-hero) .moe-feature-hero{background:rgba(19,12,9,.90);border-radius:16px;backdrop-filter:blur(4px)}