*,:before,:after{box-sizing:border-box}html,body,#root{overscroll-behavior:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;touch-action:none;background:#12081c;width:100%;height:100%;margin:0;overflow:hidden}body{-webkit-font-smoothing:antialiased;color:#c8d2e0;font-family:IBM Plex Mono,SF Mono,ui-monospace,Menlo,monospace}.app{width:100%;height:100%;position:relative}.app--cursor-hidden,.app--cursor-hidden *{cursor:none!important}.view-mode-bar{left:50%;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:35;color:#c8d2e0c7;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080c168c;border:1px solid #b4c8e62e;border-radius:0;padding:9px 14px;font-family:IBM Plex Mono,SF Mono,ui-monospace,Menlo,monospace;font-size:10px;font-weight:400;transition:color .16s,background .16s,border-color .16s;position:fixed;transform:translate(-50%)}.view-mode-bar:hover,.view-mode-bar:focus-visible{color:#e6ecf4f2;background:#080c16b8;border-color:#b4c8e652;outline:none}.view-mode-bar.is-sphere{color:#dce6f0e6;border-color:#b4c8e647}@media (width<=720px){.view-mode-bar{width:min(100vw - 108px,22rem);left:50%;right:auto;bottom:calc(64px + env(safe-area-inset-bottom,0px));white-space:normal;text-align:center;letter-spacing:.04em;padding:10px 12px;line-height:1.4;transform:translate(-50%)}}.pre-screen{z-index:80;padding:max(24px, env(safe-area-inset-top,0px)) max(24px, env(safe-area-inset-right,0px)) max(24px, env(safe-area-inset-bottom,0px)) max(24px, env(safe-area-inset-left,0px));color:#e4e8eeeb;pointer-events:auto;-webkit-overflow-scrolling:touch;background:#000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow-y:auto}.pre-screen__inner{flex-direction:column;align-items:stretch;gap:clamp(1.6rem,4vh,2.6rem);width:min(42rem,100%);margin:auto 0;padding:12px 0;display:flex}.pre-screen__title{letter-spacing:-.02em;text-align:center;text-wrap:balance;color:#e8eaeee0;margin:0 0 .25rem;font-family:Fraunces,Times New Roman,serif;font-size:clamp(1.35rem,3.2vw,2rem);font-weight:400;line-height:1.25}.pre-screen__title-sep{letter-spacing:.12em;color:#bec8d673;font-family:IBM Plex Mono,SF Mono,ui-monospace,Menlo,monospace;font-size:.72em}.pre-screen__lang{flex-direction:column;gap:1.1rem;display:flex}.pre-screen__manifesto{font-optical-sizing:auto;letter-spacing:-.01em;text-wrap:pretty;color:#e8eaeee6;margin:0;font-family:Fraunces,Times New Roman,serif;font-size:clamp(1.15rem,2.6vw,1.65rem);font-weight:400;line-height:1.45}.pre-screen__rule{letter-spacing:.28em;text-align:center;color:#bec8d66b;margin:.15rem 0;font-family:IBM Plex Mono,SF Mono,ui-monospace,Menlo,monospace;font-size:.72rem}.pre-screen__explain{letter-spacing:.02em;color:#bec8d6b8;text-wrap:pretty;margin:0;font-family:IBM Plex Mono,SF Mono,ui-monospace,Menlo,monospace;font-size:clamp(.78rem,1.5vw,.92rem);font-weight:300;line-height:1.55}.pre-screen__continue{color:#dce4eee0;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #b4c8e659;border-radius:0;align-self:flex-start;margin-top:.35rem;padding:.55rem 0;font-family:IBM Plex Mono,SF Mono,ui-monospace,Menlo,monospace;font-size:.78rem;font-weight:400;transition:color .16s,border-color .16s}.pre-screen__continue:hover,.pre-screen__continue:focus-visible{color:#f5f8fcfa;border-bottom-color:#dce6f2bf;outline:none}.pre-screen__fade{opacity:0;animation:1.6s forwards pre-screen-fade-in}.pre-screen__fade--title{animation-duration:1.2s;animation-delay:.35s}.pre-screen__fade--manifesto{animation-delay:.7s}.pre-screen__fade--rule{animation-duration:1.2s;animation-delay:.9s}.pre-screen__fade--explain{animation-duration:1.4s;animation-delay:3s}.pre-screen__fade--continue{animation-duration:1.1s;animation-delay:4.6s}@keyframes pre-screen-fade-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.pre-screen__fade{opacity:1;animation:none}}@media (width<=640px){.pre-screen{padding:max(20px, calc(12px + env(safe-area-inset-top,0px))) 20px max(28px, calc(20px + env(safe-area-inset-bottom,0px))) 20px;justify-content:flex-start;align-items:flex-start}.pre-screen__inner{gap:1.15rem;min-height:min-content;margin:0;padding:8px 0 24px}.pre-screen__title{flex-direction:column;align-items:center;gap:.2rem;margin-bottom:.35rem;font-size:clamp(1.2rem,5.4vw,1.55rem);display:flex}.pre-screen__title-sep{display:none}.pre-screen__lang{gap:.85rem}.pre-screen__manifesto{font-size:clamp(1rem,4.4vw,1.22rem);line-height:1.4}.pre-screen__explain{font-size:clamp(.72rem,3.3vw,.84rem);line-height:1.5}.pre-screen__rule{letter-spacing:.2em;margin:.05rem 0}.pre-screen__continue{text-align:center;align-self:stretch;min-height:44px;margin-top:.75rem;padding:.85rem 0}}.help-overlay{z-index:9;pointer-events:none;position:fixed;bottom:16px;left:16px}.help-overlay__card{color:#c8d2e0;letter-spacing:.04em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080c16d1;border:1px solid #b4c8e629;padding:12px 14px;font-size:11px;line-height:1.6}.controls-button{left:max(16px, env(safe-area-inset-left,0px));bottom:max(16px, env(safe-area-inset-bottom,0px));z-index:40;color:#c8d2e08c;letter-spacing:.02em;text-transform:none;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#080c1659;border:1px solid #b4c8e624;border-radius:50%;width:28px;height:28px;padding:0;font-family:inherit;font-size:14px;font-weight:500;line-height:1;transition:color .16s,background .16s,border-color .16s,opacity .16s;position:fixed}.controls-button:hover{color:#d2dce8c7;background:#080c167a;border-color:#b4c8e638}.controls-button:focus-visible{outline-offset:2px;outline:1px solid #c8d6e873}.controls-button.is-active{z-index:12;color:#dce6f0eb;background:#080c169e;border-color:#b4c8e652}.info-button{right:max(16px, env(safe-area-inset-right,0px));bottom:max(16px, env(safe-area-inset-bottom,0px));z-index:40;color:#c8d2e08c;letter-spacing:0;text-transform:none;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#080c1659;border:1px solid #b4c8e624;border-radius:50%;width:28px;height:28px;padding:0;font-family:inherit;font-size:13px;font-style:italic;font-weight:500;line-height:1;transition:color .16s,background .16s,border-color .16s,opacity .16s;position:fixed}.info-button:hover{color:#d2dce8c7;background:#080c167a;border-color:#b4c8e638}.info-button:focus-visible{outline-offset:2px;outline:1px solid #c8d6e873}.typo-button{right:max(16px, env(safe-area-inset-right,0px));bottom:calc(88px + env(safe-area-inset-bottom,0px));z-index:40;color:#c8d2e08c;letter-spacing:-.02em;text-transform:none;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#080c1659;border:1px solid #b4c8e624;border-radius:50%;width:28px;height:28px;padding:0;font-family:Fraunces,Times New Roman,serif;font-size:11px;font-weight:500;line-height:1;transition:color .16s,background .16s,border-color .16s,opacity .16s;position:fixed}.typo-button:hover{color:#d2dce8c7;background:#080c167a;border-color:#b4c8e638}.typo-button:focus-visible{outline-offset:2px;outline:1px solid #c8d6e873}.typo-button.is-active{color:#dce6f0eb;background:#080c169e;border-color:#b4c8e652}.typo-button.is-hidden{opacity:0;pointer-events:none}.caption-button{right:max(16px, env(safe-area-inset-right,0px));bottom:calc(52px + env(safe-area-inset-bottom,0px));z-index:40;color:#c8d2e08c;letter-spacing:0;text-transform:none;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#080c1659;border:1px solid #b4c8e624;border-radius:50%;width:28px;height:28px;padding:0;font-family:inherit;font-size:12px;font-weight:500;line-height:1;transition:color .16s,background .16s,border-color .16s,opacity .16s;position:fixed}.caption-button:hover{color:#d2dce8c7;background:#080c167a;border-color:#b4c8e638}.caption-button:focus-visible{outline-offset:2px;outline:1px solid #c8d6e873}.caption-button.is-active{color:#dce6f0eb;background:#080c169e;border-color:#b4c8e652}.caption-button.is-hidden{opacity:0;pointer-events:none}.caption-layer{z-index:6;pointer-events:none;font-family:inherit;position:fixed;inset:0;overflow:hidden}.caption-layer__atmosphere{color:#dce4ee6b;letter-spacing:.06em;text-transform:lowercase;text-shadow:0 1px 10px #00000073;max-width:min(46vw,280px);padding:0;font-size:11px;font-weight:400;position:absolute;top:18px;left:18px}.caption-layer__bloom{color:#e8ecf2b8;letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 8px #0000008c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#060a1247;border-radius:2px;max-width:min(42vw,220px);padding:3px 7px;font-size:11px;font-weight:400;line-height:1.25;position:absolute;overflow:hidden;transform:translate(-50%,-120%)}.info-overlay{z-index:12;pointer-events:none;justify-content:flex-end;align-items:flex-end;padding:16px 16px 52px;display:flex;position:fixed;inset:0}.info-overlay__backdrop{cursor:pointer;pointer-events:auto;background:#04081047;border:0;margin:0;padding:0;position:absolute;inset:0}.info-overlay__card{z-index:1;color:#d5deea;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto;background:#080c16e6;border:1px solid #b4c8e629;width:min(440px,100vw - 32px);max-height:min(78vh,640px);padding:18px 18px 16px;position:relative;overflow:auto;box-shadow:0 16px 48px #0006}.info-overlay__work-title{letter-spacing:-.01em;color:#dce4eeeb;margin:0 0 10px;font-family:Fraunces,Times New Roman,serif;font-size:1.05rem;font-weight:400;line-height:1.3}.info-overlay__top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.info-overlay__title{letter-spacing:.08em;text-transform:uppercase;color:#c8d2e08c;margin:0;font-size:10px;font-weight:500}.info-overlay__close{color:#c8d2e08c;cursor:pointer;background:0 0;border:0;width:28px;height:28px;margin:-4px -6px -4px 0;padding:0;font-size:20px;line-height:1}.info-overlay__close:hover,.info-overlay__close:focus-visible{color:#e6ecf4f2;outline:none}.info-overlay__lang{margin:0 0 16px}.info-overlay__lang+.info-overlay__lang{border-top:1px solid #b4c8e61a;padding-top:14px}.info-overlay__lang-label{letter-spacing:.08em;text-transform:uppercase;color:#c8d2e073;margin:0 0 8px;font-size:10px}.info-overlay__body{letter-spacing:.01em;color:#dce4eeeb;text-transform:none;-webkit-user-select:text;user-select:text;margin:0;font-size:13px;line-height:1.55}.info-overlay__body p{margin:0 0 .85em}.info-overlay__body p:last-child{margin-bottom:0}.info-overlay__legend{border-top:1px solid #b4c8e61f;gap:8px;margin:0;padding-top:12px;display:grid}.info-overlay__legend>div{gap:2px;display:grid}.info-overlay__legend dt{letter-spacing:.06em;text-transform:uppercase;color:#c8d2e080;font-size:10px}.info-overlay__legend dd{color:#dce4eee0;margin:0;font-size:12px}.debug-panel__hint{opacity:.45;letter-spacing:.04em;text-transform:uppercase;margin-bottom:6px;font-size:9px}.debug-panel__error{color:#f0a0a0;font-size:10px}.debug-panel__backdrop{z-index:10;cursor:pointer;background:#04081047;border:0;margin:0;padding:0;position:fixed;inset:0}.debug-panel{z-index:11;color:#d5deea;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-user-select:none;user-select:none;-webkit-overflow-scrolling:touch;background:#080c16e0;border:1px solid #b4c8e62e;width:min(300px,100vw - 32px);max-height:calc(100vh - 32px);padding:14px 14px 16px;font-size:11px;line-height:1.35;position:fixed;top:16px;right:16px;overflow:auto;box-shadow:0 12px 40px #00000059}@media (width<=640px){.debug-panel{top:max(12px, env(safe-area-inset-top,0px));width:auto;max-height:calc(100vh - 72px - env(safe-area-inset-bottom,0px));left:12px;right:12px}.controls-button,.info-button,.caption-button,.typo-button{width:36px;height:36px;font-size:16px}.controls-button,.info-button{bottom:max(16px, env(safe-area-inset-bottom,0px))}.caption-button{bottom:calc(120px + env(safe-area-inset-bottom,0px));font-size:14px}.typo-button{bottom:calc(164px + env(safe-area-inset-bottom,0px));font-size:13px}.caption-layer__atmosphere{top:max(14px, calc(8px + env(safe-area-inset-top,0px)));font-size:10px;left:14px}.caption-layer__bloom{max-width:min(56vw,200px);font-size:10px}}.debug-panel__header{letter-spacing:.04em;text-transform:uppercase;border-bottom:1px solid #b4c8e61f;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:10px;display:flex}.debug-panel__header-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.debug-panel__close{color:#dce4eee6;cursor:pointer;background:#ffffff0a;border:1px solid #b4c8e640;width:32px;height:32px;line-height:1;letter-spacing:0!important;text-transform:none!important;padding:0!important;font-size:20px!important}.debug-panel__close:hover,.debug-panel__close:focus-visible{color:#fff;border-color:#b4c8e673;outline:none}.debug-panel__header button{appearance:none;color:inherit;font:inherit;letter-spacing:.03em;text-transform:uppercase;cursor:pointer;background:#ffffff0a;border:1px solid #b4c8e640;padding:4px 8px;font-size:10px}.debug-panel__header button:hover{background:#ffffff14}.debug-panel__section{border-bottom:1px solid #b4c8e61a;margin-bottom:14px;padding-bottom:12px}.debug-panel__section-title{opacity:.65;letter-spacing:.04em;text-transform:uppercase;margin-bottom:8px;font-size:10px}.debug-panel__source-toggle{grid-template-columns:1fr 1fr;gap:6px;display:grid}.debug-panel__source-toggle--wrap{flex-wrap:wrap}.debug-panel__source-toggle--4{grid-template-columns:repeat(4,1fr)}.debug-panel__mini-label{opacity:.5;letter-spacing:.05em;text-transform:uppercase;margin:8px 0 4px;font-size:9px}.debug-panel__details{border-bottom:1px solid #b4c8e61a;margin-bottom:12px;padding-bottom:10px}.debug-panel__details summary{cursor:pointer;letter-spacing:.04em;text-transform:uppercase;opacity:.7;margin-bottom:8px;font-size:10px}.debug-panel__details-body{flex-direction:column;gap:8px;display:flex}.debug-panel__details-body label{flex-direction:column;gap:3px;display:flex}.debug-panel__reset-art{appearance:none;color:inherit;font:inherit;letter-spacing:.03em;text-transform:uppercase;cursor:pointer;background:#ffffff0a;border:1px solid #b4c8e640;align-self:flex-start;margin-bottom:4px;padding:4px 8px;font-size:10px}.debug-panel__source-toggle button{appearance:none;color:inherit;font:inherit;letter-spacing:.03em;text-transform:uppercase;cursor:pointer;background:#ffffff08;border:1px solid #b4c8e638;padding:7px 8px;font-size:10px}.debug-panel__source-toggle button:disabled{opacity:.35;cursor:not-allowed}.debug-panel__source-toggle button.is-active{color:#cfe9ff;background:#7eb6d929;border-color:#9ed4ff8c}.debug-panel__kv{font-variant-numeric:tabular-nums;justify-content:space-between;gap:10px;padding:3px 0;display:flex}.debug-panel__kv span{opacity:.65}.debug-panel__kv strong{text-align:right;font-weight:500}.debug-panel__kv--wide{flex-direction:column;gap:2px;margin-top:4px}.debug-panel__kv--wide strong{text-align:left;opacity:.9;font-size:10px;line-height:1.4}.debug-panel__stats{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px;display:grid}.debug-panel__stats div{background:#ffffff08;flex-direction:column;gap:2px;padding:8px;display:flex}.debug-panel__stats span{opacity:.65;text-transform:uppercase;letter-spacing:.04em;font-size:10px}.debug-panel__stats strong{font-size:14px;font-weight:500}.debug-panel__sliders{flex-direction:column;gap:10px;display:flex}.debug-panel__sliders label{flex-direction:column;gap:4px;display:flex}.debug-panel__sliders label.is-overridden .debug-panel__row span:first-child{color:#9fd4ff}.debug-panel__row{justify-content:space-between;gap:8px;display:flex}.debug-panel__value{opacity:.85;font-variant-numeric:tabular-nums}.debug-panel__value em{opacity:.55;margin-left:6px;font-style:normal}.debug-panel__clear{appearance:none;color:inherit;font:inherit;letter-spacing:.03em;text-transform:uppercase;cursor:pointer;opacity:.75;background:0 0;border:1px solid #b4c8e638;margin-left:6px;padding:0 4px;font-size:9px}.debug-panel__clear:hover{opacity:1;background:#ffffff0f}.debug-panel input[type=range]{accent-color:#7eb6d9;cursor:pointer;width:100%}