:root{--color-bg: #0c0c12;--color-sky: #0f181f;--color-primary: #ff8a00;--color-secondary: #0c0706;--color-muted: #bcc0c2;--color-success: #61ce70;--color-button: #ffba00;--color-article-bg: #00293b;--color-cream: #f0e2cc;--color-shadow-brown: #281f16;--credit-default: #c4c4c4;--credit-signature-hover: #00ff41;--credit-asset-hover: var(--color-primary);--font-display: "IRANSans", "Vazirmatn", "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--transition-fast: .22s;--transition-slow: .9s}@font-face{font-family:IRANSans;src:url(/fonts/IRANSansWeb.woff2) format("woff2"),url(/fonts/IRANSansWeb_Regular.woff) format("woff");font-weight:400;font-display:swap}@font-face{font-family:IRANSans;src:url(/fonts/IRANSansWeb_Medium.woff2) format("woff2"),url(/fonts/IRANSansWeb_Medium.woff) format("woff");font-weight:500;font-display:swap}@font-face{font-family:IRANSans;src:url(/fonts/IRANSansWeb_Bold.woff2) format("woff2"),url(/fonts/IRANSansWeb_Bold.woff) format("woff");font-weight:700;font-display:swap}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--color-bg);color:var(--color-cream);font-family:var(--font-display);overflow:hidden}#app{position:relative;width:100vw;height:100vh;height:100dvh}#intro-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;display:block}.intro{position:relative;z-index:1;display:flex;width:100%;height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.intro::-webkit-scrollbar{display:none}.intro[data-locked=true] .intro__cta--lang{opacity:.6}.intro__content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.1rem;padding:2rem;position:relative;isolation:isolate;margin:auto;max-width:100%}.intro__content:before{content:"";position:absolute;top:-2rem;right:-3rem;bottom:-2rem;left:-3rem;z-index:-1;background:radial-gradient(ellipse at center,#0c0c12ad,#0c0c1280 45%,#0c0c1200 72%);pointer-events:none}.intro__logo{width:clamp(80px,9vw,200px);height:auto;opacity:.95;animation:logo-drift 6s ease-in-out infinite}@media (min-width: 1600px){.intro__logo{width:clamp(320px,20vw,512px)}}.intro__title{margin:0;font-weight:700;font-size:clamp(2.25rem,6vw,4.5rem);letter-spacing:.01em;color:var(--color-cream);text-shadow:0 0 40px rgba(255,138,0,.25)}.intro__tagline{margin:0;max-width:34rem;display:flex;flex-direction:column;gap:.2rem;color:var(--color-cream);font-size:clamp(.85rem,1.6vw,1rem);line-height:1.8;text-shadow:0 1px 12px rgba(0,0,0,.6)}.intro__tagline [lang=en]{font-size:.88em;opacity:.75}.intro__credits{display:flex;flex-direction:column;align-items:center;gap:.35rem;font-family:var(--font-mono);font-size:.85rem}.credit,.credit:link,.credit:visited{color:var(--credit-default);text-decoration:none;transition:color var(--transition-fast) ease,text-shadow var(--transition-fast) ease}.credit--signature:hover,.credit--signature:focus-visible{color:var(--credit-signature-hover);text-shadow:0 0 10px rgba(0,255,65,.55)}.credit--asset{font-size:.75rem;opacity:.8;cursor:default}.credit--asset a,.credit--asset a:link,.credit--asset a:visited{color:inherit;text-decoration:underline;transition:color var(--transition-fast) ease,text-shadow var(--transition-fast) ease}.credit--asset a:hover,.credit--asset a:focus-visible{color:var(--credit-asset-hover);text-shadow:0 0 10px rgba(255,138,0,.55)}.intro__cta{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;background:#0c0c1259;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(240,226,204,.35);color:var(--color-cream);font-family:var(--font-display);font-size:.95rem;text-decoration:none;border-radius:999px;cursor:pointer;transition:border-color var(--transition-fast) ease,background var(--transition-fast) ease,box-shadow var(--transition-fast) ease,transform var(--transition-fast) ease,opacity var(--transition-fast) ease}.intro__cta:hover,.intro__cta:focus-visible{border-color:var(--color-primary);background:#ff8a001a}.intro__cta:active{transform:scale(.97)}.intro__cta:disabled{cursor:default}.intro__cta-glyph{flex-shrink:0;width:6px;height:6px;border-radius:50%;background:var(--color-primary);box-shadow:0 0 12px 2px #ff8a00b3;animation:pulse 1.8s ease-in-out infinite}.intro__actions{--guide-h: 2.5rem;--guide-gap: .6rem;--actions-gap: 1.1rem;--lang-d: calc(var(--guide-h) * 2 + var(--guide-gap));display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--actions-gap);direction:ltr;margin-top:.5rem;max-width:100%}.intro__guides{display:flex;flex-direction:column;gap:var(--guide-gap)}.intro__cta--guide{height:var(--guide-h);width:min(16rem,calc(100vw - 2 * var(--lang-d) - 2 * var(--actions-gap) - 2.5rem));margin:0;padding:0 1rem;font-size:.8rem;white-space:nowrap;overflow:hidden;border-color:#f0e2cc38}.intro__cta--guide .intro__cta-label{overflow:hidden;text-overflow:ellipsis}.intro__cta--guide .intro__cta-glyph{width:8px;height:9px;border-radius:0;box-shadow:none;animation:none;clip-path:polygon(0 0,100% 50%,0 100%)}.intro__cta--lang{flex-direction:column;gap:.45rem;flex-shrink:0;width:var(--lang-d);height:var(--lang-d);margin:0;padding:0;font-size:.9rem;font-weight:500;border-color:#ff8a008c;background:radial-gradient(circle at 50% 30%,#ff8a002e,#0c0c1280);box-shadow:0 0 0 4px #ff8a000d,0 0 24px #ff8a001f}.intro__cta--lang:hover,.intro__cta--lang:focus-visible{border-color:var(--color-primary);background:radial-gradient(circle at 50% 30%,#ff8a004d,#0c0c1280);box-shadow:0 0 0 5px #ff8a001f,0 0 32px #ff8a0066;transform:scale(1.05)}.intro__cta--lang:active{transform:scale(.96)}.atlas-index{max-width:40rem;font-size:.72rem;color:var(--color-muted)}.atlas-index summary{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .75rem;border-radius:999px;font-family:var(--font-mono);opacity:.75;cursor:pointer;list-style:none;transition:opacity var(--transition-fast) ease}.atlas-index summary::-webkit-details-marker{display:none}.atlas-index summary:after{content:"▾";transition:transform var(--transition-fast) ease}.atlas-index[open] summary:after{transform:rotate(180deg)}.atlas-index summary:hover,.atlas-index[open] summary{opacity:1}.atlas-index__list{list-style:none;margin:.6rem 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem 1rem;direction:ltr;font-family:var(--font-mono)}.atlas-index__list li{display:inline-flex;align-items:baseline;gap:.35rem}.atlas-index__list a{color:var(--color-muted);text-decoration:none;transition:color var(--transition-fast) ease}.atlas-index__list a:hover,.atlas-index__list a:focus-visible{color:var(--color-primary)}.atlas-index__en{font-size:.6rem;padding:0 .25rem;border:1px solid rgba(188,192,194,.3);border-radius:4px;opacity:.7}:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}.rotate-hint{position:fixed;left:50%;bottom:max(.75rem,env(safe-area-inset-bottom,0px));z-index:10;display:none;align-items:center;gap:.6rem;max-width:calc(100vw - 1.5rem);padding:.45rem 1rem;border-radius:999px;border:1px solid rgba(255,138,0,.35);background:#0c0c12d1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transform:translate(-50%);pointer-events:none}.rotate-hint img{flex-shrink:0;width:28px;height:28px;animation:rotate-cw 2.4s ease-in-out infinite}.rotate-hint p{margin:0;color:var(--color-muted);font-size:.78rem;white-space:nowrap}.rotate-hint.is-nudged{animation:hint-nudge .5s ease;border-color:var(--color-primary)}@media (orientation: portrait) and (hover: none) and (pointer: coarse){.rotate-hint{display:flex}}.transition{position:fixed;inset:auto 0 2.5rem 0;z-index:20;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity var(--transition-fast) ease}.transition[data-active=true]{opacity:1}.transition__label{font-family:var(--font-mono);color:var(--color-muted);font-size:.9rem;letter-spacing:.08em}.immersive__overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none;display:flex;align-items:flex-end;justify-content:center;padding-bottom:4rem;opacity:0;transition:opacity .3s ease}.immersive__overlay[aria-hidden=false]{opacity:1}.immersive-label{margin:0;font-family:"Gidugu",var(--font-display);font-weight:400;font-size:1.4rem;color:#fff;text-shadow:0 0 10px rgba(0,0,0,.7);letter-spacing:.04em}.immersive-exit-fade{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:var(--color-bg);opacity:0;pointer-events:none}body.immersive-active,body.immersive-active #overview-canvas{cursor:none}.immersive-eyelid{position:fixed;left:0;right:0;height:50vh;background:#000;z-index:30;pointer-events:none;transform:scaleY(0)}.immersive-eyelid--top{top:0;transform-origin:top}.immersive-eyelid--bottom{bottom:0;transform-origin:bottom}.overview{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;width:100%;height:100%;pointer-events:none}#overview-canvas{display:block;width:100%;height:100%;opacity:0;transform-origin:center;pointer-events:none}.overview__overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.planet-label{position:absolute;margin:0;transform:translate(-50%,-140%);font-family:"Gidugu",var(--font-display);font-weight:400;font-size:1rem;color:#fff;text-shadow:0 0 8px rgba(0,0,0,.6);white-space:nowrap;pointer-events:none}.mascot-arrow-hint{position:absolute;width:32px;height:32px;transform:translate(-50%,-280%);pointer-events:none}@keyframes logo-drift{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.4)}}@keyframes hint-nudge{0%,to{transform:translate(-50%) scale(1)}30%{transform:translate(-50%) scale(1.08)}60%{transform:translate(-50%) scale(.97)}}@keyframes rotate-cw{0%{transform:rotate(0)}50%{transform:rotate(90deg)}to{transform:rotate(90deg)}}@media (prefers-reduced-motion: reduce){.intro__logo,.intro__cta-glyph,.rotate-hint img,.rotate-hint.is-nudged{animation:none!important}}@media (max-width: 520px){.intro__content{gap:.9rem;padding:1.25rem}.intro__content:before{top:-1rem;right:-1rem;bottom:-1rem;left:-1rem}.intro__actions{--guide-h: 2.15rem;--guide-gap: .5rem;--actions-gap: .6rem}.intro__cta--guide{padding:0 .7rem;font-size:.72rem}.intro__cta--lang{font-size:.8rem;gap:.35rem}}@media (orientation: landscape) and (hover: none) and (pointer: coarse) and (max-height: 500px){.intro__content{padding-top:2.25rem;padding-bottom:2.25rem}}
