@font-face{font-family:HK;src:url('assets/NotoNaskhArabic.ttf') format('truetype');font-display:swap}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#071523;color:#f4f7fb;font-family:HK,Tahoma,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit;border:1px solid #ffffff25;background:#122839c9;border-radius:12px;min-height:42px;padding:8px 16px;transition:background .2s,transform .2s}button:hover{background:#294457}button:focus-visible,a:focus-visible{outline:2px solid #ffac58;outline-offset:4px}button:disabled{opacity:.45;cursor:default}a{color:inherit;text-decoration:none}button.active,button[aria-pressed=true]{border-color:#ff9a45;color:#ffb16b;background:#563823aa}[hidden]{display:none!important}#scene{position:absolute;inset:0;touch-action:none}#scene canvas{display:block;width:100%;height:100%}header{position:absolute;top:0;inset-inline:0;display:flex;align-items:center;justify-content:space-between;padding:24px 38px;background:linear-gradient(#061321e6,transparent);z-index:5;pointer-events:none}.brand,.topActions{pointer-events:auto}.brand{display:flex;align-items:center;gap:13px;font-size:21px}.brand img{width:57px;height:57px;object-fit:contain;background:#fff;border-radius:12px;padding:5px}.brand small{display:block;font-size:11px;color:#a7b9c9;letter-spacing:.4px}.topActions{display:flex;gap:8px;align-items:center}.topActions button,.topActions a{font:24px Arial;padding:6px;width:42px;height:42px;text-align:center;border-radius:50%;background:#142b3e88;border:1px solid #ffffff20}#intro{position:absolute;right:7%;top:28%;max-width:460px;z-index:3;pointer-events:none}#intro:before{content:'';position:absolute;inset:-80px -100px;background:radial-gradient(ellipse,#071523e8 0%,#07152380 45%,transparent 72%);z-index:-1}.eyebrow{font:10px Arial;letter-spacing:2px;color:#9caebb}h1{font-size:clamp(42px,5.5vw,78px);line-height:1.4;font-weight:600;margin:20px 0 10px}h1 em{font-style:normal;color:#ff9a45}#intro p{color:#a8becf;font-size:17px;margin-bottom:28px}.primary{background:#ff9a45;color:#101a25;border:0;display:inline-flex;gap:30px;align-items:center;justify-content:center;padding:13px 24px;border-radius:9px;font-weight:bold;pointer-events:auto}.primary:hover{background:#ffb575}.introMeta{display:flex;gap:45px;margin-top:44px;direction:ltr;justify-content:flex-end}.introMeta span{font:22px Arial}.introMeta small{font:11px HK;display:block;color:#8fa6b9;margin-top:8px}#loading{position:absolute;bottom:25px;left:30px;font-size:13px;color:#a6c8d9}#error{position:absolute;top:40%;left:15%;right:15%;background:#193447;padding:30px;border-radius:16px;z-index:20}#error button{display:block;margin:20px auto 0}.readings{position:absolute;top:108px;left:32px;display:flex;gap:0;background:#081b2cbb;border:1px solid #7594a82c;backdrop-filter:blur(12px);border-radius:13px;padding:12px 4px;direction:rtl}.readings>div{padding:0 20px;min-width:100px;border-left:1px solid #ffffff15}.readings>div:last-child{border:0}.readings small{display:block;color:#8da7b9;font-size:11px}.readings b{font:23px Arial;display:block;margin-top:7px;direction:ltr;text-align:right}.readings i{font:11px Arial;color:#82a6bd}.readings strong{font-size:13px;color:#54e1bb;display:block;margin-top:8px}#panel{position:absolute;right:32px;top:125px;width:282px;background:#0b2134ed;border:1px solid #8ca5b735;backdrop-filter:blur(18px);border-radius:16px;padding:20px;box-shadow:0 16px 50px #0003}.panelhead{display:flex;justify-content:space-between;align-items:center;direction:ltr}.panelhead span{font:11px monospace;color:#ff9a45;letter-spacing:2px}.panelhead button{padding:0;min-height:26px;width:28px;background:transparent;border:0;font:24px Arial}h2{font-size:23px;font-weight:500;margin:12px 0 4px}#desc{font-size:13px;color:#a5baca;line-height:1.9;margin:0 0 12px}#panelMetrics{font-size:12px;color:#d7e6ef;padding-bottom:8px;min-height:25px}#actions{display:flex;gap:7px;flex-wrap:wrap}#actions button{flex:1;font-size:12px;white-space:nowrap;padding:8px 10px}#actions .power{background:#ed9544;color:#132333;border:0}#hint{position:absolute;bottom:157px;left:50%;transform:translateX(-50%);background:#0c2436dd;border:1px solid #ffffff15;padding:8px 20px;border-radius:30px;white-space:nowrap;font-size:12px;pointer-events:none}.viewTools{position:absolute;left:30px;top:45%;display:flex;flex-direction:column;gap:8px}.viewTools button{display:flex;align-items:center;gap:10px;padding:7px 12px;font:24px Arial}.viewTools span{font:11px HK}#stations{position:absolute;bottom:66px;left:50%;transform:translateX(-50%);display:flex;background:#0b2134e6;border:1px solid #ffffff20;border-radius:15px;padding:6px;gap:4px;white-space:nowrap}#stations button{border:0;background:transparent;font-size:12px;padding:8px 13px;min-height:40px}#stations button.active{background:#ff9a45;color:#102131}#stations small{font:10px Arial;opacity:.6;margin-left:6px}.tourNav{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:20px;color:#93b1c7;font-size:12px}.tourNav button{min-height:30px;padding:0 14px;border:0;background:transparent;font:22px Arial}#estop{position:absolute;bottom:25px;right:30px;background:#522531cf;border-color:#f06b6b55;color:#ff9696;font-size:11px;min-height:35px}#estop span{font:16px Arial;margin-left:5px}#demoTag{position:absolute;left:30px;bottom:25px;font-size:10px;color:#6d8da5}.hotspot{position:absolute;transform:translate(-50%,-50%);border-radius:50%;width:33px;height:33px;min-height:33px;padding:0;background:#112d42df;border:1px solid #b6e0ee80;font:12px Arial;box-shadow:0 0 0 5px #a7dce810;pointer-events:auto}.hotspot:hover,.hotspot.active{background:#ff9a45;color:#122332;border-color:#ffbe87;box-shadow:0 0 0 7px #ff9a4520}.hotspot:after{content:'';position:absolute;inset:6px;border:1px solid currentColor;border-radius:50%;opacity:.3}#hotspots{position:absolute;inset:0;pointer-events:none}dialog{color:#eef4fa;background:#10273a;border:1px solid #66809366;border-radius:20px;max-width:850px;width:92vw;max-height:88dvh;padding:30px;overflow:auto;box-shadow:0 30px 100px #0009}dialog::backdrop{background:#020c17c9;backdrop-filter:blur(7px)}dialog p{color:#a8bece;line-height:2;font-size:14px}.dismiss{float:left;border:0;font:24px Arial;padding:0;width:32px;min-height:32px;background:transparent}.schemaFlow{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:25px 0}.schemaFlow div{padding:14px;border:1px solid #57cde762;border-radius:10px;background:#153449;min-width:135px}.schemaFlow small{display:block;font-size:10px;color:#a5becc}.schemaFlow b{color:#54cce3}dialog .muted{font-size:12px}.team{display:block;width:100%;height:200px;object-fit:cover;object-position:top;margin-bottom:20px;border-radius:10px}#walkPad{position:absolute;bottom:165px;right:28px;text-align:center;direction:ltr}#walkPad button{width:44px;height:44px;padding:0;touch-action:none;font:24px Arial;background:#13384dcc;margin:2px}body.walking #panel{display:none}body.walking .viewTools{top:36%}@media(max-width:700px){header{padding:14px 16px}.brand{font-size:16px;gap:9px}.brand img{width:42px;height:42px}.brand small{font-size:9px}.topActions{gap:4px}.topActions button,.topActions a{width:34px;height:34px;font-size:21px}.topActions a{display:none}#intro{top:auto;bottom:9%;right:8%;left:8%;max-width:none}#intro:before{inset:-70px -40px;background:linear-gradient(transparent,#071523e0 40%,#071523)}h1{font-size:44px;margin:12px 0 5px;line-height:1.25}#intro p{font-size:14px;margin:15px 0}.eyebrow{font-size:8px;letter-spacing:1.4px}.introMeta{margin-top:24px;gap:28px;justify-content:flex-end}.introMeta span{font-size:17px}.introMeta small{font-size:10px}#loading{bottom:10px;left:15px;font-size:10px}.readings{top:79px;left:14px;right:14px;justify-content:space-around;padding:8px 0}.readings>div{padding:0 12px;min-width:0;flex:1}.readings small{font-size:9px}.readings b{font-size:19px;margin-top:3px}.readings strong{font-size:11px;margin-top:3px}#panel{top:auto;bottom:155px;right:14px;left:14px;width:auto;padding:12px 15px;border-radius:12px}.panelhead{position:absolute;left:12px;top:10px;gap:12px}.panelhead span{font-size:9px}h2{font-size:19px;margin:0 0 4px}#desc{font-size:11px;margin:0 0 5px;max-width:90%}#panelMetrics{font-size:10px;min-height:20px;padding-bottom:4px}#actions button{min-height:36px;font-size:11px;padding:6px 10px}.viewTools{left:12px;top:151px;gap:6px;flex-direction:row}.viewTools button{font-size:18px;padding:6px 10px;min-height:34px;gap:5px}.viewTools span{font-size:9px}#stations{bottom:62px;max-width:calc(100vw - 20px);overflow:auto;justify-content:flex-start;padding:4px;border-radius:12px}#stations button{padding:6px 10px;font-size:10px;min-height:38px}#stations small{display:none}.tourNav{bottom:14px;gap:10px;font-size:10px}#estop{bottom:16px;right:12px;font-size:9px;padding:5px 8px;min-height:31px}#demoTag{left:12px;bottom:8px;font-size:8px;max-width:70px}#hint{bottom:115px;max-width:94vw;white-space:normal;width:max-content;font-size:10px;padding:6px 12px;text-align:center}#walkPad{bottom:180px;right:18px}dialog{padding:20px}dialog p{font-size:12px}.team{height:130px}.hotspot{width:28px;height:28px;min-height:28px;font-size:10px}.schemaFlow{gap:8px}.schemaFlow div{min-width:115px;font-size:13px;padding:10px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}