*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0;background:url(/images/pisa-cloudy.jpg) 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}#PisaCanvas{display:block;position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;z-index:1;pointer-events:auto}#ui,#ui *,#searchBox,#searchBox *,#cameraControls,#cameraControls *,#sideMenu,#sideMenu *,#nicePopup,#nicePopup *,#tooltip,#tooltip *{pointer-events:auto!important}#ui{position:absolute;left:20px;top:20px;z-index:10}#counter{color:#fff;background:#447c70;border:1px solid #fff;padding:8px 12px;border-radius:8px;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:#1e3c3c;color:#fff;font-weight:700;font-size:15px;cursor:pointer;z-index:100;padding:6px 14px}#toggleMenu:hover{background:#506734}#sideMenu{position:fixed;top:70px;right:13px;text-align:right;display:flex;flex-direction:column;gap:8px;z-index:50;background:#c4c4c4;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:14px;justify-content:flex-end;margin-right:0;margin-top:2.2px}.menu-btn{background:#426568;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:#0fc4ae}#instructions{background:#617d7adb;color:#fff;border-radius:6px;padding:8px;font-size:14px;width:420px;height:400px;text-align:right;overflow-y:auto;overflow-x:hidden}#instructions::-webkit-scrollbar{width:6px}#instructions::-webkit-scrollbar-track{background:transparent}#instructions::-webkit-scrollbar-thumb{background:#0402009e;border-radius:4px}#instructions h3{margin:0 0 3px;font-size:16px;color:#f8fc00;text-align:right}#instructions ul{margin:0;padding-right:12px}#instructions li{margin-bottom:1px;line-height:1.6;font-size:15px}.mainhint{color:#f6ff00;font-weight:600;font-size:15px}#searchBox{position:absolute;top:20px;right:20px;z-index:999999;background:#09605e;border-radius:8px;padding:5px;display:flex;flex-direction:row-reverse;align-items:center;gap:8px}#searchBox input{width:120px;padding:5px;border:none;border-radius:4px;outline:none;background:#fff;font-weight:600}#searchBox button{background:#0d7764;font-weight:600;color:#fff;border:1px solid #fff;border-radius:4px;padding:5px 10px;cursor:pointer;transition:.2s}#searchBox button:hover{background:#01a8e0}#searchBox,#searchBox *{pointer-events:auto!important}#cameraControls{position:fixed;left:20px;top:245px;display:flex;flex-direction:column;gap:10px;z-index:99999;width:110px}.cam-btn{background:#000000cf;border:1px solid rgba(145,145,145,.482);color:#fff;padding:6px 8px;border-radius:8px;font-size:15px;font-weight:600}#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:82px;right:100px;width:280px;background:#e8d9b4df;color:#000;border-radius:6px;padding:12px;box-shadow:0 0 6px #0009;z-index:99999;font-family:Arial,Helvetica,sans-serif;font-size:16px;transform:translateY(-40px);line-height:1.4;opacity:0;pointer-events:none;transition:.6s ease-out}#nicePopup.popup-show{transform:translateY(0);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}#lastSoldBox{position:absolute;top:80px;left:20px;background:#000000e7;color:#fff;padding:14px;border-radius:10px;font-size:15px;z-index:999;text-align:center;line-height:1.6;width:150px}#lastSoldBox .cellId{font-size:18px;color:#00ff6a;font-weight:600;background-color:#ffffff25;padding:0 3px;margin:4px;border-radius:5px}#lastSoldBox .timeAgo{font-size:15px;opacity:.8}#lastSoldBox button{margin-top:8px;padding:6px 10px;border:none;background:#00ff6a;color:#000;font-weight:700;border-radius:6px;cursor:pointer;transition:.3s}#lastSoldBox button:hover{background:#026b25;color:#fff}
