@font-face{font-family:ABC Whyte Inktrap;src:url(./ABCWhyteInktrapVariable-Trial-Fp_V9kYL.ttf)format("truetype");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Damoon;src:url(./DAMOON_FANUM_VF-hBgQ4Y2j.woff2)format("woff2");font-weight:50 1000;font-style:normal;font-display:swap}:root{--bg:#000;--ink:#f2f2f0;--ink-2:#f2f2f0a8;--ink-3:#f2f2f06b;--line:#f2f2f029;--glass:#060607bd;--glass-strong:#040405eb;--accent:#fff;--font:"ABC Whyte Inktrap", system-ui, -apple-system, "Segoe UI", sans-serif;--font-fa:"Damoon", "ABC Whyte Inktrap", system-ui, sans-serif;--gutter:20px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{background:var(--bg);height:100%;color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;overscroll-behavior:none;margin:0;font-size:14px;overflow:hidden}html[lang=fa] body,[lang=fa]{font-family:var(--font-fa)}.app{position:fixed;inset:0}.scene{touch-action:none;inset:0;position:absolute!important}.film{pointer-events:none;z-index:1;background:radial-gradient(75% 70% at 50% 48%,#0000 55%,#0000008c 100%);position:absolute;inset:0}.film:after{content:"";opacity:.07;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:.9s steps(4,end) infinite grain;position:absolute;inset:-50%}@keyframes grain{0%{transform:translate(0)}25%{transform:translate(-3%,2%)}50%{transform:translate(2%,-3%)}75%{transform:translate(-2%,-1%)}}@media (prefers-reduced-motion:reduce){.film:after{animation:none}}button{font:inherit;color:inherit;cursor:pointer;letter-spacing:.02em;background:0 0;border:1px solid #0000;border-radius:999px;padding:7px 14px;transition:background .2s,border-color .2s,opacity .2s}button:hover:not(:disabled){background:#ffffff12}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible{outline:1px solid var(--accent);outline-offset:2px}button.primary{background:var(--ink);color:#0b0b0c;font-weight:500}button.primary:hover:not(:disabled){background:#fff}button.ghost{border-color:var(--line)}button.small{padding:6px 12px;font-size:12.5px}button.icon{place-items:center;width:34px;height:34px;padding:0;font-size:18px;line-height:1;display:inline-grid}.muted{color:var(--ink-2)}.small{font-size:12.5px}.kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);font-size:11px;display:block}html[lang=fa] .kicker{letter-spacing:0}.link{color:var(--accent);text-decoration:none}.link:hover{text-decoration:underline}.landing{padding:var(--gutter);z-index:10;background:radial-gradient(#0506078c 0%,#050607e0 70%);place-items:center;animation:1.2s both fade-in;display:grid;position:absolute;inset:0}.landing-inner{text-align:center;max-width:620px;max-height:100%;padding:8px 0;overflow-y:auto}.lang-toggle{top:var(--gutter);position:absolute;inset-inline-end:var(--gutter)}.wenodes-logo{color:var(--ink);line-height:0;display:inline-block}.wenodes-logo svg{width:100%;height:auto;display:block}.presented-by{flex-direction:column;align-items:center;gap:10px;margin:0 0 min(40px,4.5vh);display:flex}.presented-by .label{letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3);font-size:11px}html[lang=fa] .presented-by .label{letter-spacing:0;text-transform:none;font-size:13px}.about-curator{align-items:center;gap:12px;margin:4px 0 12px;display:flex}.about-curator .wenodes-wordmark{width:104px}.presented-by .wenodes-lockup{width:clamp(130px,min(22vw,26vh),210px)}.title-latin{letter-spacing:-.015em;margin:0;font-size:clamp(30px,min(7vw,9.5vh),92px);font-weight:200;line-height:.98}.title-fa{font-family:var(--font-fa);color:var(--ink-2);margin:min(18px,2vh) 0 min(26px,3vh);font-size:clamp(26px,min(5.4vw,7vh),60px);font-weight:250}html[lang=fa] .title-latin{font-family:var(--font)}.now-playing{color:var(--ink-2);letter-spacing:.02em;font-size:12.5px}.credits h4{color:var(--ink-2);margin:16px 0 4px;font-size:12.5px;font-weight:500}.credits p{margin:0;font-size:12.5px;line-height:1.75}.credits .role{color:var(--ink-3)}.subtitle{letter-spacing:.08em;margin:0 0 18px;font-size:15px}.intro{color:var(--ink-2);max-width:480px;margin:0 auto 14px;line-height:1.7}.meta{color:var(--ink-3);margin:0 0 30px;font-size:12.5px}.dot{margin:0 8px}.enter-row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.enter-row .primary{letter-spacing:.12em;text-transform:uppercase;min-width:220px;padding:12px 26px;font-size:12.5px}html[lang=fa] .enter-row .primary{letter-spacing:0;font-size:14px}.progress{background:var(--line);max-width:280px;height:1px;margin:28px auto 0}.progress div{background:var(--ink);height:100%;transition:width .3s}@keyframes fade-in{0%{opacity:0}}.topbar{top:0;padding:max(12px, env(safe-area-inset-top)) var(--gutter) 12px;pointer-events:none;z-index:5;background:linear-gradient(#000000b8,#0000);justify-content:space-between;align-items:center;gap:12px;animation:.8s both fade-in;display:flex;position:absolute;inset-inline:0}.topbar>*{pointer-events:auto}.brand{white-space:nowrap;align-items:center;gap:10px;display:flex}.brand .wenodes-mark{width:15px;margin-inline-end:6px}.brand-latin{letter-spacing:.01em;font-size:14px;font-weight:500}.brand-sep{color:var(--ink-3)}.brand-fa{font-family:var(--font-fa);color:var(--ink-2)}.nav{flex-wrap:wrap;justify-content:flex-end;gap:2px;display:flex}.nav button{font-size:13px}.nav button.active{border-color:var(--line);background:#ffffff0f}.nav-state{vertical-align:1px;margin-inline-start:4px;font-size:9px}.bottombar{bottom:0;padding:12px var(--gutter) max(16px, env(safe-area-inset-bottom));pointer-events:none;z-index:5;background:linear-gradient(#0000,#050607b3);justify-content:center;display:flex;position:absolute;inset-inline:0}.bottombar>*{pointer-events:auto}.hint-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.hint{color:var(--ink-2);font-size:12.5px}.tour{background:var(--glass);-webkit-backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:999px;align-items:center;gap:8px;max-width:100%;padding:6px;display:flex}.tour-title{flex-direction:column;min-width:160px;padding:0 8px;display:flex;overflow:hidden}.tour-title>span:last-child{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.panel{top:64px;bottom:74px;width:380px;max-width:calc(100vw - 2 * var(--gutter));background:var(--glass-strong);-webkit-backdrop-filter:blur(18px);border:1px solid var(--line);z-index:6;border-radius:14px;padding:16px 18px 18px;animation:.35s both slide-in;position:absolute;inset-inline-end:var(--gutter);overflow-y:auto}.panel.wide{width:440px}@keyframes slide-in{0%{opacity:0;transform:translateY(8px)}}.panel-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.panel-head h2{letter-spacing:.08em;margin:0;font-size:15px;font-weight:400}.panel h3{margin:22px 0 6px;font-size:13px;font-weight:500}.artwork-thumb{cursor:zoom-in;background:#000;border-radius:8px;width:100%;padding:0;display:block;overflow:hidden}.artwork-thumb img{object-fit:contain;width:100%;max-height:46vh;display:block}.artwork-video{border-radius:8px;width:100%;margin-top:8px}.artwork-title{margin:16px 0 4px;font-size:19px;font-weight:400;line-height:1.3}.artwork-artist{color:var(--ink-2);margin:0 0 4px}.artwork-meta{color:var(--ink-3);margin:0;font-size:12.5px}.artwork-desc{color:var(--ink-2);margin:12px 0;line-height:1.65}.badge{color:var(--ink-3);border-inline-start:2px solid var(--line);flex-direction:column;gap:2px;margin:16px 0;padding-inline-start:10px;font-size:12px;display:flex}.badge strong{color:var(--ink-2);font-weight:500}.panel-nav{border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:8px;padding-top:12px;display:flex}.count{color:var(--ink-3);font-size:12px}.about-title{margin:0 0 8px;font-size:18px}.statement{margin:16px 0;line-height:1.8}.fa-original{color:var(--ink-2);font-family:var(--font-fa)}.artist-list{margin:0;padding:0;list-style:none}.artist-list li{border-bottom:1px solid var(--line);padding:12px 0}.artist-head{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.artist-name{font-size:15px}.artist-alt{color:var(--ink-3);font-size:12.5px}.artist-list .muted.small{margin:2px 0 6px}details summary{cursor:pointer;color:var(--ink-2);margin:4px 0;font-size:12.5px}.work{margin:8px 0 10px}.work-title{margin:0 0 2px;font-style:italic}.work p{margin:0;line-height:1.6}.keys{white-space:pre-wrap;color:var(--ink-2);margin:0 0 18px;font-family:inherit;line-height:2}.field{justify-content:space-between;align-items:center;gap:12px;margin:12px 0;display:flex}.field.check{justify-content:flex-start}.field input[type=range]{accent-color:var(--ink);width:160px}.plan{width:100%;height:auto;max-height:62vh;margin-bottom:8px;display:block}.plan-floor{fill:#ffffff08;stroke:var(--ink-3);stroke-width:.12px;cursor:crosshair}.plan-solid{fill:#ecebe638;pointer-events:none}.plan-canvas{fill:#ecebe61f;stroke:#ecebe666;stroke-width:.06px}.plan-canvas.ceiling{stroke-dasharray:.3 .2;fill:none}.plan-canvas.lit,.plan-canvas-line.lit{stroke:var(--accent);cursor:pointer}.plan-canvas.lit{fill:#b9c7ff40}.plan-canvas-line{stroke:#ecebe673;stroke-width:.14px}.plan-canvas-line.lit{stroke-width:.3px}.plan-screen{fill:#fff;cursor:pointer}.plan-you path{fill:var(--accent);stroke:#000;stroke-width:.1px}.hover-label{pointer-events:none;background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--line);opacity:0;z-index:7;border-radius:8px;flex-direction:column;gap:2px;max-width:260px;padding:6px 10px;font-size:12.5px;transition:opacity .15s;display:flex;position:fixed;top:0;left:0}.hover-label.show{opacity:1}.lightbox{z-index:20;cursor:zoom-out;padding:var(--gutter);background:#000000eb;place-items:center;display:grid;position:fixed;inset:0}.lightbox img{object-fit:contain;max-width:100%;max-height:100%}.lightbox-close{top:var(--gutter);position:absolute;inset-inline-end:var(--gutter)}.joystick{inset-inline-start:26px;bottom:max(86px, calc(env(safe-area-inset-bottom) + 70px));border:1px solid var(--line);touch-action:none;z-index:5;background:#0a0b0d59;border-radius:50%;place-items:center;width:120px;height:120px;display:grid;position:absolute}html[dir=rtl] .joystick{inset-inline-start:auto;left:26px}.joystick-knob{pointer-events:none;background:#ecebe6bf;border-radius:50%;width:48px;height:48px}.fatal{text-align:center;padding:var(--gutter);place-content:center;gap:8px;display:grid;position:fixed;inset:0}@media (width<=720px){:root{--gutter:16px}.topbar{flex-direction:column;align-items:stretch;gap:4px}.nav{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto}.nav button{white-space:nowrap;padding:6px 10px}.panel,.panel.wide{top:auto;bottom:0;width:auto;max-width:none;max-height:72vh;inset-inline:0}.artwork-panel{max-height:52vh}.artwork-thumb img{max-height:22vh;padding-bottom:max(18px, env(safe-area-inset-bottom));border-radius:14px 14px 0 0}.tour-title{min-width:0}.hint{display:none}}