@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/concept.png') 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}}