/* Salam Happiness City: artwork layers follow purchased components. */
#salam-explorer .sl-logo-menu{position:relative}
#salam-explorer .sl-brand-button{display:flex;align-items:center;gap:5px;background:transparent;border:0;border-radius:10px;padding:0 5px;cursor:pointer;min-height:54px}
#salam-explorer .sl-brand-button span{color:#247b7f;font-size:15px}
#salam-explorer .sl-main-menu{position:absolute;right:0;top:calc(100% + 10px);width:230px;max-width:80vw;z-index:100;background:#fff;border:1px solid #dce6dc;border-radius:16px;padding:7px;box-shadow:0 10px 30px #29384620!important}
#salam-explorer .sl-main-menu a{display:flex;gap:10px;padding:13px 12px;color:#293846;text-decoration:none;border-radius:10px;font-size:14px;min-height:46px}
#salam-explorer .sl-main-menu a:hover,#salam-explorer .sl-main-menu a[aria-current=page]{background:#eef6d6;color:#195b54}
#salam-explorer .sl-main-menu svg{width:21px;height:21px;flex-shrink:0}
#salam-explorer [hidden]{display:none!important}
#salam-explorer .hc-page{padding:16px 18px 22px;background:#f7faef;color:#293846}
#salam-explorer .hc-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}
#salam-explorer .hc-toolbar h1{font-size:21px;margin:0;font-weight:700}
#salam-explorer .hc-toolbar p{font-size:12px;color:#5a6c73;margin:5px 0 0}
#salam-explorer .hc-balance{background:#eef6d6;border-radius:12px;padding:8px 16px;display:flex;align-items:center;gap:9px;min-height:48px}
#salam-explorer .hc-balance svg{width:22px;height:22px;color:#738917}
#salam-explorer .hc-balance strong{font-size:20px;color:#195b54}
#salam-explorer .hc-world-viewport{width:100%;overflow:auto;border-radius:18px;border:1px solid #cdd6d1;background:#dde2df;direction:ltr;touch-action:pan-x pan-y;overscroll-behavior:contain}
#salam-explorer .hc-world{position:relative;width:100%;aspect-ratio:1000/562.8;min-width:800px;direction:rtl}
#salam-explorer .hc-world>svg{display:block;width:100%;height:100%}
#salam-explorer .hc-label{position:absolute;transform:translate(-50%,-100%);display:flex;align-items:center;gap:7px;border:1px solid #c1cfbc;background:#fffef5f5;color:#203f3e;border-radius:9px;padding:6px 8px;font:inherit;cursor:pointer;min-height:46px;min-width:122px;text-align:right;box-shadow:0 3px 10px #1b332522!important;transition:transform .15s}
#salam-explorer .hc-label:hover{background:#eef6d6;transform:translate(-50%,-100%) scale(1.04)}
#salam-explorer .hc-label svg{width:24px;height:24px;color:#247b7f;flex-shrink:0}
#salam-explorer .hc-label strong{display:block;font-size:11px;white-space:nowrap;line-height:1.5}
#salam-explorer .hc-label small{display:block;color:#61756b;font-size:10px}
#salam-explorer .hc-mini-track{display:block;background:#e0e6dd;height:4px;border-radius:4px;overflow:hidden;min-width:80px;margin-top:4px}
#salam-explorer .hc-mini-track i{display:block;height:100%;background:#81a91d}
#salam-explorer .hc-map-controls{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-top:10px;justify-content:space-between}
#salam-explorer .hc-map-controls>div{display:flex;gap:6px;align-items:center}
#salam-explorer .hc-control{border:1px solid #dce6dc;background:#fff;color:#293846;border-radius:10px;padding:8px 13px;min-height:44px;font:inherit;cursor:pointer}
#salam-explorer .hc-control[aria-pressed=true]{background:#eef6d6;border-color:#8da51f}
#salam-explorer .hc-control:disabled{opacity:.45;cursor:default}
#salam-explorer .hc-caption{font-size:12px;color:#61756b;margin:12px 0 0}
#salam-explorer .hc-facility-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:16px}
#salam-explorer .hc-facility-grid button{border:1px solid #dce6dc;border-radius:12px;background:#fff;padding:10px;display:flex;align-items:center;gap:9px;text-align:right;cursor:pointer;font:inherit;min-height:64px;min-width:0}
#salam-explorer .hc-facility-grid svg{width:24px;height:24px;color:#247b7f;flex-shrink:0}
#salam-explorer .hc-facility-grid strong{display:block;font-size:12px}
#salam-explorer .hc-facility-grid small{font-size:11px;color:#61756b}
#salam-explorer .hc-detail-art{margin:0 auto 16px;max-width:820px;border-radius:18px;overflow:hidden;background:#e4e8e3}
#salam-explorer .hc-detail-art svg{display:block;width:100%;height:350px}
#salam-explorer .hc-progress-row{display:flex;align-items:center;gap:12px;margin:16px 0}
#salam-explorer .hc-progress-row .hc-progress-track{flex:1;height:9px;border-radius:8px;overflow:hidden;background:#dfe8d9}
#salam-explorer .hc-progress-row .hc-progress-track span{display:block;height:100%;background:#81a91d;transition:width .25s}
#salam-explorer .hc-components{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#salam-explorer .hc-part{background:#fff;border:1px solid #dce6dc;border-radius:16px;overflow:hidden;min-width:0}
#salam-explorer .hc-part-art{background:#eef1e9;height:135px;overflow:hidden;border-bottom:1px solid #e6ecdf}
#salam-explorer .hc-part-art svg{width:100%;height:100%;display:block}
#salam-explorer .hc-part-body{padding:12px}
#salam-explorer .hc-part h3{font-size:14px;margin:0 0 4px}
#salam-explorer .hc-price{font-size:13px;color:#61756b;margin-bottom:10px}
#salam-explorer .hc-buy{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;background:#b4d334;color:#293846;border:0;border-radius:10px;padding:10px;font:inherit;font-size:13px;min-height:44px;cursor:pointer}
#salam-explorer .hc-buy svg{width:17px;height:17px}
#salam-explorer .hc-buy:disabled{cursor:default;background:#eef1e9;color:#637067}
#salam-explorer .hc-buy.done{background:#e0f0df;color:#247247}
#salam-explorer .hc-deficit{display:block;font-size:11px;margin-top:8px;color:#61756b;text-align:center}
#salam-explorer .hc-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-top:18px;border-top:1px solid #dce6dc;padding-top:16px}
#salam-explorer .hc-empty{padding:35px 15px;text-align:center;background:#fff;border:1px solid #dce6dc;border-radius:16px;margin-top:18px}
#salam-explorer .hc-empty svg{width:44px;height:44px;color:#247b7f;margin-bottom:8px}
#salam-explorer .hc-empty h2{font-size:18px;margin:6px 0}
#salam-explorer .hc-status{color:#247247;font-size:13px;margin-top:12px;min-height:22px}
#salam-explorer .hc-error{color:#a12e26}
.hc-dialog{font-family:Tahoma,Arial,sans-serif;direction:rtl;border:1px solid #dce6dc;border-radius:20px;padding:24px;max-width:400px;width:calc(100% - 32px);background:#fff;color:#293846;box-shadow:0 18px 80px #172c3140}
.hc-dialog::backdrop{background:#17383777}.hc-dialog h2{font-size:19px;margin:0 0 12px}.hc-dialog p{line-height:1.8;font-size:14px}.hc-dialog-actions{display:flex;gap:9px;margin-top:18px}.hc-dialog button{font:inherit;border:1px solid #dce6dc;border-radius:10px;padding:10px 18px;min-height:44px;background:#fff;cursor:pointer}.hc-dialog #hc-confirm-buy{background:#b4d334;border:0;flex:1}.hc-dialog button:focus-visible{outline:3px solid #247b7f;outline-offset:3px}
@media(max-width:900px){#salam-explorer .hc-facility-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){#salam-explorer .hc-page{padding:12px}#salam-explorer .hc-toolbar h1{font-size:18px}#salam-explorer .hc-components{grid-template-columns:repeat(2,minmax(0,1fr))}#salam-explorer .hc-facility-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#salam-explorer .hc-detail-art svg{height:270px}#salam-explorer .hc-part-art{height:100px}#salam-explorer .hc-part-body{padding:10px}#salam-explorer .hc-map-controls{align-items:start}#salam-explorer .hc-caption{font-size:11px}#salam-explorer .hc-label{min-width:116px}#salam-explorer .hc-tabs .hc-control{flex:1;font-size:12px;padding:8px}#salam-explorer .hc-balance{padding:6px 11px}}
@media(prefers-reduced-motion:reduce){#salam-explorer .hc-label,#salam-explorer .hc-progress-track span{transition:none}}
@media(max-width:600px){#salam-explorer .hc-world.hc-overview .hc-label{width:44px;height:44px;min-width:44px;min-height:44px;padding:8px;justify-content:center;border-radius:50%;transform:translate(-50%,-50%)}#salam-explorer .hc-world.hc-overview .hc-label>span{display:none}#salam-explorer .hc-world.hc-overview .hc-label svg{width:24px;height:24px}}
/* Twenty-part city refinement: compact labels, a single balance and account photo. */
#salam-explorer .hc-label{gap:5px;padding:5px 7px;min-width:114px;min-height:42px}
#salam-explorer .hc-label svg{width:14px;height:14px}
#salam-explorer .hc-map-controls{justify-content:flex-end;gap:6px}
#salam-explorer .hc-map-controls .hc-control{width:44px;height:44px;display:flex;align-items:center;justify-content:center;padding:9px}
#salam-explorer .hc-map-controls .hc-control svg{width:21px;height:21px}
#salam-explorer .sl-account-photo{width:40px;height:40px;flex-shrink:0;padding:0;border:1px solid #cfdfd8;border-radius:50%;background:#e0efeb;overflow:hidden;cursor:pointer}
#salam-explorer .sl-account-photo img{width:100%;height:100%;object-fit:cover;display:block}
#salam-explorer .hc-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:600px){
 #salam-explorer .sl-player-stats{gap:9px}
 #salam-explorer .sl-account-photo{width:36px;height:36px}
 #salam-explorer .hc-world.hc-overview .hc-label{width:86px;height:auto;min-width:0;min-height:34px;padding:4px;gap:3px;border-radius:7px;left:clamp(44px,var(--hc-x),calc(100% - 44px))!important;top:clamp(18px,var(--hc-y),calc(100% - 18px))!important;transform:translate(-50%,-50%)}
 #salam-explorer .hc-world.hc-overview .hc-label>span{display:block;flex:1;min-width:0}
 #salam-explorer .hc-world.hc-overview .hc-label strong{font-size:10px;line-height:1.25;white-space:normal;font-weight:600}
 #salam-explorer .hc-world.hc-overview .hc-label svg{width:11px;height:11px}
 #salam-explorer .hc-world.hc-overview .hc-mini-track{min-width:0;height:3px;margin-top:3px}
 #salam-explorer .hc-world.hc-overview .hc-label small{display:none}
 #salam-explorer .hc-world.hc-overview .hc-label::after{content:'';position:absolute;inset:-5px 0}
 #salam-explorer .hc-world.hc-overview .hc-label[data-hc-building=mosque]{--hc-x:22%!important;--hc-y:21%!important}
 #salam-explorer .hc-world.hc-overview .hc-label[data-hc-building=school]{--hc-x:61%!important;--hc-y:10%!important}
 #salam-explorer .hc-world.hc-overview .hc-label[data-hc-building=hospital]{--hc-x:86%!important;--hc-y:34%!important}
 #salam-explorer .hc-world.hc-overview .hc-label[data-hc-building=well]{--hc-x:45%!important;--hc-y:43%!important}
 #salam-explorer .hc-world.hc-overview .hc-label[data-hc-building=water-factory]{--hc-x:87%!important;--hc-y:59%!important}
 #salam-explorer .hc-world.hc-overview .hc-label[data-hc-building=food-store]{--hc-x:57%!important;--hc-y:65%!important}
 #salam-explorer .hc-world.hc-overview .hc-label[data-hc-building=orphans]{--hc-x:13%!important;--hc-y:47%!important}
 #salam-explorer .hc-world.hc-overview .hc-label[data-hc-building=fruit-farm]{--hc-x:14%!important;--hc-y:73%!important}
 #salam-explorer .hc-world.hc-overview .hc-label[data-hc-building=fish-farm]{--hc-x:46%!important;--hc-y:89%!important}
 #salam-explorer .hc-world.hc-overview .hc-label[data-hc-building=quran-printing]{--hc-x:80%!important;--hc-y:86%!important}
}

/* City header controls and uninterrupted artwork. */
#salam-explorer .hc-city-toolbar{gap:12px;margin-bottom:8px;flex-wrap:nowrap}
#salam-explorer .hc-city-heading{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
#salam-explorer .hc-city-heading p{margin:0}
#salam-explorer .hc-city-toolbar .hc-map-controls{margin:0;flex-wrap:nowrap;flex-shrink:0}
#salam-explorer .hc-world{min-width:0;width:100%}
#salam-explorer .hc-world-viewport{margin:0;line-height:0;aspect-ratio:auto}
#salam-explorer .hc-label{line-height:normal}
#salam-explorer .hc-expanded{position:fixed;inset:0;z-index:1000;overflow:auto;border-radius:0;padding:12px;display:flex;flex-direction:column}
#salam-explorer .hc-expanded .hc-world-viewport{flex:1;min-height:0;aspect-ratio:auto;position:relative;background:#dce3d9}
#salam-explorer .hc-expanded .hc-world{min-width:100%;width:max(100%,calc((100dvh - 82px)*1.777))!important;aspect-ratio:1000/562.8}
#salam-explorer .hc-expanded .hc-facility-grid,#salam-explorer .hc-expanded .hc-tabs,#salam-explorer .hc-expanded .hc-status{display:none}
#salam-explorer .hc-part-art{height:175px;background:#dce3d9}
#salam-explorer .hc-part-art svg{width:100%;height:100%;display:block}
@media(max-width:600px){
 #salam-explorer .hc-city-toolbar{gap:6px}
 #salam-explorer .hc-city-heading{gap:3px 8px;flex:1}
 #salam-explorer .hc-city-heading h1{font-size:16px}
 #salam-explorer .hc-city-heading p{font-size:10px}
 #salam-explorer .hc-city-toolbar .hc-map-controls{gap:3px}
 #salam-explorer .hc-city-toolbar .hc-control{width:40px;height:40px;min-height:40px;padding:8px}
 #salam-explorer .hc-part-art{height:135px}
}

#salam-explorer .sl-brand-button .sl-logo{display:block;width:48px;height:40px;object-fit:contain}

#salam-explorer .hc-buy.available{background:#b4d334;color:#233b23}
#salam-explorer .hc-buy.locked:disabled{background:#c83e40;color:#fff;opacity:1}