*{margin:0;padding:0;box-sizing:border-box}body{background:#000;color:#fff;font-family:Inter,Noto Kufi Arabic,sans-serif;overflow:hidden;cursor:default;-webkit-font-smoothing:antialiased}body.rtl{direction:rtl;font-family:Noto Kufi Arabic,Inter,sans-serif}canvas{position:fixed;top:0;left:0;width:100%;height:100%}#header{position:fixed;top:0;left:0;right:0;text-align:center;padding:40px 20px 20px;pointer-events:none;z-index:10;background:linear-gradient(to bottom,rgba(0,0,0,.7) 0%,transparent 100%)}#handala{height:clamp(50px,8vw,90px);margin-bottom:10px;filter:invert(1);opacity:.85}#title{font-size:clamp(1.5rem,4vw,3rem);font-weight:300;letter-spacing:.15em;text-transform:uppercase;margin-bottom:8px}.rtl #title{letter-spacing:0}#subtitle{font-size:clamp(.75rem,1.5vw,1rem);font-weight:300;opacity:1}#count{font-weight:600}#top-buttons{position:fixed;top:20px;right:20px;display:flex;gap:8px;z-index:20}.rtl #top-buttons{right:auto;left:20px}#top-buttons button{background:#ffffff14;border:1px solid rgba(255,255,255,.2);color:#fff;padding:8px 16px;font-size:.85rem;cursor:pointer;font-family:Noto Kufi Arabic,Inter,sans-serif;transition:background .3s;border-radius:4px;display:flex;align-items:center;justify-content:center}#top-buttons button:hover{background:#ffffff26}#info-btn{font-family:Georgia,serif!important;font-style:italic;font-weight:600;width:36px;padding:8px!important}#filter-btn,#mute-btn{width:36px;padding:8px!important}.modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;z-index:50;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:opacity .3s ease}.modal.hidden{opacity:0;pointer-events:none}.modal-content{background:#141414f2;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:32px 36px;max-width:600px;width:90%;max-height:80vh;overflow-y:auto;position:relative;line-height:1.7;font-size:.95rem;font-weight:300}.modal-content a{color:#fffc;text-decoration:underline}.rtl .modal-content{text-align:right}.modal-close{position:absolute;top:12px;right:16px;background:none;border:none;color:#ffffff80;font-size:1.5rem;cursor:pointer;padding:4px 8px;transition:color .2s}.rtl .modal-close{right:auto;left:16px}.modal-close:hover{color:#fff}.modal-content p{margin-bottom:16px;opacity:.85}.modal-content p:last-child{margin-bottom:0}#filter-panel{position:fixed;bottom:60px;left:50%;transform:translate(-50%);background:#0a0a0ae6;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:16px 24px;z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:320px;transition:opacity .25s ease,transform .25s ease}#filter-panel.hidden{opacity:0;transform:translate(-50%) translateY(10px);pointer-events:none}#filter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}#filter-title{font-size:.85rem;font-weight:400;opacity:.7}#filter-close{background:none;border:none;color:#fff6;font-size:1.2rem;cursor:pointer;padding:0 4px}#filter-close:hover{color:#fff}#filter-range{margin-bottom:12px}#range-track{position:relative;height:28px}#range-track input[type=range]{position:absolute;width:100%;top:0;height:28px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;pointer-events:none;margin:0}#range-track input[type=range]::-webkit-slider-runnable-track{height:3px;background:#ffffff26;border-radius:2px}#range-min::-webkit-slider-runnable-track{background:transparent!important}#range-track input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:16px;width:16px;border-radius:50%;background:#fff;cursor:pointer;pointer-events:all;margin-top:-6.5px;border:2px solid rgba(0,0,0,.3)}#range-track input[type=range]::-moz-range-track{height:3px;background:#ffffff26;border-radius:2px;border:none}#range-track input[type=range]::-moz-range-thumb{height:12px;width:12px;border-radius:50%;background:#fff;cursor:pointer;pointer-events:all;border:2px solid rgba(0,0,0,.3)}#range-fill{position:absolute;top:12.5px;height:3px;background:#ffffff80;border-radius:2px;pointer-events:none}#range-labels{display:flex;justify-content:space-between;font-size:.8rem;opacity:.5;margin-top:4px}#filter-stats{font-size:.8rem;opacity:.6;margin-bottom:10px}#filter-stats strong{font-weight:600;opacity:1}#filter-reset{background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#fff;padding:6px 14px;font-size:.75rem;cursor:pointer;border-radius:4px;transition:background .2s;width:100%}#filter-reset:hover{background:#ffffff26}#info-card{position:fixed;pointer-events:none;z-index:15;background:#000000d9;border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:16px 20px;min-width:220px;max-width:320px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:opacity .25s ease,transform .25s ease;opacity:1;transform:translateY(0)}#info-card.hidden{opacity:0;transform:translateY(8px);pointer-events:none}.info-primary{font-size:1.1rem;font-weight:600;margin-bottom:2px;line-height:1.4}.info-secondary{font-size:.9rem;font-weight:300;opacity:.6;margin-bottom:10px;font-family:Noto Kufi Arabic,Inter,sans-serif;line-height:1.5}.rtl .info-secondary{font-family:Inter,Noto Kufi Arabic,sans-serif}#info-details{display:flex;gap:16px;font-size:.8rem;opacity:.5}#info-silhouette{display:none}#loading{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000;z-index:100;transition:opacity .8s ease}#loading.fade-out{opacity:0;pointer-events:none}#loading-text{font-size:1rem;font-weight:300;margin-bottom:20px;opacity:.7}#loading-bar{width:200px;height:2px;background:#ffffff1a;border-radius:1px;overflow:hidden}#loading-fill{width:0%;height:100%;background:#fff9;transition:width .3s ease}#enter-btn{background:transparent;border:1px solid rgba(255,255,255,.3);color:#fff;padding:12px 48px;font-size:1rem;font-weight:300;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;font-family:Inter,sans-serif;transition:background .3s,border-color .3s,opacity .5s;border-radius:4px;opacity:1}#enter-btn.hidden{opacity:0;pointer-events:none}#enter-btn:hover{background:#ffffff14;border-color:#ffffff80}#loading-inner{transition:opacity .4s ease}#loading-inner.done{opacity:0;pointer-events:none}#footer{position:fixed;bottom:0;left:0;right:0;text-align:center;padding:20px;pointer-events:none;z-index:10;background:linear-gradient(to top,rgba(0,0,0,.5) 0%,transparent 100%)}#footer-text{font-size:clamp(.7rem,1.2vw,.85rem);font-weight:300;opacity:1}