*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0;background:url(/images/eiffel-sky.webp) center/cover no-repeat fixed;overflow:hidden;font-family:Arial,Noto Naskh Arabic,sans-serif;direction:rtl;text-align:right;position:relative}:root{--bg: #0b0e12;--panel: rgba(0, 0, 0, .55);--accent: #04a8ab}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0}#eiffelCanvas{display:block;position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;z-index:1;pointer-events:auto}#ui,#sideMenu,#cameraControls,#instructions,#lastCellBox,button,input{pointer-events:auto}#nicePopup{pointer-events:none}#nicePopup.popup-show{pointer-events:auto}#ui{position:absolute;left:20px;top:20px;z-index:10}#counter{color:#fff;background:#483420;border:1px solid #fff;padding:8px 12px;border-radius:6px;font-weight:600}#tooltip{position:absolute;pointer-events:none;color:#fff;padding:8px 12px;border-radius:8px;font-size:14px;font-weight:600;white-space:nowrap;z-index:9999;transform:translateY(-4px);transition:opacity .15s ease-out,transform .15s ease-out}#tooltip.visible{opacity:1;transform:translateY(0)}#tooltip.hidden{opacity:0!important;pointer-events:none!important}#toggleMenu{position:fixed;border-radius:4px;border:1px solid #fff;top:81px;right:21px;background:#7c583b;color:#fff;font-weight:700;font-size:15px;cursor:pointer;z-index:100;padding:6px 14px}#toggleMenu:hover{background:#483420}#sideMenu{position:fixed;top:70px;right:13px;display:flex;flex-direction:column;gap:8px;z-index:50;background:#795837bc;border:1px solid #ffffff;padding:8px 10px;border-radius:10px;transition:opacity .4s ease,transform .4s ease}#sideMenu.hidden{opacity:0;transform:translate(-150%);pointer-events:none}.btn-row{display:flex;gap:16px;justify-content:flex-end;margin-right:0;margin-top:2.2px}.menu-btn{background:#936e33;border:1px solid #ffffff;color:#fff;margin-bottom:10px;padding:6px 7px;border-radius:4px;font-size:15px;font-weight:700;cursor:pointer;transition:.3s}.menu-btn:hover{background:#5f422a}#instructions{background:#b48b5bdb;color:#fff;border-radius:6px;padding:8px;font-size:15px;width:420px;height:410px;overflow-y:auto;overflow-x:hidden}#instructions::-webkit-scrollbar{width:6px}#instructions::-webkit-scrollbar-track{background:transparent}#instructions::-webkit-scrollbar-thumb{background:#1f03036b;border-radius:4px}#instructions h3{margin:0 0 3px;font-size:16px;color:#712502}#instructions ul{margin:0;padding-right:12px;font-size:16px}#instructions li{margin-bottom:1px;line-height:1.5;font-size:15px}.mainhint{color:#9c3506;font-weight:600}#searchBox{position:absolute;top:20px;right:20px;z-index:999999;background:#b9ac9e;border-radius:8px;padding:5px;display:flex;flex-direction:row-reverse;align-items:center;gap:10px}#searchBox input{width:120px;padding:5px;border:none;border-radius:4px;outline:none;background:#fff;font-weight:600;text-align:right}#searchBox button{background:#8d541b;font-weight:600;color:#fff;border:1px solid #fff;border-radius:4px;padding:5px 10px;cursor:pointer;transition:.2s}#searchBox button:hover{background:#451e05}#searchBox,#searchBox *{pointer-events:auto!important}#cameraControls{position:absolute;left:20px;top:250px;display:flex;flex-direction:column;gap:8px;z-index:99999;width:110px}.cam-btn{background:#000000bd;border:1px solid rgba(145,145,145,.482);color:#fff;padding:6px 8px;border-radius:8px;font-size:15px;font-weight:600;line-height:1.5}#cellTooltip{position:fixed;display:none;padding:6px 10px;color:#fff;font-size:13px;border-radius:4px;pointer-events:none;z-index:9999}#nicePopup{position:fixed;top:50%;left:50%;transform:translate(-50%,-60%) scale(.9);width:320px;background:#e8d9b4f2;color:#000;border-radius:10px;padding:16px;box-shadow:0 0 20px #0006;z-index:999999;text-align:center;opacity:0;pointer-events:none;transition:.3s ease}#nicePopup.popup-show{transform:translate(-50%,-50%) scale(1);opacity:1;pointer-events:all}.popup-content{position:relative}.popup-close{position:absolute;top:-6px;right:-6px;width:22px;height:22px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#49796b;border-radius:50%;border:2px solid #49796B;cursor:pointer;background:#49796b;transition:.2s ease}.popup-close:hover{background:#49796b}.popup-timer{margin-top:10px;font-size:13px;font-weight:600;color:#49796b;opacity:.8}#flagpopTooltip{position:fixed;display:none;background:#000000bf;color:#fff;padding:6px 10px;font-size:13px;border-radius:4px;z-index:999999;pointer-events:none;transition:opacity .3s;opacity:0}#errorToast{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#424242ea;color:#fff;padding:10px 24px;border-radius:8px;font-size:16px;font-weight:600;z-index:999999;display:none;min-width:320px;text-align:center}#errorClose{position:absolute;top:4px;right:8px;cursor:pointer;font-size:16px;opacity:.7;color:#ff0}#errorClose:hover{opacity:1;color:red}#lastCellBox{position:absolute;top:80px;left:20px;background:#000000bf;color:#fff;padding:12px 16px;border-radius:10px;z-index:9999999;width:160px;text-align:center;line-height:1.8;box-shadow:0 0 10px #0009;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}#lastCellId{background-color:#171717;border-radius:6px;padding:2px 10px;font-weight:600;font-size:14px;margin-top:6px;margin-bottom:6px}#lastCellTime{font-size:15px;margin-bottom:6px}#goToCellBtn{width:100%;padding:6px;font-size:15px;background:#633c01;border:none;border-radius:6px;color:#fff;font-weight:700;cursor:pointer}#goToCellBtn:hover{background:#381900}
