:root{font-family:Vazirmatn,Tahoma,sans-serif;color:#eaf5f7;background:#07101c;font-size:16px}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid #62dedb;outline-offset:3px}.shell{position:relative;width:100%;height:100dvh;min-height:570px;overflow:hidden;background:radial-gradient(ellipse 46% 62% at 53% 46%,#162e3d 0%,#091522 55%,#060e19 100%)}#world{display:block;width:100%;height:100%;touch-action:none}.grain{position:absolute;inset:0;pointer-events:none;opacity:.35;background:repeating-linear-gradient(0deg,transparent 0px,transparent 3px,rgba(154,207,218,.012) 4px);box-shadow:inset 0 0 180px #05101b}.topbar{position:absolute;z-index:5;top:0;left:0;right:0;height:90px;display:flex;justify-content:space-between;align-items:center;padding:0 3.2%;pointer-events:none}.topbar>*{pointer-events:auto}.brand{display:flex;align-items:center;gap:12px}.brand-symbol{width:40px;height:40px;border:1px solid #5bcfd4;border-radius:13px;display:grid;place-items:center;color:#75e0df;font-size:25px;line-height:1;background:rgba(41,139,153,.12)}.brand strong{display:block;letter-spacing:-.03em;font-size:1.07rem}.brand span{display:block;font-size:.72rem;color:#8097a8;margin-top:-2px}.top-actions{display:flex;align-items:center;gap:21px}.live{font-size:.76rem;color:#b4c6ce;display:flex;align-items:center;gap:8px}.live i,.pulse-dot{width:7px;height:7px;border-radius:50%;background:#58e0cb;box-shadow:0 0 12px #4cccca;animation:live 2s infinite}.icon-button,.mobile-close{background:none;border:1px solid #637c8a68;border-radius:50%;color:#dbeaed;width:34px;height:34px;font-size:1.1rem}.sidebar{position:absolute;z-index:4;top:114px;right:3.2%;width:274px;max-height:calc(100dvh - 225px);overflow:auto;padding:19px 14px 16px;border:1px solid #7795a331;background:linear-gradient(145deg,#15293a99,#0a1626d9);backdrop-filter:blur(22px);border-radius:22px;box-shadow:0 20px 60px #0004;scrollbar-width:thin;scrollbar-color:#507483 transparent}.sidebar-heading{padding:0 9px}.eyebrow,.info-overline{font-size:.7rem;font-weight:700;color:#73d7d7;letter-spacing:.025em}.sidebar h2{font-size:1.02rem;padding:0 9px;margin:9px 0 17px;line-height:1.65}.menu{display:flex;flex-direction:column;gap:5px}.menu button{background:none;color:#aebfcb;width:100%;border:1px solid transparent;text-align:right;border-radius:11px;display:flex;align-items:center;gap:12px;padding:10px 12px;font-size:.83rem;transition:.25s}.menu button:hover,.menu button:focus-visible{background:#53d8d216;color:white}.menu button.active{border-color:#59d9d737;background:linear-gradient(90deg,#2aa5b414,#48bcb52e);color:#ecffff}.menu-icon{display:grid;place-items:center;width:29px;height:29px;flex:none;border-radius:9px;background:#ffffff0c;color:#7ed9d7;font-size:1rem}.menu button.active .menu-icon{background:#54d9d128}.menu .back{color:#7de2df;border-top:1px solid #ffffff1b;border-radius:0;margin-top:6px;padding-top:15px}.sidebar-footer{font-size:.68rem;color:#758fa0;display:flex;align-items:center;gap:9px;margin:19px 10px 0;padding-top:15px;border-top:1px solid #ffffff19}.scene-label{position:absolute;top:28%;left:62%;display:flex;align-items:center;gap:9px;color:#d0e9ea;font-size:.78rem;letter-spacing:.02em;pointer-events:none;text-shadow:0 2px 8px #000}.label-dash{width:25px;height:1px;background:#79d2d3}.info-panel{position:absolute;bottom:99px;left:3.2%;width:min(370px,30vw);padding:25px 26px 18px;border:1px solid #7396a02a;border-radius:19px;background:linear-gradient(135deg,#142535b8,#0b1b2acb);backdrop-filter:blur(22px);box-shadow:0 16px 60px #0003}.info-panel h1{font-size:1.36rem;line-height:1.65;margin:13px 0 10px;letter-spacing:-.04em}.info-panel p{font-size:.83rem;line-height:2;color:#a5b9c4;margin:0;min-height:75px}.info-bottom{border-top:1px solid #ffffff19;margin-top:19px;padding-top:15px;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.7rem;color:#77a2ac}.info-bottom button{background:transparent;color:#78ddda;border:0;font-size:.75rem;white-space:nowrap}.bottom-controls{position:absolute;z-index:3;left:3.2%;right:3.2%;bottom:24px;display:flex;align-items:center;justify-content:space-between;direction:ltr;pointer-events:none}.bottom-controls>*{pointer-events:auto}.control-group{display:flex;align-items:center;gap:6px;padding:5px;background:#0b1c2ad9;border:1px solid #668c9a38;border-radius:13px;backdrop-filter:blur(12px);direction:rtl}.round-control,.speed-control,.mode-control{border:0;background:none;color:#abc3ce;font-size:.75rem;border-radius:9px;padding:9px 11px}.round-control{font-weight:700;font-size:1rem;width:35px;height:35px;padding:0}.speed-control{font-weight:700;color:#e6fcfb}.mode-control:hover,.round-control:hover,.speed-control:hover{background:#ffffff12}.mode-control.active{background:#4acbc327;color:#a9ffef}.control-divider{height:20px;width:1px;background:#ffffff2a;margin:0 3px}.hint{font-size:.72rem;color:#7f9aa8;direction:rtl}.hint span{padding:0 7px;color:#4d6a76}.mobile-menu,.mobile-close{display:none}.tooltip{position:fixed;z-index:10;background:#1e3a49;border:1px solid #6acbca66;padding:7px 12px;border-radius:8px;pointer-events:none;font-size:.78rem;box-shadow:0 8px 30px #0007}.welcome{position:fixed;inset:0;z-index:12;background:#06111cc9;backdrop-filter:blur(15px);display:grid;place-items:center;padding:20px}.welcome.hidden{display:none}.welcome-card{max-width:440px;text-align:center;padding:40px 35px;border:1px solid #8ed1d044;border-radius:24px;background:radial-gradient(circle at 50% 0,#1e536053,#0c1f2c 70%);box-shadow:0 25px 100px #0008}.welcome-mark{font-size:2.3rem;color:#73e4df;width:70px;height:70px;display:grid;place-items:center;border:1px solid #83d9d54d;background:#38a6a21b;border-radius:22px;margin:0 auto 22px}.welcome-card h2{font-size:1.7rem;margin:8px 0}.welcome-card p{line-height:2;color:#b2c8cf;font-size:.9rem}.welcome-card button{width:100%;padding:12px 20px;color:#06212a;background:#6de0dc;border:0;border-radius:10px;font-weight:800;margin-top:20px}.welcome-card button span{margin-right:8px}.loading{position:absolute;inset:0;display:grid;place-items:center;background:#07101c;color:#85dcde;z-index:11}.loading.hidden{display:none}@keyframes live{50%{opacity:.3;box-shadow:0 0 0 5px #4cccca2b}}@media(max-width:920px){.sidebar{right:20px;width:240px}.info-panel{width:300px;left:20px}.topbar{padding:0 20px}.bottom-controls{left:20px;right:20px}.scene-label{left:48%}}@media(max-width:700px){.shell{min-height:0}.topbar{height:65px;padding:0 17px}.brand-symbol{width:34px;height:34px}.brand strong{font-size:.92rem}.brand span{font-size:.62rem}.live{font-size:.64rem}.top-actions{gap:10px}.sidebar{position:fixed;top:0;right:0;bottom:0;width:min(310px,85vw);max-height:none;border-radius:0 0 0 20px;z-index:8;transform:translateX(105%);transition:transform .25s;padding-top:27px}.sidebar.open{transform:none}.sidebar-heading{display:flex;justify-content:space-between}.mobile-close{display:block;font-size:1.35rem}.mobile-menu{display:flex;align-items:center;gap:8px;position:absolute;z-index:5;top:79px;right:16px;background:#102636d9;color:#def9f8;border:1px solid #7cc8c647;border-radius:11px;padding:8px 13px;font-size:.78rem;backdrop-filter:blur(10px)}.scene-label{top:22%;left:10%;font-size:.69rem}.info-panel{bottom:75px;left:12px;right:12px;width:auto;padding:14px 18px 12px;border-radius:15px}.info-panel h1{font-size:1.08rem;margin:5px 0 4px}.info-panel p{font-size:.76rem;line-height:1.8;min-height:auto;max-height:63px;overflow:auto}.info-bottom{margin-top:8px;padding-top:7px}.bottom-controls{bottom:13px;left:12px;right:12px;justify-content:center}.control-group{width:100%;justify-content:center}.round-control,.speed-control,.mode-control{padding:8px 5px;font-size:.71rem}.hint{display:none}.welcome-card{padding:28px 22px}}@media(max-height:650px) and (min-width:701px){.sidebar{top:82px;max-height:calc(100dvh - 150px)}.info-panel{bottom:73px;padding:13px 19px}.info-panel p{min-height:0}.bottom-controls{bottom:12px}}
.search-box{padding:3px 8px 8px}.search-box input{width:100%;border:1px solid #6f9eaa66;background:#071a28d9;color:#e6f7f6;border-radius:10px;padding:11px 12px;outline:none;font-size:.82rem}.search-box input::placeholder{color:#7997a5}#search-results{color:#8da9b4;font-size:.78rem;margin-top:8px;max-height:260px;overflow:auto}#search-results button{display:block;padding:9px 12px}
:root[data-theme="light"]{color:#193243;background:#edf4f6}:root[data-theme="light"] .shell{background:radial-gradient(ellipse 46% 62% at 53% 46%,#d9f0f0 0%,#edf4f6 55%,#d7e5e9 100%)}:root[data-theme="light"] .grain{opacity:.12;box-shadow:inset 0 0 180px #7899a044}:root[data-theme="light"] .sidebar,:root[data-theme="light"] .info-panel{background:linear-gradient(145deg,#ffffffd9,#e8f2f4e8);border-color:#577b8b44;box-shadow:0 20px 60px #55717a22}:root[data-theme="light"] .menu button,:root[data-theme="light"] .layer-toggle{color:#385361}:root[data-theme="light"] .menu button:hover,:root[data-theme="light"] .layer-toggle:hover{background:#5ab9b526;color:#122f3d}:root[data-theme="light"] .brand span,:root[data-theme="light"] .live,:root[data-theme="light"] .info-panel p,:root[data-theme="light"] .hint{color:#55707b}:root[data-theme="light"] .icon-button{color:#193243}:root[data-theme="light"] .control-group{background:#ffffffd9;border-color:#70909b55}:root[data-theme="light"] .round-control,:root[data-theme="light"] .mode-control{color:#365563}:root[data-theme="light"] .scene-label{color:#254b59;text-shadow:none}:root[data-theme="light"] .welcome{background:#eaf4f5d9}:root[data-theme="light"] .welcome-card{background:radial-gradient(circle at 50% 0,#cbeceb,#ffffff);box-shadow:0 25px 100px #55717a33}:root[data-theme="light"] .welcome-card p{color:#52707b}:root[data-theme="light"] .loading{background:#edf4f6;color:#277b7d}.layer-toggle{display:flex;align-items:center;gap:10px;padding:9px 12px;color:#b8cbd2;border:1px solid transparent;border-radius:11px;font-size:.83rem;cursor:pointer}.layer-toggle:hover{background:#53d8d216;color:white}.layer-toggle input{accent-color:#59d9d7;width:16px;height:16px}.menu-section-title{font-size:.7rem;color:#73d7d7;border-top:1px solid #ffffff19;margin:12px 8px 4px;padding-top:14px}