/* Official Seven Legends identity: charcoal #45403a and ivory #F2F1EB.
   Logo, monogram and Nord Book from sevenlegendsresorts.com; imagery from Design Study 03. */
@font-face{font-family:Nord;src:url('assets/Nord-Book.otf') format('opentype');font-weight:400;font-style:normal;font-display:swap}
:root{--ink:#45403a;--muted:#76766f;--accent:#55554c;--line:#d3d2c9;--paper:#f2f1eb;--selected:#deddd4}
body{background:#f2f1eb}.panel{background:#45403a;color:#f2f1eb;border-right:0;scrollbar-color:#65655e #45403a}
.brand{padding:3px 0 22px;border-bottom:1px solid #ffffff28;display:flex;flex-direction:column;align-items:center}.brand-mark{width:50px;height:50px;object-fit:contain;margin-bottom:17px}.brand-wordmark{width:100%;height:auto;display:block}.brand-tagline{font-family:Nord,Arial,sans-serif;letter-spacing:3px;font-size:7px;margin-top:14px;color:#cdcdc4}.brand-place{font-family:Arial,sans-serif;color:#a7a79d;font-size:8px;letter-spacing:2.6px;margin-top:22px}
.intro{padding-top:23px}.panel .eyebrow{color:#a9a99e;font-size:8px;letter-spacing:2px}h1{font-family:Nord,Arial,sans-serif;font-size:22px;line-height:1.3;letter-spacing:1.1px;margin:14px 0;text-transform:uppercase}h1 span{font-size:29px;color:#f2f1eb;letter-spacing:.6px;margin-top:3px}.description{color:#bebeb4;font-size:11px;line-height:1.8}.stats{border-color:#ffffff28}.stats strong{font-family:Nord,Arial,sans-serif;font-size:22px;letter-spacing:-.5px}.stats strong span{font-family:Arial,sans-serif;font-size:11px}.stats small{color:#b2b2a8;font-size:9px}.panel section h2{color:#c8c8bc;font-size:9px;font-weight:400;letter-spacing:2px}.segmented{background:#3d3933;border:1px solid #ffffff29;border-radius:0;gap:3px}.segmented button{border-radius:0;color:#c4c4b9;font-size:10px}.segmented button.active{background:#f2f1eb;color:#45403a;box-shadow:none}.segmented button:hover:not(.active){color:white;background:#575046}.separation>div{color:#b7b7ab}input[type=range]{accent-color:#d2d0bf}.floor-table{border-color:#ffffff36;border-radius:0}.floor-row{color:#eeede5;border-color:#ffffff29}.floor-row b{color:#c0c0b5;font-weight:400}.floor-row em{color:#b3b3a7}.floor-row.active{background:#e1dfd3;color:#45403a}.floor-row.active b,.floor-row.active em{color:#45463c}.floor-row:hover:not(.active){background:#575046}.floor-description{color:#b2b2a6}.section-heading>span{color:#b0b0a3}.toggles{border-color:#ffffff28}.toggles input{border-color:#929285;border-radius:0}.toggles input:checked{background:#e5e3d8;border-color:#e5e3d8}.toggles input:checked:after{color:#45403a}.palette span{color:#b8b8ad}.palette i{border-radius:0}.reference{background:#575046;border-radius:0;color:#f2f1eb}.reference>span{color:#b7b7a6}.reference>span>span{color:#f2f1eb}footer{color:#a0a095;border-top:1px solid #ffffff28;padding-top:18px}.operator-brand{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;gap:15px}.operator-brand span{font-size:7px;letter-spacing:2px;color:#b8b8aa}.operator-brand img{width:92px;height:30px;object-fit:contain}
#viewer{background:radial-gradient(ellipse at 50% 38%,#f5f3ef 0%,#d9d5d4 100%)}.viewer-header .eyebrow{letter-spacing:2px;font-size:8px}.viewer-header h2{font-family:Nord,Arial,sans-serif;font-size:20px;font-weight:400;letter-spacing:-.4px;margin-top:12px}.header-actions button,.view-tools button{background:#f2f1ebdc;border-color:#c9c9be;border-radius:0;color:#54574b}.header-actions button:hover,.view-tools button:hover{color:#45403a;background:#fff}.view-state{color:#64685a}.view-state i{background:#777e66}.model-label b{color:#4c5144}.model-label span{color:#5e6655;background:#f2f1ebed;border-radius:0}.plan-floor-bar{background:#f2f1eb;border-radius:0;box-shadow:0 4px 18px #45403a0b}.plan-floor-bar button{border-radius:0}.plan-floor-bar button.active{background:#45403a;color:#f2f1eb}#loading{background:#f2f1eb}#loading b,.dialog-head h2{font-family:Nord,Arial,sans-serif;font-size:24px}.loader{border-top-color:#45403a}.orientation{font-size:8px;letter-spacing:1.4px}dialog{border-radius:0;background:#f2f1eb}.mobile-brand{display:none}
@media(min-width:761px) and (max-height:850px){.brand{padding-bottom:18px}.brand-mark{width:38px;height:38px;margin-bottom:12px}.brand-tagline{margin-top:10px;font-size:6px}.brand-place{margin-top:16px}.intro{padding-top:18px}h1{font-size:20px}h1 span{font-size:25px}.description{font-size:10px}.stats{padding:17px 0}.stats strong{font-size:21px}.brand-wordmark{width:92%}}
@media(max-width:760px){.panel{background:#45403a;border-top:1px solid #4d4d45}.brand{display:none}.mobile-brand{display:flex;align-items:center;gap:10px;margin-bottom:8px;height:22px}.mobile-brand img{width:148px;height:auto;filter:brightness(0);opacity:.82}.mobile-brand img.mobile-mark{width:23px;height:23px}.viewer-header .eyebrow{display:none}.viewer-header h2{font-size:17px;line-height:1.3;margin-top:7px;max-width:245px}.viewer-header{top:20px}.header-actions{margin-top:2px}.header-actions button{width:29px;height:29px}.intro{padding-top:0}h1{font-size:23px;line-height:1.4}h1 span{font-size:23px;display:block}.stats strong{font-size:23px}.stats{width:100%}.description{font-size:11px}.floor-table{border-color:#ffffff36}.floor-row{font-size:12px}.floor-row b{font-size:11px}.floor-row em{font-size:11px}.operator-brand{justify-content:start;gap:30px}.viewer-bottom #hint{font-size:8px}}

/* Resort-specific reference: Seven Legends Aseer Resort presentation, pages 11–16. */
.brand{padding:4px 0 21px}.resort-lockup{display:block;width:100%;height:auto}.mobile-resort{display:none}.floor-row.active{background:#d9d5d4}.segmented button.active{background:#eaeaea}.panel{scrollbar-color:#8d867e #45403a}.reference{background:#575046}
@media(min-width:761px) and (max-height:850px){.brand{padding-bottom:18px}.resort-lockup{width:90%}}
@media(max-width:760px){.mobile-brand{position:relative;height:30px;align-items:flex-start;margin-bottom:10px}.mobile-brand img.mobile-mark{margin-top:2px;width:26px;height:26px}.mobile-brand>img:not(.mobile-mark){margin-top:1px}.mobile-resort{display:block;position:absolute;left:37px;top:20px;font-size:6px;letter-spacing:2.5px;color:#575046}.viewer-header h2{margin-top:5px}}