:root{--brand: #006937;--brand-tint: #7cc79b;--brand-soft: #c1da9c;--brand-deep: #06281c;--brand-gold: #837655;--ink: #0c1a13;--paper: #f7f9f6;--glass: rgba(6, 40, 28, .62);--glass-line: rgba(193, 218, 156, .22);--shadow: 0 10px 40px rgba(0, 0, 0, .35);--ease: cubic-bezier(.22, 1, .36, 1);--chrome: clamp(.75rem, 1.6vmin, 1.1rem)}@font-face{font-family:IRANSans FaNum;src:url(/360/assets/IRANSansFaNum-Regular-D6ezUcLA.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:IRANSans FaNum;src:url(/360/assets/IRANSansFaNum-Medium-prpwRvkU.woff2) format("woff2");font-weight:500;font-display:swap}@font-face{font-family:IRANSans FaNum;src:url(/360/assets/IRANSansFaNum-Bold-BxX8b-19.woff2) format("woff2");font-weight:700;font-display:swap}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;overflow:hidden;background:var(--brand-deep)}body{font-family:IRANSans FaNum,Tahoma,system-ui,sans-serif;color:#fff;-webkit-font-smoothing:antialiased;overscroll-behavior:none}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}.app{position:relative;height:100%;width:100%}.viewer{position:absolute;inset:0}.viewer canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}.viewer canvas:active{cursor:grabbing}.markers{position:absolute;inset:0;pointer-events:none}.marker{position:absolute;top:0;left:0;visibility:hidden;pointer-events:auto;will-change:transform}.hotspot{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;color:#fff;background:radial-gradient(circle at 50% 45%,rgba(124,199,155,.32),rgba(0,105,55,.22) 60%,transparent 72%);transition:transform .25s var(--ease)}.hotspot:before{content:"";position:absolute;inset:6px;border:2px solid rgba(255,255,255,.85);border-radius:50%;box-shadow:0 0 18px #00000073,inset 0 0 12px #fff3}.hotspot svg{position:relative;width:21px;height:21px;filter:drop-shadow(0 1px 3px rgba(0,0,0,.6))}.marker:hover .hotspot,.marker:focus-visible .hotspot{transform:scale(1.12)}.marker:focus-visible{outline:none}.marker:focus-visible .hotspot:before{border-color:var(--brand-soft);box-shadow:0 0 0 3px #c1da9c80}.marker.primary .hotspot{width:62px;height:62px;background:radial-gradient(circle at 50% 45%,rgba(0,105,55,.9),rgba(0,105,55,.55) 62%,transparent 74%)}.marker.primary .hotspot:before{border-color:#fff;animation:pulse 2.6s var(--ease) infinite}.marker.primary .hotspot svg{width:25px;height:25px}@keyframes pulse{0%,to{transform:scale(1);opacity:.95}50%{transform:scale(1.16);opacity:.45}}.marker .tag{position:absolute;top:calc(100% + 2px);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.3rem;max-width:13rem;padding:.28rem .62rem;border-radius:999px;background:#06281cd1;border:1px solid var(--glass-line);backdrop-filter:blur(8px);font-size:.78rem;line-height:1.5;white-space:nowrap;opacity:0;transition:opacity .22s var(--ease);pointer-events:none}.marker.labelled .tag,.marker:hover .tag,.marker:focus-visible .tag{opacity:1}.marker .tag b{padding:.05rem .4rem;border-radius:999px;background:var(--brand);font-size:.68rem;font-weight:700}.marker .tag em{font-style:normal;font-size:.7rem;color:var(--brand-soft)}.marker.primary .tag{background:#006937eb;border-color:#ffffff59;font-weight:700}.marker.primary .tag em{color:#e6f2d9}.marker.note .tag{position:relative;top:0;left:0;transform:none;font-weight:500}.chrome{position:absolute;inset:0;pointer-events:none}.chrome>*{pointer-events:auto}.brand{position:absolute;top:var(--chrome);inset-inline-start:var(--chrome);display:flex;align-items:center;gap:.6rem;padding:.5rem .9rem .5rem .7rem;border-radius:14px;background:var(--glass);border:1px solid var(--glass-line);backdrop-filter:blur(12px);box-shadow:var(--shadow)}.brand .mark{width:40px;height:28px;flex:none;object-fit:contain}.brand .titles{line-height:1.25}.brand .titles strong{display:block;font-size:.95rem;font-weight:700}.brand .titles span{display:block;font-size:.72rem;color:var(--brand-soft)}.rail{position:absolute;top:var(--chrome);inset-inline-start:50%;transform:translate(50%);display:flex;gap:.25rem;max-width:calc(100vw - 24rem);padding:.3rem;border-radius:999px;background:var(--glass);border:1px solid var(--glass-line);backdrop-filter:blur(12px);box-shadow:var(--shadow);overflow-x:auto;scrollbar-width:none}.rail::-webkit-scrollbar{display:none}.rail-item{display:flex;align-items:center;gap:.35rem;flex:none;min-height:34px;padding:0 .75rem;border-radius:999px;font-size:.82rem;color:#ffffffd1;transition:background .18s var(--ease),color .18s var(--ease)}.rail-item:hover{background:#ffffff1f;color:#fff}.rail-item:focus-visible{outline:2px solid var(--brand-soft);outline-offset:1px}.rail-item[aria-current]{background:var(--brand);color:#fff;font-weight:700}.rail-item .count{font-size:.68rem;opacity:.7;font-variant-numeric:tabular-nums}.controlbar{position:absolute;bottom:calc(var(--chrome) + 4px);inset-inline-start:50%;transform:translate(50%);display:flex;align-items:stretch;gap:.4rem;max-width:calc(100vw - 1.5rem);padding:.35rem;border-radius:18px;background:var(--glass);border:1px solid var(--glass-line);backdrop-filter:blur(14px);box-shadow:var(--shadow)}.stepper{display:flex;align-items:center;gap:.2rem}.stepper .step{display:flex;align-items:center;gap:.2rem;min-height:44px;padding:0 .7rem;border-radius:12px;font-size:.85rem;font-weight:700;transition:background .18s var(--ease),opacity .18s var(--ease)}.stepper .step:hover:not([disabled]){background:#ffffff1f}.stepper .step:focus-visible{outline:2px solid var(--brand-soft);outline-offset:1px}.stepper .step[disabled]{opacity:.32;cursor:default}.stepper .step svg{width:18px;height:18px}.stepper .step.next{background:var(--brand)}.stepper .step.next:hover:not([disabled]){background:#007e42}.stepper .where{margin:0;min-width:8.5rem;max-width:15rem;padding:0 .5rem;text-align:center;line-height:1.35}.stepper .where strong{display:block;font-size:.92rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stepper .where span{font-size:.7rem;color:var(--brand-soft)}.stepper .where .pos{font-variant-numeric:tabular-nums}.controlbar .divider{width:1px;background:var(--glass-line);margin:.35rem .1rem}.tools{display:flex;align-items:center;gap:.1rem}.tools button{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;transition:background .18s var(--ease)}.tools button:hover{background:#ffffff1f}.tools button:focus-visible{outline:2px solid var(--brand-soft);outline-offset:1px}.tools button[aria-pressed=true]{background:var(--brand)}.tools button svg{width:19px;height:19px}.progress-line{position:absolute;inset-inline:0;bottom:0;height:3px;background:#ffffff24;pointer-events:none}.progress-line i{display:block;height:100%;background:linear-gradient(to left,var(--brand-tint),var(--brand-soft));transition:width .5s var(--ease)}.compass{position:absolute;top:var(--chrome);inset-inline-end:var(--chrome);width:68px;height:68px;border-radius:50%;background:var(--glass);border:1px solid var(--glass-line);backdrop-filter:blur(12px);box-shadow:var(--shadow)}.compass svg{width:100%;height:100%}.menu{position:absolute;inset-block:0;inset-inline-end:0;width:min(23rem,88vw);display:flex;flex-direction:column;background:#06281cd1;backdrop-filter:blur(18px);border-inline-start:1px solid var(--glass-line);transform:translate(105%);transition:transform .42s var(--ease);box-shadow:-20px 0 60px #0006}[dir=rtl] .menu{transform:translate(-105%)}.menu.open{transform:none!important}.menu header{padding:1rem 1.1rem .6rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem}.menu header h2{margin:0;font-size:1.05rem}.menu .muted{font-weight:400;font-size:.78rem;color:var(--brand-soft)}.menu .empty{padding:1rem;color:var(--brand-soft)}.menu header button{width:34px;height:34px;border-radius:10px;display:grid;place-items:center}.menu header button:hover{background:#ffffff1a}.menu .search{margin:0 1.1rem .75rem;position:relative}.menu .search input{width:100%;padding:.6rem 2.2rem .6rem .8rem;border-radius:12px;border:1px solid var(--glass-line);background:#00000040;color:#fff;font:inherit;outline:none}.menu .search input:focus{border-color:var(--brand-tint)}.menu .search svg{position:absolute;inset-inline-end:.7rem;top:50%;transform:translateY(-50%);width:16px;height:16px;opacity:.6}.menu .list{flex:1;overflow-y:auto;padding:0 .7rem 1.2rem;scrollbar-width:thin}.menu .group{padding:.9rem .45rem .4rem;font-size:.74rem;letter-spacing:.12em;color:var(--brand-soft)}.menu .grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.menu .card{position:relative;border-radius:12px;overflow:hidden;aspect-ratio:16 / 9;border:1px solid transparent;background:#0000004d;text-align:start;transition:border-color .2s var(--ease),transform .2s var(--ease)}.menu .card:hover{transform:translateY(-2px);border-color:var(--brand-tint)}.menu .card img{width:100%;height:100%;object-fit:cover;display:block;opacity:.9}.menu .card figcaption{position:absolute;inset-inline:0;bottom:0;padding:1.4rem .55rem .4rem;font-size:.78rem;background:linear-gradient(to top,rgba(0,0,0,.8),transparent)}.menu .card .step{position:absolute;top:.35rem;inset-inline-start:.35rem;min-width:1.35rem;padding:.05rem .3rem;border-radius:999px;background:#06281cd9;border:1px solid var(--glass-line);font-size:.68rem;font-variant-numeric:tabular-nums;text-align:center}.menu .card[aria-current=true] .step{background:var(--brand);border-color:transparent}.menu .card:focus-visible{outline:2px solid var(--brand-soft);outline-offset:2px}.menu .card[aria-current=true]{border-color:var(--brand-soft)}.menu .card[aria-current=true]:after{content:"";position:absolute;inset:0;border:2px solid var(--brand-soft);border-radius:11px}.splash{position:absolute;inset:0;display:grid;place-items:center;text-align:center;background:radial-gradient(circle at 50% 40%,#0b3a27,var(--brand-deep) 70%);z-index:20;transition:opacity .7s var(--ease),visibility .7s,transform .7s var(--ease)}.splash.hidden{opacity:0;visibility:hidden;transform:scale(1.05)}.splash .inner{max-width:30rem;padding:2rem}.splash .credit{position:absolute;inset-inline:0;bottom:1.4rem;text-align:center}.splash h1{font-size:clamp(1.6rem,4vw,2.4rem);margin:1rem 0 .35rem}.splash p{color:var(--brand-soft);margin:0;font-size:.95rem;line-height:1.9}.splash .logo{width:clamp(96px,18vmin,132px);height:auto;animation:breathe 3.4s var(--ease) infinite}.splash.hidden .logo{animation:none}@keyframes breathe{0%,to{opacity:.92;transform:translateY(0)}50%{opacity:1;transform:translateY(-4px)}}.splash .loader{display:flex;flex-direction:column;align-items:center;gap:.65rem;margin-top:2rem}.splash .thread{width:min(15rem,60vw);height:2px;border-radius:999px;background:#ffffff24;overflow:hidden}.splash .thread i{display:block;height:100%;background:linear-gradient(to left,var(--brand-tint),var(--brand-soft));transform-origin:right center;transform:scaleX(0);transition:transform .45s var(--ease)}.splash .percent{font-size:.78rem;color:var(--brand-soft);font-variant-numeric:tabular-nums;letter-spacing:.04em}.splash .failed{margin-top:2rem;color:#ffb4a8;font-size:.9rem}.credit{margin:0;font-size:.76rem;color:#ffffff8c}.credit a{color:var(--brand-soft);text-decoration:none;border-bottom:1px solid rgba(193,218,156,.35);transition:color .18s var(--ease),border-color .18s var(--ease)}.credit a:hover{color:#fff;border-bottom-color:#fff}.credit a:focus-visible{outline:2px solid var(--brand-soft);outline-offset:2px;border-radius:3px}.credit.in-card{margin-top:1rem;text-align:center}.busy{position:absolute;top:50%;inset-inline-start:50%;transform:translate(50%,-50%);width:44px;height:44px;border-radius:50%;border:2px solid rgba(255,255,255,.25);border-top-color:var(--brand-soft);animation:spin .9s linear infinite;pointer-events:none}@keyframes spin{to{transform:translate(50%,-50%) rotate(360deg)}}.help{position:absolute;inset:0;display:grid;place-items:center;background:#04140eb8;backdrop-filter:blur(6px);z-index:15}.help .card{width:min(30rem,92vw);padding:1.6rem;border-radius:18px;background:#06281cf0;border:1px solid var(--glass-line);box-shadow:var(--shadow)}.help h2{margin:0 0 .6rem;font-size:1.1rem}.help .lead{margin:0 0 1.2rem;font-size:.86rem;line-height:2;color:var(--brand-soft)}.help dl{display:grid;grid-template-columns:auto 1fr;gap:.55rem 1rem;margin:0 0 1.4rem;font-size:.9rem}.help dt{color:var(--brand-soft);white-space:nowrap}.help dd{margin:0}.help .close{display:block;width:100%;padding:.6rem;border-radius:12px;background:var(--brand);font-weight:700}.toast{position:absolute;bottom:calc(var(--chrome) + 4rem);inset-inline-start:50%;transform:translate(50%);padding:.5rem 1rem;border-radius:999px;background:#0009;font-size:.85rem}@media(max-width:820px){.brand .titles span,.compass{display:none}.rail{top:calc(var(--chrome) + 52px);inset-inline:var(--chrome);inset-inline-start:var(--chrome);transform:none;max-width:none;justify-content:flex-start}.controlbar{inset-inline:.5rem;inset-inline-start:.5rem;transform:none;flex-direction:column;gap:.2rem;max-width:none}.stepper{justify-content:space-between}.stepper .where{flex:1;min-width:0}.controlbar .divider{width:auto;height:1px;margin:.1rem .4rem}.tools{justify-content:center;flex-wrap:wrap}.marker .tag{max-width:9rem;font-size:.72rem}}@media(prefers-reduced-motion:reduce){.marker.primary .hotspot:before,.splash .logo{animation:none}.splash{transition:opacity .3s linear,visibility .3s}.splash.hidden{transform:none}.progress-line i,.marker .tag,.hotspot{transition:none}}