@font-face{font-family:Inter;src:url(/fonts/inter-light.otf?v=1)format("opentype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/inter-regular.otf?v=1)format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/inter-medium.otf?v=1)format("opentype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/inter-semi-bold.otf?v=1)format("opentype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/jetbrains-mono-regular.woff2?v=1)format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:geometricprecision;--accent:#ff1b12;--text:#e7e7e3;--muted:#969693;--quiet:#626260;color:var(--text);background:#000;font-family:Inter,sans-serif}*{box-sizing:border-box}html,body{background:#000;width:100%;height:100%;margin:0;overflow:hidden}body{min-height:100svh}button,input{font:inherit}.museum-header{display:contents}.language-picker{z-index:5;top:max(29px, env(safe-area-inset-top));right:max(49px, calc(env(safe-area-inset-right) + 17px));align-items:center;gap:8px;display:flex;position:fixed}.language-picker button{min-width:14px;color:var(--quiet);letter-spacing:.045em;text-align:center;cursor:pointer;background:0 0;border:0;border-radius:0;padding:0 0 5px;font-size:9px;line-height:1;transition:color .16s;position:relative}.language-picker button:after{content:"";opacity:0;background:currentColor;height:1px;transition:opacity .16s,transform .16s;position:absolute;bottom:0;left:1px;right:1px;transform:scaleX(.35)}.language-picker button:hover,.language-picker button:focus-visible,.language-picker button.is-current{color:var(--text)}.language-picker button.is-current:after{opacity:.72;transform:scaleX(1)}.experience,#creature-canvas{width:100%;height:100%;position:fixed;inset:0}.experience{isolation:isolate;background:#000}#creature-canvas{opacity:0;transition:opacity .9s;display:block}body.is-ready #creature-canvas{opacity:1}.museum-nav{z-index:4;align-items:center;gap:14px;height:55px;padding:0 28px;display:flex;position:fixed;top:0;left:0}.wordmark{color:var(--text);letter-spacing:.06em;margin:0;font-size:13px;font-weight:400;line-height:1}.nav-mode{color:#5d5d5a;letter-spacing:.09em;text-underline-offset:4px;text-transform:uppercase;font-size:11px;font-weight:400;line-height:1;text-decoration-color:#5d5d5a;text-decoration-thickness:1px;position:relative;top:1px}.nav-mode.is-active{color:var(--text);text-decoration:none}.nav-mode:focus-visible{outline-offset:4px;outline:1px solid #ffffff94}.essay{z-index:2;top:52px;right:max(32px, env(safe-area-inset-right));overscroll-behavior:contain;scrollbar-color:#ffffff2e transparent;scrollbar-width:thin;width:min(38vw,550px);padding:0 17px 42px 0;position:fixed;bottom:64px;overflow:auto}.essay::-webkit-scrollbar{width:3px}.essay::-webkit-scrollbar-thumb{background:#ffffff2e}.essay h1{max-width:none;color:var(--text);letter-spacing:.008em;margin:0 0 28px;font-size:clamp(31px,2.55vw,43px);font-weight:350;line-height:1.3}.essay p{max-width:47em;color:var(--muted);letter-spacing:-.005em;margin:0 0 20px;font-size:14px;font-weight:400;line-height:1.58}.creature-switcher{scrollbar-width:none;gap:8px;width:100%;margin:31px 0 17px;padding:0 0 3px;display:flex;overflow-x:auto}.creature-switcher::-webkit-scrollbar{display:none}.exhibit-button{min-width:15px;color:var(--quiet);letter-spacing:.03em;cursor:pointer;background:0 0;border:0;border-radius:0;flex:none;padding:0 0 7px;font-size:10px;font-weight:450;line-height:1;transition:color .16s;position:relative}.exhibit-button:after{background:var(--accent);content:"";opacity:0;height:1px;transition:opacity .16s,transform .16s;position:absolute;bottom:0;left:0;right:0;transform:scaleX(.3)}.exhibit-button:hover,.exhibit-button:focus-visible,.exhibit-button[aria-selected=true]{color:var(--text)}.exhibit-button[aria-selected=true]:after{opacity:1;transform:scaleX(1)}.exhibit-button:focus-visible,.palette-editor button:focus-visible,.palette-editor input:focus-visible,.open-morphospace:focus-visible,.language-picker button:focus-visible,.credit a:focus-visible{outline-offset:4px;outline:1px solid #ffffff94}.palette-editor{min-height:24px;color:var(--quiet);letter-spacing:.02em;flex-wrap:nowrap;align-items:center;gap:clamp(10px,1.3vw,19px);margin:0 0 18px;font-size:10px;line-height:1;display:flex}.palette-title{color:var(--muted)}.palette-editor label{cursor:pointer;align-items:center;gap:7px;display:inline-flex}.palette-editor input[type=color]{cursor:pointer;background:0 0;border:1px solid #ffffff3d;border-radius:0;width:16px;height:16px;padding:0}.palette-editor input[type=color]::-webkit-color-swatch-wrapper{padding:0}.palette-editor input[type=color]::-webkit-color-swatch{border:0}.palette-editor input[type=color]::-moz-color-swatch{border:0}.palette-editor button{color:var(--quiet);cursor:pointer;background:0 0;border:0;border-bottom:1px solid #ffffff2e;border-radius:0;padding:0;font-size:10px;line-height:1.3;transition:border-color .16s,color .16s}.palette-editor button:hover{color:var(--muted);border-color:currentColor}.code-frame{color:#b8b8b4;tab-size:2;white-space:pre;scrollbar-color:#ffffff29 transparent;scrollbar-width:thin;border-block:1px solid #ffffff14;max-height:265px;margin:0;padding:14px 0 15px;font-family:JetBrains Mono,monospace;font-size:10.5px;font-weight:400;line-height:1.52;overflow:auto}.open-morphospace{border:0;border-bottom:1px solid color-mix(in srgb, var(--accent) 62%, transparent);color:#b8b8b4;width:auto;font:inherit;letter-spacing:.025em;cursor:pointer;background:0 0;border-radius:0;margin:10px 0 27px;padding:0 0 2px;font-size:10.5px;line-height:1.3;transition:border-color .16s,color .16s;display:inline-block}.open-morphospace:hover{border-color:var(--accent);color:var(--text)}.render-status{z-index:4;color:#ffffff9e;text-align:center;width:min(26rem,56% - 48px);margin:0;font-size:13px;line-height:1.6;position:fixed;top:50%;left:29%;transform:translate(-50%,-50%)}.credit{z-index:4;right:max(22px, env(safe-area-inset-right));bottom:max(18px, env(safe-area-inset-bottom));left:max(22px, env(safe-area-inset-left));color:#ffffff57;letter-spacing:.008em;pointer-events:none;justify-content:center;align-items:baseline;gap:.38em;font-size:10px;font-weight:400;line-height:1.45;display:flex;position:fixed}.credit a{color:inherit;text-underline-offset:.22em;pointer-events:auto;text-decoration-color:#ffffff40;text-decoration-thickness:1px;transition:color .16s,text-decoration-color .16s}.credit a:hover,.credit a:focus-visible{color:#ffffffc2;text-decoration-color:currentColor}@media (max-height:760px) and (min-width:901px){.essay{top:38px}.essay h1{margin-bottom:22px;font-size:clamp(29px,2.25vw,38px)}.essay p{margin-bottom:16px;font-size:13px;line-height:1.52}.creature-switcher{margin-top:24px}.code-frame{max-height:210px}}@media (max-width:900px){html,body{height:auto;min-height:100%;overflow:hidden auto}.museum-header{z-index:7;height:max(52px, calc(env(safe-area-inset-top) + 44px));isolation:isolate;background:#000;border-bottom:1px solid #ffffff12;display:block;position:fixed;top:0;left:0;right:0}.experience{width:100%;height:54svh;min-height:390px;position:relative}#creature-canvas{width:100%;height:100%;position:absolute}.museum-nav{z-index:1;gap:11px;width:100%;height:51px;padding-inline:16px;position:absolute;top:0;left:0}.wordmark{font-size:13px}.nav-mode{letter-spacing:.08em;font-size:11px}.language-picker{z-index:1;top:max(23px, env(safe-area-inset-top));right:max(20px, env(safe-area-inset-right));gap:3px;position:absolute}.language-picker button{min-width:11px;font-size:8px}.render-status{width:calc(100% - 48px);position:absolute;left:50%}.essay{width:100%;max-width:680px;margin:0 auto;padding:76px 22px 34px;position:relative;inset:auto;overflow:visible}.essay h1{margin-bottom:25px;font-size:clamp(31px,9vw,42px)}.essay p{font-size:14px}.creature-switcher{margin-top:29px}.code-frame{max-height:300px;font-size:10px}.credit{padding:8px 22px max(22px, env(safe-area-inset-bottom));flex-wrap:wrap;gap:0 .34em;font-size:9.5px;position:relative;inset:auto}}@media (max-width:430px){.experience{height:50svh;min-height:340px}.essay{padding-inline:19px}.palette-editor{scrollbar-width:none;flex-wrap:nowrap;gap:6px;overflow-x:auto}.palette-editor::-webkit-scrollbar{display:none}.palette-editor button{white-space:nowrap;flex:none}.palette-editor label,.palette-title{flex:none}.palette-editor label{gap:4px}.palette-editor input[type=color]{width:16px;height:16px}}body[data-locale=ja] .essay p{letter-spacing:.015em;line-height:1.78}@media (prefers-reduced-motion:reduce){#creature-canvas,.exhibit-button,.exhibit-button:after,.palette-editor button,.open-morphospace,.language-picker button,.language-picker button:after,.credit a{transition:none}}