@import url('https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&family=Tajawal:wght@400;500;600;700;800&display=swap');
:root{--ink:#0b1915;--green:#14362b;--green2:#1a4b39;--gold:#dfbd83;--sand:#d6b783;--cream:#fff1da;--muted:#decfba;--edge:rgba(225,193,137,.24);--card:#122b22;--unit:67px}*{box-sizing:border-box}html,body{height:100%;margin:0}body{overflow:hidden;background:var(--ink);color:var(--cream);font-family:Tajawal,Arial,Tahoma,sans-serif}button,a{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #f4d293;outline-offset:3px}button:disabled{opacity:.35;cursor:not-allowed}.hidden{display:none!important}#app{position:relative;width:100%;height:100%;overflow:hidden;background:#08120e}.view{position:absolute;inset:0;overflow:hidden;perspective:900px;perspective-origin:50% 51%;background:linear-gradient(180deg,#17342a,#08150f 58%,#241d14);touch-action:none}.world{position:absolute;left:50%;top:51%;width:0;height:0;transform-style:preserve-3d;will-change:transform}.piece{position:absolute;left:0;top:0;transform-style:preserve-3d;backface-visibility:visible}.surface{border:1px solid rgba(255,223,165,.08);backface-visibility:visible}.surface-floor{background:repeating-linear-gradient(90deg,transparent 0,transparent 96px,rgba(28,20,13,.27) 97px,transparent 100px),repeating-linear-gradient(0deg,transparent 0,transparent 100px,rgba(20,15,9,.24) 101px,transparent 103px),linear-gradient(135deg,#69523a,#856848 44%,#5f4933);box-shadow:inset 0 0 190px #281c14}.surface-ceiling{background:repeating-linear-gradient(90deg,#4c3020 0 24px,#86613d 24px 31px,#5f452e 31px 100px),linear-gradient(#30261c,#58442f);box-shadow:inset 0 0 75px #0008}.surface-wall{background:repeating-linear-gradient(0deg,rgba(65,42,25,.05) 0 4px,transparent 4px 40px),linear-gradient(145deg,#997d59,#b39770 45%,#917552);box-shadow:inset 0 0 90px #4b321a59}.surface-wall:after{content:'';position:absolute;inset:6%;border:1px solid #f3d5a124;pointer-events:none}.plinth-wall{background:linear-gradient(135deg,#25372d,#163125 55%,#2d523f);border:4px solid #bf9961;box-shadow:0 0 0 11px #513a25,0 0 0 15px #bf9961,0 12px 70px #030906}.museum-plaque{background:radial-gradient(circle at 40% 20%,#244e3b,#0d281f 70%);border:8px ridge #b68c4c;box-shadow:0 0 0 7px #3e2b18,0 0 24px 7px #edc08316,0 18px 42px #0008;color:#f6d99d;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;text-align:center;padding:30px 24px;overflow:hidden;backface-visibility:hidden}.museum-plaque:before,.museum-plaque:after{content:'';position:absolute;left:20px;right:20px;height:1px;background:linear-gradient(90deg,transparent,#e2bd83,transparent);opacity:.6}.museum-plaque:before{top:18px}.museum-plaque:after{bottom:18px}.museum-plaque .smallcaps{font-size:15px;color:#f0d6a0;letter-spacing:2px}.museum-plaque strong{font:700 52px/1.25 Amiri,Georgia,serif;text-shadow:0 4px 15px #061e17;white-space:normal}.museum-plaque .subtitle{font-size:23px;color:#f2d6a7;font-weight:700;line-height:1.35}.museum-plaque .fine{font-size:16px;line-height:1.65;color:#e8dcc3}.museum-plaque .plaque-symbol{font-size:38px;color:#ebca8d}.exhibit-wall{background:linear-gradient(140deg,#183a2e,#0d231d);border:9px solid #986e3d;outline:2px solid #edc991;outline-offset:-4px;box-shadow:0 0 0 12px #3b2917,0 15px 52px #050e0aaa;display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;padding:22px 24px;text-align:center;backface-visibility:hidden}.exhibit-wall .exhibit-num{font-size:16px;color:#e9c890;letter-spacing:1px}.exhibit-wall strong{font:700 35px/1.42 Amiri,serif;color:#f4dcab}.exhibit-wall p{font-size:17px;line-height:1.7;color:#e5d8c0;margin:0;max-width:85%}.exhibit-wall .line{width:62px;height:2px;background:#ddba7b}.king-art{width:310px;height:490px;background:linear-gradient(#0f251c,#0c1c15);border:9px solid #a88045;outline:2px solid #ffe2aa;outline-offset:-5px;box-shadow:0 0 0 9px #3d2916,0 0 33px #0008;backface-visibility:hidden;display:flex;flex-direction:column;overflow:hidden;color:#f4deb0;cursor:pointer;pointer-events:auto;transform-style:flat}.king-art:hover{filter:brightness(1.13)}.king-art .art-photo{height:345px;background:linear-gradient(150deg,#354238,#18251c);overflow:hidden;position:relative;flex:none;display:flex;align-items:center;justify-content:center}.king-art .art-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 20%;transform:none!important;backface-visibility:visible}.king-art .art-photo .image-unavailable{font-size:18px;padding:20px;color:#dbcaa8;line-height:1.6}.king-art .art-copy{flex:1;text-align:center;background:linear-gradient(170deg,#173a2b,#0d251a);padding:12px 8px;display:flex;flex-direction:column;justify-content:center;gap:4px}.king-art .art-copy strong{font-size:24px;line-height:1.24;font-weight:800}.king-art .art-copy em{font-size:16px;font-style:normal;color:#e0bc84}.king-art .art-copy small{font-size:13px;color:#f0dcc2;line-height:1.3}.king-art .art-photo .image-unavailable.hidden{display:none}.wall-light{background:radial-gradient(circle,#ffebbd 0,#caa16d 15%,#654325 50%,transparent 74%);filter:drop-shadow(0 0 20px #ffdb9a88);pointer-events:none}.column-face{background:repeating-linear-gradient(0deg,transparent 0 55px,#c4a37a44 56px,transparent 60px),linear-gradient(100deg,#6d5030,#bd9665 30%,#aa8150 70%,#604527);box-shadow:0 0 0 2px #51391d,0 0 20px #1b100a}.museum-sign{background:#10372a;border:4px solid #d4b57a;box-shadow:0 0 0 8px #503a21;color:#f9dda7;display:flex;align-items:center;justify-content:center;text-align:center;font:700 29px Amiri,serif;backface-visibility:hidden}.arch-trim{background:linear-gradient(0deg,#5e4127,#d3b184 45%,#63492d);box-shadow:0 7px 14px #110b08}.ceiling-light{background:radial-gradient(ellipse,#fff0c9,#e6b579 40%,#c38a42 63%,#563822 84%);box-shadow:0 0 36px 12px #ffcf865e}.central-stand{background:linear-gradient(145deg,#244a38,#10291f);border:5px solid #b08c54;box-shadow:0 0 0 10px #281d13,0 12px 45px #0009;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:22px;backface-visibility:hidden}.central-stand b{font:700 45px Amiri,serif;color:#f4da9d}.central-stand span{font-size:18px;color:#ead7b4}.center-reticle{position:absolute;inset:49.5% auto auto 50%;transform:translate(-50%,-50%);width:30px;height:30px;display:grid;place-items:center;font-size:31px;font-weight:300;color:#ffe8b09f;pointer-events:none;text-shadow:0 2px 12px #000}.view-shade{pointer-events:none;position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,transparent 40%,#07110d70 100%),linear-gradient(180deg,#09160f66,transparent 24%,transparent 75%,#08110a80)}
.top{position:absolute;top:0;left:0;right:0;z-index:10;height:83px;padding:13px 29px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,#0b1d17e6,#0919109a);border-bottom:1px solid #d8b57e27;backdrop-filter:blur(12px)}.identity{display:flex;gap:15px;align-items:center}.identity strong{display:block;font:700 23px Amiri,serif}.identity small{display:block;font-size:13px;color:#e2cbaa}.brand-emblem{width:54px;height:54px;border:1px solid #cbab75;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;font:700 19px Amiri;color:#f1d399}.brand-emblem span{font:12px Arial}.top-right{display:flex;gap:10px}.pill{border:1px solid var(--edge);padding:11px 15px;border-radius:8px;font-size:13px;font-weight:700}.pill-soft{background:#1c342bdc;color:var(--cream)}.pill-gold{background:var(--gold);color:#14251b;border-color:var(--gold)}.pill span{font-weight:800}.room-indicator{position:absolute;z-index:9;top:115px;right:31px;width:320px;padding:22px 23px;background:linear-gradient(150deg,#132c23d9,#0e1e18c9);border:1px solid var(--edge);box-shadow:0 20px 48px #0004;backdrop-filter:blur(9px);border-radius:12px}.room-indicator>span{font-size:12px;color:var(--gold);letter-spacing:2px}.room-indicator #roomSub{font-size:12px;color:#dec598;margin:12px 0 4px}.room-indicator h1{font:700 33px/1.3 Amiri,serif;margin:0}.room-indicator p{font-size:14px;color:#e5d7c6;line-height:1.8;margin:10px 0}.room-actions{display:flex;gap:8px;flex-wrap:wrap}.small-gold,.small-ghost{border-radius:7px;padding:11px 16px;font-size:13px;font-weight:700}.small-gold{background:var(--gold);color:#17281e;border:1px solid var(--gold)}.small-ghost{color:#eadcc4;background:#ffffff0c;border:1px solid #d7bd7a4d}.interaction-hint{position:absolute;z-index:7;top:calc(50% + 30px);left:50%;transform:translateX(-50%);background:#121d14aa;border:1px solid #d8be834b;border-radius:50px;padding:8px 19px;color:#f6e8cd;font-size:14px;text-shadow:0 1px 4px #000;pointer-events:none;white-space:nowrap}.bottom-controls{position:absolute;z-index:9;bottom:26px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:7px;border:1px solid var(--edge);padding:8px 11px;background:#10271ee6;border-radius:11px;box-shadow:0 14px 40px #0007;backdrop-filter:blur(16px);white-space:nowrap}.bottom-controls button{border:1px solid #d8ba8144;background:#ffffff0b;color:var(--cream);border-radius:7px;height:39px;min-width:40px;font-size:20px}.bottom-controls button:hover{background:#ebca8450}.bottom-controls span{font-size:12px;color:#deccb2;margin:0 12px}.bottom-controls .gallery-nav{background:#d0ad77;color:#15291c;font-size:13px;font-weight:800;padding:0 14px}.minimap{position:absolute;z-index:8;left:27px;top:115px;width:160px;height:125px;border:1px solid var(--edge);border-radius:12px;background:linear-gradient(150deg,#112b22eb,#12271edc);backdrop-filter:blur(12px);display:flex;align-items:end;justify-content:center;padding:10px;overflow:hidden}.minimap:before{content:'';position:absolute;left:48px;top:13px;width:64px;height:55px;border:2px solid #cbb17780;background:repeating-linear-gradient(90deg,#b7954525 0 2px,transparent 2px 10px)}.minimap:after{content:'';position:absolute;left:77px;top:15px;width:2px;height:50px;background:#d7b27680}.minimap i{position:absolute;top:36px;left:76px;width:9px;height:9px;border-radius:50%;background:#f0d18a;border:2px solid white;box-shadow:0 0 10px #ffd588}.minimap span{font-size:10px;color:#d9c4a1}.rooms-panel{z-index:32;position:absolute;top:0;bottom:0;right:0;width:min(410px,96vw);padding:24px;background:#10281ff7;border-left:1px solid #c9a36b;backdrop-filter:blur(20px);box-shadow:-20px 0 70px #0008;display:flex;flex-direction:column}.panel-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.panel-top small{font-size:12px;color:var(--gold)}.panel-top h2{margin:6px 0;font:700 35px Amiri}.xbutton{width:37px;height:37px;background:#ffffff11;color:#fff2d5;border:1px solid var(--edge);border-radius:8px;font-size:20px}.rooms-list{display:flex;flex-direction:column;gap:6px;overflow:auto;padding:4px}.room-link{display:flex;gap:12px;align-items:center;text-align:right;padding:10px;background:#ffffff09;border:1px solid #d1b47a1e;color:#f0dfbe;border-radius:9px}.room-link.active,.room-link:hover{background:#b99a6230;border-color:#ddc18c}.room-link b{width:35px;height:32px;border-radius:6px;border:1px solid #d0af78;color:#e5ca99;display:grid;place-items:center}.room-link span{font-size:15px;font-weight:700}.room-link small{display:block;font-size:11px;color:#cabba3;margin-top:4px}.panel-note{color:#c4b39a;font-size:12px;line-height:1.9}
.modal{position:absolute;z-index:42;inset:0;display:flex;align-items:center;justify-content:center;padding:30px}.modal-bg{position:absolute;inset:0;background:#020807d4;backdrop-filter:blur(9px)}.detail-card,.gallery-card-modal,.king-modal-card{position:relative;z-index:1;border:1px solid #cbaa70a1;background:linear-gradient(155deg,#17382a,#0e231b);box-shadow:0 30px 110px #0009;border-radius:15px}.detail-card{width:min(760px,97vw);padding:39px 43px;max-height:85vh;overflow:auto}.close-float{position:absolute;top:18px;left:18px}.kicker{color:#d5af73;font-size:12px;letter-spacing:2px}.detail-card h2,.gallery-card-modal h2,.king-modal-card h2{font:700 44px Amiri,serif;margin:10px 0}.detail-card p,.gallery-card-modal p{font-size:16px;line-height:2.1;color:#e2d5c1}.detail-card li{font-size:16px;color:#f1e2c9;margin:11px 0}.modal-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.gallery-card-modal{width:min(1040px,96vw);padding:26px;max-height:85vh;overflow-y:auto}.modal-head{display:flex;justify-content:space-between}.modal-head h2{margin:7px 0}.modal-head p{margin:0 0 18px}.gallery-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:15px}.gallery-item{padding:9px;background:#ffffff0a;border:1px solid var(--edge);border-radius:9px;cursor:pointer;color:var(--cream);text-align:right}.gallery-item:hover{background:#ffffff15}.gallery-item .gallery-img{height:205px;overflow:hidden;background:linear-gradient(#344a3a,#131d17);display:grid;place-items:center;border-radius:6px}.gallery-item img{height:100%;width:100%;object-fit:contain;transform:none!important}.gallery-item strong{display:block;font-size:17px;margin:11px 3px 5px}.gallery-item p{font-size:13px;margin:0 3px 6px;line-height:1.8}.gallery-item small{color:#e1c18b;font-size:12px}.king-modal-card{width:min(1080px,96vw);max-height:87vh;display:grid;grid-template-columns:45% 55%;overflow:auto;direction:ltr}.king-modal-card>*{direction:rtl}.king-close{position:absolute;top:15px;left:15px;z-index:5}.king-modal-photo{position:relative;background:#0a1511;min-height:560px;display:grid;place-items:center;padding:22px}.king-modal-photo img{width:100%;height:100%;max-height:76vh;object-fit:contain;transform:none!important}.photo-error{background:#1b2c22;border:1px solid var(--edge);color:#ebdcbf;padding:30px;text-align:center;line-height:2}.king-modal-text{padding:39px 34px 25px}.king-modal-text .king-dates{display:inline-block;color:#e3c38a;padding:10px 14px;border:1px solid var(--edge);background:#ffffff0b;border-radius:7px}.king-modal-text p{font-size:16px;line-height:2;color:#e9dcc9}.king-modal-text h3{font-size:18px;color:#f0cd95;margin-top:20px}.king-modal-text ul{line-height:2.05;padding-right:20px;color:#e7dac7}.source-link{color:#eaca8c;font-size:13px;margin:12px 0}.toast{position:absolute;z-index:80;left:50%;bottom:100px;transform:translate(-50%,10px);opacity:0;pointer-events:none;transition:.25s;padding:13px 22px;background:#173b2ce9;color:#ffe3ab;border:1px solid #d9b77b;border-radius:9px;box-shadow:0 8px 28px #0008;font-size:14px}.toast.show{opacity:1;transform:translate(-50%,0)}
.welcome{position:absolute;z-index:55;inset:0;background:linear-gradient(90deg,#071811f7 0%,#071c13ee 39%,#102014b8 72%,#101508ad),url('assets/entrance_design.jpg') center/cover;display:flex;justify-content:center;align-items:center;overflow:hidden}.welcome:after{content:'';position:absolute;inset:18px;border:1px solid #e4c69038;pointer-events:none}.welcome-shape{position:absolute;width:500px;height:500px;border:1px solid #d7b77d1f;border-radius:50%;right:-150px;bottom:-200px}.welcome-content{position:relative;text-align:center;width:min(850px,94vw);padding:28px}.welcome-kicker{font-weight:800}.welcome-date{font:700 84px Amiri;color:#d6b47f;margin-top:18px;line-height:1.1}.welcome-date small{font-size:28px}.welcome-content h1{font:700 clamp(49px,5.5vw,82px)/1.2 Amiri,serif;margin:9px 0 18px;text-shadow:0 5px 30px #000b}.welcome-content h1 em{color:#e1bc80;font-style:normal}.welcome-content p{font-size:18px;line-height:1.95;color:#f4e4ce;max-width:660px;margin:0 auto 24px}.welcome-buttons{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.main-cta,.outline-cta{padding:16px 29px;border-radius:7px;font-size:16px;font-weight:800}.main-cta{background:var(--gold);color:#1a2b20;border:1px solid #f2dfb7}.main-cta span{margin-right:16px}.outline-cta{background:#142c22a8;color:#f6e5ca;border:1px solid #ebcf955e}.welcome-features{display:flex;justify-content:center;gap:17px;flex-wrap:wrap;margin-top:34px;color:#e6d3b7;font-size:13px}.welcome-footer{position:absolute;bottom:23px;right:36px;left:36px;display:flex;justify-content:space-between;color:#e0c18b;font:700 13px Amiri}
@media(max-width:880px){.top{height:auto;gap:12px;padding:10px 14px}.identity strong{font-size:18px}.identity small{font-size:10px}.top-right{gap:5px}.pill{font-size:11px;padding:8px}.room-indicator{top:89px;right:14px;width:270px;padding:13px}.room-indicator h1{font-size:27px}.room-indicator p{font-size:12px}.minimap{top:98px;left:12px;transform:scale(.8);transform-origin:top left}.bottom-controls{bottom:18px;width:calc(100% - 20px);justify-content:center}.bottom-controls span{display:none}.king-modal-card{grid-template-columns:1fr}.king-modal-photo{min-height:250px;height:40vh}.king-modal-photo img{max-height:35vh}.king-modal-text{padding:20px}.welcome-content h1{font-size:45px}.welcome-date{font-size:55px}.welcome-content p{font-size:14px}}
@media(max-width:520px){.top .pill-soft:first-child{display:none}.brand-emblem{display:none}.identity strong{font-size:15px}.room-indicator{width:205px}.room-actions button{font-size:11px;padding:7px}.minimap{display:none}.bottom-controls .gallery-nav{font-size:11px;padding:0 6px;min-width:auto}.interaction-hint{font-size:11px}.welcome-features{gap:8px;font-size:11px}.welcome-buttons button{font-size:13px;padding:13px 15px}.welcome-footer{right:15px;left:15px;font-size:10px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Free-look first-person interaction; these controls work on desktop and touch screens. */
body.free-look-active #view{cursor:none}
body.free-look-active .center-reticle{color:#ffe5a6;transform:translate(-50%,-50%) scale(1.25)}
#freeLookButton{border:1px solid #f0d39a;box-shadow:0 0 0 1px #0002}
#freeLookButton[aria-pressed="true"]{background:#c5e4ce;color:#14362b;border-color:#c5e4ce}
#turnRightButton,#turnLeftButton{font-size:25px;font-family:Arial,sans-serif;background:#2a4436;color:#ffe8bb;touch-action:none}
.intro-control-help{max-width:720px;margin:14px auto 3px;color:#f1d6a0;font-size:14px;line-height:1.8}
@media(max-width:840px){#freeLookButton{font-size:12px;padding:9px 11px}.bottom-controls span{display:none}.top-right{gap:6px}.intro-control-help{font-size:12px}}
@media(max-width:520px){#turnRightButton,#turnLeftButton{height:38px;min-width:35px}.top{padding:9px 12px}.top-right{flex-wrap:wrap;justify-content:flex-end}}

/* -------------------------------------------------------------
 * Premium Najdi museum edition — modeled after the Canva concept.
 * All historical portraits remain independent, upright image nodes.
 * ------------------------------------------------------------- */
:root{--ink:#061710;--green:#09291e;--gold:#dfba75;--edge:#d6b98574;--cream:#fff0d9}
.view{perspective:1120px;background:radial-gradient(ellipse at 52% 42%,#564128 0%,#1d3227 48%,#071712 100%);}
.view-shade{background:radial-gradient(ellipse at center,transparent 28%,rgba(2,11,9,.52) 100%),linear-gradient(180deg,#09181047 0%,transparent 24%,transparent 78%,#07130bd8 100%)}
.surface-floor{background-image:repeating-linear-gradient(90deg,transparent 0 160px,rgba(77,58,38,.24) 161px 163px,transparent 164px 330px),repeating-linear-gradient(0deg,transparent 0 160px,rgba(77,58,38,.24) 162px 164px,transparent 165px 330px),linear-gradient(40deg,#9d896c67,#e7d9bc33 47%,#90765c67),url('assets/marble.jpg');background-size:330px 330px,330px 330px,100% 100%,580px 350px;box-shadow:inset 0 0 180px 60px #0e100aa8}
.surface-ceiling{background-image:repeating-linear-gradient(90deg,rgba(32,20,11,.68) 0 19px,rgba(186,130,74,.75) 20px 28px,rgba(39,25,14,.7) 29px 98px),linear-gradient(#3c2a1a,#715035),url('assets/wood.jpg');background-blend-mode:normal,multiply,normal;background-size:99px 100%,100% 100%,620px 360px;box-shadow:inset 0 0 120px #100903bb,0 0 65px #b9803738}
.surface-wall{background-image:repeating-linear-gradient(90deg,transparent 0 215px,rgba(148,103,61,.30) 216px 222px,transparent 223px 440px),linear-gradient(110deg,#9d76537c,#ead5a771 45%,#ad8d626b),url('assets/stone.jpg');background-size:440px 100%,100% 100%,440px 900px;background-blend-mode:normal,multiply,normal;box-shadow:inset 0 0 90px #6c4c2575,0 0 0 1px rgba(80,46,15,.4)}
.surface-wall::after{inset:5%;border-color:#fff4d127}
.floor-inlay{background:repeating-linear-gradient(0deg,transparent 0 250px,#5a443d87 253px 260px,transparent 263px 360px),linear-gradient(90deg,transparent 0 20%,#41372e44 20% 22%,#d2b88744 23% 77%,#41372e55 78% 80%,transparent 81%);opacity:.85;pointer-events:none;backface-visibility:visible}
.floor-edge{background:linear-gradient(90deg,#9b783f,#f1d9a5,#9b783f);box-shadow:0 0 16px 8px #e1b66b44;pointer-events:none}
.column-face,.decor-column{background:repeating-linear-gradient(0deg,transparent 0 80px,#95693f7f 81px 85px,transparent 86px 190px),linear-gradient(100deg,#6d4b2e,#e0c18e 25%,#c39a65 58%,#6f502d);box-shadow:inset 4px 0 20px #34220f72,0 8px 24px #38231677;border:2px solid #c8a26d}
.arch-trim{background:linear-gradient(180deg,#a47a45,#efd19f 36%,#63452c 75%,#342418);box-shadow:0 10px 17px #28190e92;border:1px solid #f2cb87}
.museum-sign{background:linear-gradient(140deg,#0b3023,#164334 48%,#052015);border:5px solid #d6b074;outline:1px solid #fff4c18c;outline-offset:-13px;box-shadow:0 0 0 11px #70512c,0 0 40px #f2c77748;color:#ffe7b3;font-size:31px;font-family:Amiri,Tajawal,serif;text-shadow:0 2px 9px #0008;backface-visibility:hidden}
.ceiling-light{background:radial-gradient(ellipse,#fffadd 0%,#ffe2ab 34%,#bf8a3d 63%,transparent 80%);box-shadow:0 0 28px 18px #ffd1897a;filter:blur(.5px)}
.wall-light{background:radial-gradient(ellipse,#fffbd3 1%,#fedca0 18%,#c99a53 33%,#5d4124 65%,transparent 70%);filter:drop-shadow(0 0 26px #f8ce8780)}
.museum-plaque{overflow:hidden;isolation:isolate;background:radial-gradient(circle at 60% 10%,#1a4a35,#072117 78%);border:10px ridge #c8a166;outline:1px solid #f7d699a6;outline-offset:-20px;box-shadow:0 0 0 10px #6a4627,0 20px 60px #140e07a1,0 0 45px #ffd48530;backface-visibility:hidden;position:absolute}
.museum-plaque:before{content:'';position:absolute;inset:28% 0 0;background:url('assets/mural.jpg') center bottom / 100% auto no-repeat;opacity:.22;mask-image:linear-gradient(transparent 0%,black 48%);pointer-events:none;width:auto;height:auto}
.museum-plaque:after{content:'';position:absolute;inset:16px;border:1px solid #dfc19068;width:auto;height:auto;pointer-events:none;background:none}
.museum-plaque strong{font:700 65px/1.22 Amiri,Tajawal,serif;position:relative;color:#f3ddb4;letter-spacing:1px;text-shadow:0 3px 15px #06130de5}
.museum-plaque .subtitle{font:700 37px Amiri,serif;color:#dabc78;position:relative}
.museum-plaque .smallcaps{position:relative;color:#dfc991;font-size:16px}
.museum-plaque .fine{font-size:18px;position:relative;color:#f8e8c2}
.exhibit-wall{background:radial-gradient(circle at top,#205242,#07271d 78%);border:10px ridge #b99761;outline:2px solid #f9dfac;outline-offset:-20px;box-shadow:0 0 0 8px #684629,0 12px 35px #100b09b8;backface-visibility:hidden;border-radius:3px}
.exhibit-wall::before{content:'✧';color:#dfbf82;position:absolute;top:9%;left:10%;font-size:36px;opacity:.6}
.exhibit-wall strong{font:700 38px/1.45 Amiri,serif;text-align:center;color:#ffecd0}
.exhibit-wall p{font-size:19px;max-width:100%;text-align:center;color:#f0e0c5}
.exhibit-wall .exhibit-num{color:#dfbc84;font-size:18px}
.exhibit-wall .line{background:linear-gradient(90deg,transparent,#f2d39d,transparent);width:54%}
.king-art{background:linear-gradient(160deg,#1b3629,#061a13);border:11px ridge #b48e57;outline:2px solid #ffe4ad;outline-offset:-18px;box-shadow:0 0 0 8px #573b20,0 15px 42px #080a08bd,0 0 16px #e8c28940;border-radius:2px;backface-visibility:hidden;overflow:hidden;transition:filter .15s}
.king-art .art-photo{height:70%;padding:14px 14px 0;background:linear-gradient(#6a644e,#172117)}
.king-art .art-photo img{height:100%;width:100%;object-fit:cover;object-position:center 15%;transform:none!important;filter:contrast(1.06) saturate(.9);display:block}
.king-art .art-copy{padding:15px 10px;background:linear-gradient(180deg,#12372a,#071e15);border-top:3px solid #d9ad70;gap:6px}
.king-art .art-copy strong{font:700 26px/1.35 Amiri,Tajawal,serif;color:#ffebc9}
.king-art .art-copy em{font-weight:800;color:#ddbf83;font-size:17px}
.king-art .art-copy small{font-size:14px;color:#dac7aa}
.king-art:hover{filter:brightness(1.2) drop-shadow(0 0 14px #f1bb7090)}
.maquette-base{background:linear-gradient(45deg,#28352a,#132119 30%,#8d6e45 75%,#d6b17b);border:9px solid #bd9a62;box-shadow:0 0 0 19px #092015,0 0 40px #ffcc7830;pointer-events:none}
.maquette-building{background:linear-gradient(110deg,#7d5b37,#dfb782 38%,#bf9863 70%,#695033);border:2px solid #e5c38a;box-shadow:inset 0 0 10px #7753326b;pointer-events:none}
.maquette-crenel{background:#d2ad77;border:1px solid #92673c;pointer-events:none}
.maquette-caption{display:flex;justify-content:center;align-items:center;background:linear-gradient(#09281f,#153e2f);border:3px solid #d0a66d;color:#f5ddb2;font:700 17px Amiri,serif;box-shadow:0 0 14px #e0b1784a;pointer-events:none}
.central-stand{background:linear-gradient(145deg,#173a2b,#08241a);border:8px ridge #c19c63;outline:2px solid #d5b681;outline-offset:-16px;box-shadow:0 0 0 11px #312315,0 5px 24px #000b;backface-visibility:hidden}
.top{background:linear-gradient(180deg,#06190ff0,#092116e7);border-bottom:1px solid #d7b37758;backdrop-filter:blur(18px)}
.brand-emblem{border:2px solid #e0be81;background:radial-gradient(circle,#1f4d38,#082015);color:#eed3a0;box-shadow:0 0 0 5px #efd39818}
.identity strong{color:#fff1d5}
.pill{border-radius:999px;transition:all .2s}
.pill-gold,.main-cta,.small-gold{background:linear-gradient(145deg,#efce92,#cda468);color:#0d261b}
.room-indicator{border:1px solid #e6c28460;background:linear-gradient(155deg,#09291eec,#071b13f0);border-radius:14px;box-shadow:0 17px 60px #0009;backdrop-filter:blur(20px)}
.bottom-controls{background:#0b271de8;border:1px solid #d7b98878;box-shadow:0 12px 50px #0009;backdrop-filter:blur(18px);border-radius:15px;padding:10px}
.welcome{background:linear-gradient(90deg,#061610f9 0%,#071c13e8 38%,#0c2418b8 71%,#08130baa),url('assets/entrance_design.jpg') center/cover}
.welcome:after{border:1px solid #e4bd7a50}
.welcome-content{background:radial-gradient(ellipse at center,#081c148a,transparent 76%);border-radius:24px}
.welcome-date{font-size:96px;text-shadow:0 4px 25px #0009}
.welcome-content h1{color:#fff0d4}
.welcome-content h1 em{color:#efc98d}
.welcome-features span{border:1px solid #e6c58b38;background:#091c14b9;padding:10px 15px;border-radius:99px}
.king-modal-card{border-radius:18px}
.king-modal-photo img{object-position:center center;object-fit:contain}
.image-unavailable{border:1px dashed #cbae7a66;border-radius:8px;text-align:center}
@media(max-width:900px){.museum-plaque strong{font-size:50px}.room-indicator{top:92px}}

.welcome{background:linear-gradient(90deg,#07190ff8 0%,#09261ae2 36%,#061c11c0 73%,#08130d91),url('assets/entrance_design.jpg') center/cover}
.museum-plaque:before{inset:53% 4% 4%;background:url('assets/mural_arch.jpg') center bottom/cover no-repeat;opacity:.48;mask-image:linear-gradient(transparent 0%,black 35%)}
.maquette-caption{font-size:19px;text-shadow:0 1px 5px #0008}

.museum-plaque:before{content:'';position:absolute;inset:47% 1% 1%;background:url('assets/diriyah_silhouette.svg') center bottom/100% auto no-repeat;opacity:.34;mask-image:linear-gradient(transparent 0%,black 65%);pointer-events:none}