/* Source pixels are from the approved mockup, not substitute crowns or new artwork. */
body{background:#031e18;isolation:isolate;position:relative}.reference-background{position:fixed;inset:0;z-index:-2;pointer-events:none;background:#28170d url('/assets/pro/approved-salon-v51.png') center top/100% auto no-repeat;clip-path:polygon(0 0,5% 0,5% 88%,95% 88%,95% 0,100% 0,100% 100%,0 100%)}.reference-table{position:fixed;bottom:0;right:0;width:30vw;aspect-ratio:469/214;z-index:-1;pointer-events:none;background-image:url('/assets/pro/approved-salon-v51.png');background-size:338.1663% auto;background-position:100% 100%;background-repeat:no-repeat}header,main{max-width:90%;width:1440px}header{margin-bottom:14px;padding:0 30px;min-height:90px}header img{width:290px;height:88px}.royal-banner{height:auto;aspect-ratio:1428/132;background-image:url('/assets/pro/approved-salon-v51.png');background-size:111.0644% auto;background-position:50.6329% 12.2093%;background-repeat:no-repeat;border:0;border-radius:14px;box-shadow:0 4px 10px #0004;min-height:0}.royal-banner:before{display:none}.royal-banner>div{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);margin:0;padding:0}.royal-banner:after{opacity:.45}.salon-grid{grid-template-columns:minmax(0,350fr) minmax(0,670fr) minmax(0,376fr);gap:12px}.reference-shield{display:block;padding:0;margin:0 12px 12px;aspect-ratio:310/240;background:url('/assets/pro/approved-salon-v51.png') no-repeat;background-size:511.6129% auto;background-position:8.22884% 81.11702%;border-radius:0 0 9px 9px;min-height:0}.reference-leader-title{width:100%;height:auto!important;aspect-ratio:327/53;background:url('/assets/pro/approved-salon-v51.png') no-repeat;background-size:485.0153% auto;background-position:90.94519% 28.11502%;margin:0 0 15px!important;position:relative}.reference-leader-title span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.leaders-panel{background:#031f19f5}.leader-row{padding:14px 9px;gap:10px;min-height:84px;grid-template-columns:40px 40px minmax(0,1fr) auto}.leader-rank{border:2px solid #f1cb7b;width:34px;height:42px;font-size:12px;border-radius:50%;outline:1px solid #bd984b;outline-offset:3px;position:relative;background:radial-gradient(ellipse at 30% 20%,#fff1be,#d1a04c 50%,#8c5b28);box-shadow:0 0 9px #e3b65333}.leader-rank:before{content:'♛';position:absolute;top:-19px;left:7px;font-size:17px;color:#efc66e;text-shadow:0 1px #37200a}.leader-row:nth-child(2) .leader-rank:before{color:#dde4e5}.leader-row:nth-child(3) .leader-rank:before{color:#d99e67}.leader-avatar{width:38px;height:38px;border:2px solid #c2cec4}.leader-name{font-size:12px}.leader-score{font-size:12px}.left-column{background:#05251ff5}.create-panel{padding:18px}.salon-status{margin:8px 0}.panel{background-color:#032019}.open-panel{min-height:242px}.my-panel .empty{min-height:118px}.salon-footer{min-height:80px;align-items:flex-start}.leader-scope{line-height:1.4}.panel h2{font-size:22px}.periods button{font-size:13px}.left-column .hint{font-size:10px;margin-bottom:0}@media(max-width:1100px){header,main{max-width:94%;width:auto}.salon-grid{grid-template-columns:235px minmax(0,1fr)}.leaders-panel{grid-column:1/-1}.reference-leader-title{max-width:300px}.reference-background{clip-path:polygon(0 0,3% 0,3% 88%,97% 88%,97% 0,100% 0,100% 100%,0 100%)}.royal-banner{aspect-ratio:1428/150;background-size:111.0644% 660%;background-position:50.6329% 12.2093%}.royal-banner:after{display:none}}@media(max-width:700px){header,main{max-width:calc(100% - 16px);width:auto}header{min-height:62px;padding:3px 10px;margin-bottom:8px}header img{width:160px;height:54px}.salon-grid{grid-template-columns:minmax(0,1fr)}.royal-banner{aspect-ratio:1428/220;background-size:111.0644% 751.515%;border-radius:7px}.reference-background{clip-path:polygon(0 0,2% 0,2% 90%,98% 90%,98% 0,100% 0,100% 100%,0 100%);background-size:auto 100%;background-position:center}.reference-table{width:46vw}.reference-shield{display:none}.reference-leader-title{max-width:290px}.panel h2{font-size:20px}.leader-row{grid-template-columns:38px 38px minmax(0,1fr) auto}.salon-footer{min-height:65px}}