/* Main navigation shared by every command-center page. */
body:not(.battle-mode):not(.lobby-mode) .shell{grid-template-columns:280px minmax(0,1fr)}
body:not(.battle-mode):not(.lobby-mode) .sidebar{width:280px;padding:0;background:linear-gradient(#06101b9c,#020914ed),url('/assets/lobby-courtyard-v1.png') 10% center/auto 100%;border-right:1px solid #9a8057;z-index:5}
.sidebar .brand{height:224px;padding:24px 26px;display:flex;gap:8px;align-items:center;flex-wrap:wrap;align-content:center;border-bottom:1px solid #927851;color:#e5c28a;font:35px Georgia,serif;letter-spacing:0}
.sidebar .brand-icon{font:86px Georgia,serif;color:#e5c28a;text-shadow:0 0 22px #ffde8b20;line-height:1;width:100%}.sidebar .brand>span:last-child{padding-left:50px}.sidebar .brand small{font:12px Georgia,serif;letter-spacing:2px;line-height:1.5;color:#d7bc8d}.sidebar .nav-label{display:none}.sidebar nav{gap:3px;margin-top:20px}.sidebar .nav{width:100%;height:83px;padding:18px 26px;gap:24px;color:#d7bb8a;background:transparent;border:0;border-radius:0;box-shadow:none;font:34px Georgia,serif;position:relative}.sidebar .nav span{font:600 21px 'Malgun Gothic',sans-serif;color:#d7e0ed;white-space:nowrap}.sidebar .nav i{display:none}.sidebar .nav:hover{background:#ffffff08}.sidebar .nav.active{background:linear-gradient(90deg,#64934b45,#203c26cc);border-top:1px solid #bdc86e;border-bottom:1px solid #bdc86e;box-shadow:inset 0 0 22px #bbef7930,0 0 16px #81c74c22;color:#e6e89b}.sidebar .nav.active:after{content:'›';position:absolute;right:8px;font:32px Georgia,serif;color:#e3de82}.sidebar .nav.active span{color:#e7ed9e}.sidebar .side-bottom{padding:0 25px}.sidebar .live{font-size:10px;margin:10px 0;color:#8fa994}.sidebar .profile{border-top:1px solid #846d49;padding:22px 0;gap:16px}.sidebar .avatar{width:55px;height:55px;border:1px solid #d9be83;background:radial-gradient(#35454c,#0b1724);color:#e4ce9c;font:23px Georgia,serif}.sidebar .profile strong{font-size:17px}.sidebar .profile small{font-size:10px}.sidebar .version{display:none}
body:not(.battle-mode):not(.lobby-mode) main>header{height:64px;border-bottom:1px solid #927851;background:#050c14;padding:0 26px}.breadcrumb{font:18px Georgia,serif;letter-spacing:1px;color:#c8c4bd}#page-title{font-size:18px;color:#edf0f5}.shop-mode .header-right{visibility:hidden}
body.shop-mode #content{padding:0;max-width:none}.shop-screen{height:1016px;background:radial-gradient(ellipse at 20% 55%,#11212c,#050d15 72%)}.shop-banner{height:172px;text-align:center;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(90deg,#08111de0,#0a10194a 50%,#08111d77),url('/assets/shop-banner-v1.png') center 46%/cover;border-bottom:1px solid #9b815b}.shop-banner>span{font-size:10px;letter-spacing:4px;color:#d6b983}.shop-banner h1{font:44px Georgia,'Malgun Gothic',serif;letter-spacing:2px;color:#f0d397;margin:9px 0 12px}.shop-banner p{font-size:17px;color:#ece4d4;margin:0}.shop-layout{display:grid;grid-template-columns:minmax(0,1fr) 530px;height:844px}.shop-catalog{min-width:0;padding:0 24px 24px}.shop-toolbar{height:86px;display:flex;align-items:center;gap:18px;border-bottom:1px solid #75868d44}.shop-tabs{display:flex;flex:1;height:100%}.shop-tabs button{flex:1;border:0;border-bottom:3px solid transparent;background:none;border-radius:0;font-size:16px;white-space:nowrap;padding:12px}.shop-tabs button.selected{color:#d9eaa2;border-bottom-color:#c8df87;background:linear-gradient(transparent,#91b84b0a)}.shop-toolbar input{width:270px;background:#0d1924;border-color:#8b795e;font-size:13px;padding:13px}.shop-empty{height:calc(100% - 86px);display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse,#243f492e,transparent 64%);text-align:center}.shop-empty-symbol{font:95px Georgia,serif;color:#8b795d;margin-bottom:32px}.shop-empty h2{font-weight:500;font-size:23px;color:#c4cbd0;letter-spacing:1px;margin:0 0 15px}.shop-empty p{color:#7f94a8;font-size:14px}.shop-empty-line{height:1px;width:180px;background:linear-gradient(90deg,transparent,#8e7854,transparent);margin:25px 0}.shop-empty small{font-size:12px;color:#556c7e}.shop-detail{border-left:1px solid #9b815b;padding:27px 24px 22px;background:linear-gradient(#102031,#07121e 70%);display:flex;flex-direction:column;min-height:0}.shop-detail-heading>span{color:#c9b48a;font-size:12px;letter-spacing:2px}.shop-detail h2{font:30px Georgia,'Malgun Gothic',serif;color:#e7dbbf;letter-spacing:1px;margin:17px 0}.shop-detail-heading p{font-size:12px;line-height:1.8;color:#8ca1b5;border-top:1px solid #8b765644;padding-top:15px}.shop-preview-empty{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse,#8fa3bc0d,transparent 65%)}.shop-preview-empty>div{font:100px Georgia,serif;color:#61758750}.shop-preview-empty>span{font-size:10px;letter-spacing:5px;color:#536a7e;margin-top:20px}.shop-detail-note{font-size:13px;color:#9dbbd2;border:1px solid #8b795955;border-radius:5px;text-align:center;padding:15px;background:#06121cb3}.shop-purchase-empty{margin-top:18px;padding:9px 10px;border:1px solid #8b7959;border-radius:7px;display:flex;align-items:center;gap:20px}.shop-purchase-empty span{flex:1;color:#7b8c99;font-size:13px;text-align:center}.shop-purchase-empty button{width:220px;background:#31412c;color:#99aa8e;border:1px solid #72845b;font-size:20px;font-weight:600;opacity:1}.shop-preview-button{margin:14px 45px 0;border-color:#8b7959;background:none;color:#b29b74;font-size:15px;opacity:.55}
.sidebar .nav-icon{width:32px;height:32px;flex:0 0 32px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.sidebar .brand-compass{width:96px;height:96px;stroke:#e5c28a;fill:#c5a76a17;stroke-width:1.5;flex:0 0 96px}.sidebar .brand{height:224px;gap:0;padding:20px 24px;align-content:center;flex-wrap:nowrap}.sidebar .brand>span:last-child{padding-left:0;font-size:31px}.sidebar .brand small{font-size:10px;letter-spacing:1px;max-width:110px}.sidebar .brand-compass{margin-left:-8px;margin-right:4px}