@property --wm{syntax:"<length>";inherits:true;initial-value:55px}.stage{aspect-ratio:16/10;width:100%}.stage-object,.stage-rec,.rec-slot{transition:opacity var(--fade) var(--ease);position:absolute;inset:0}.stage-rec{opacity:0;pointer-events:none}.stage[data-mode=rec] .stage-object{opacity:0}.stage[data-mode=rec] .stage-rec{opacity:1}.stage-object>*{width:100%;height:100%;position:absolute;inset:0}.stage-object{touch-action:pan-y pinch-zoom;-webkit-user-select:none;user-select:none}@media (hover:hover){.stage-object[data-swap]{cursor:grab}.stage-object[data-swiping]{cursor:grabbing}}.rec-slot{opacity:0}.rec-slot.is-front{opacity:1;z-index:1}.rec-slot img,.rec-slot video,.rec-placeholder{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.rec-placeholder{color:var(--fg-2);background:#111;place-items:center;display:grid}.stage-link{z-index:2;cursor:pointer;display:none;position:absolute;inset:0}.stage[data-mode=rec] .stage-link{display:block}.stage-close{z-index:3;background:#060606b3;place-items:center;width:22px;height:22px;font-size:15px;line-height:1;display:grid;position:absolute;top:-7px;left:-7px}.stage-close:after{content:"";position:absolute;inset:-11px}.stage-close[hidden],.stage-actions[hidden]{display:none}.caption{text-align:center;min-height:1.5em}.caption .sep{color:var(--fg-2)}.caption a{border-bottom:1px solid var(--line)}.caption a:hover{border-color:var(--fg)}.backdrop{z-index:-1;pointer-events:none;transition:opacity .6s var(--ease);position:fixed;inset:0;overflow:hidden}body[data-mode=rec] .backdrop{opacity:.4}.backdrop-still,.backdrop-canvas{opacity:0;width:100%;max-width:none;height:100%;transition:opacity .6s var(--ease);position:absolute;inset:0}.backdrop-still.is-loaded.is-on,.backdrop-canvas.is-on{opacity:1}.backdrop:before,.backdrop:after{content:"";z-index:1;opacity:0;transition:opacity .6s var(--ease);position:absolute;inset:0}.backdrop:is([data-world],:has(.backdrop-still.is-loaded.is-on)):before,.backdrop:is([data-world],:has(.backdrop-still.is-loaded.is-on)):after{opacity:1}.backdrop:before{background:linear-gradient(to right, #060606e6 calc(var(--edge) + 240px), transparent calc(var(--edge) + 430px))}.backdrop:after{background:linear-gradient(#060606b8,#0606069e 80px,#0000 230px),linear-gradient(0deg,#060606e6 64px,#06060699 110px,#0000 200px),linear-gradient(270deg,#060606e0 110px,#0000 250px)}.backdrop-still img{object-fit:cover;width:auto;min-width:100%;max-width:none;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}@media (max-width:899px){.backdrop{display:none}html[data-worlds] .backdrop{display:block}html[data-worlds] .stage-wrap:before{display:none}html[data-worlds] .index,html[data-worlds] .hint{-webkit-mask-image:linear-gradient(transparent var(--cut,0px), #000 calc(var(--cut,0px) + 28px));-webkit-mask-image:linear-gradient(transparent var(--cut,0px), #000 calc(var(--cut,0px) + 28px));mask-image:linear-gradient(transparent var(--cut,0px), #000 calc(var(--cut,0px) + 28px))}html[data-worlds] .backdrop:before{background:linear-gradient(transparent calc(var(--pin-h,50vh) - 70px), #060606e6 calc(var(--pin-h,50vh) + 20px))}html[data-worlds] .backdrop:after{background:linear-gradient(#060606b8,#06060680 90px,#0000 210px)}}@media (max-width:899px) and (pointer:coarse){html[data-worlds] .head:not([hidden]){z-index:3;background:#060606b3;gap:2px;padding:3px 7px;font-size:10px;display:flex;position:absolute;top:auto;bottom:-7px;right:-7px}html[data-worlds] .head-toggle{min-height:0;position:relative}html[data-worlds] .head-toggle:after{content:"";position:absolute;inset:-12px -10px -10px}html[data-worlds] .head-state{margin-left:6px}html[data-worlds] .head-note{transition:opacity .6s var(--ease)}html[data-worlds] .head-note.is-fading{opacity:0}}.idx{color:var(--fg-2);transition:color var(--fade) var(--ease);align-items:baseline;gap:14px;padding:5px 0;display:flex}.idx:hover,.idx.is-active{color:var(--fg)}.idx-arrow{opacity:0;transition:opacity var(--fade) var(--ease)}.idx.is-active .idx-arrow{opacity:1}.progress-line{background:var(--line);width:1px;height:128px;position:relative}.progress-fill{height:calc(var(--p,0) * 100%);background:var(--fg);transition:height var(--fade) var(--ease);position:absolute;inset:0 0 auto}.progress-count{color:var(--fg-2);white-space:nowrap}.hint{color:var(--fg-2);transition:opacity var(--fade) var(--ease)}body[data-mode=rec] .hint{opacity:0}.hint-coarse{display:none}@media (max-width:899px),(hover:none){.hint-fine{display:none}.hint-coarse{display:inline}}.head{right:var(--edge);bottom:var(--edge);z-index:5;color:var(--fg-2);transition:opacity var(--fade) var(--ease), visibility var(--fade);flex-direction:column;align-items:flex-end;gap:4px;display:flex;position:fixed}.head[hidden]{display:none}body[data-mode=rec] .head{opacity:0;visibility:hidden}.head-toggle{min-height:28px;transition:color var(--fade) var(--ease)}.head-toggle:hover,.head-toggle[aria-pressed=true]{color:var(--fg)}.head-state{margin-left:10px}.head-note:empty{display:none}@media (max-width:899px),(hover:none){.head{display:none}}.head-view{opacity:0;pointer-events:none;width:1px;height:1px;position:fixed;top:0;left:0}@media (min-width:900px) and (hover:hover){.head:has(>.head-view){left:calc(50% + var(--stage-w) / 2 + 32px);pointer-events:none;grid-template-rows:1fr auto auto;grid-template-columns:minmax(120px,256px) auto;justify-content:end;align-items:end;gap:4px 24px;display:grid}.head:has(>.head-view) .head-toggle{white-space:nowrap;pointer-events:auto;grid-area:3/2}.head:has(>.head-view) .head-note{text-align:right;grid-area:2/2;width:0;min-width:100%}.head-view{aspect-ratio:4/3;object-fit:cover;border:1px solid var(--line);background:var(--bg);width:100%;height:auto;transition:opacity var(--fade) var(--ease);grid-area:1/1/-1;position:static;transform:scaleX(-1)}.head-view.is-on{opacity:1}}@media (min-width:900px){.home{--stage-w:min(56vw, 72vh, calc(100vw - 2 * (var(--edge) + 230px)));place-items:center;min-height:100svh;padding:120px 0;display:grid}.stage-wrap{width:var(--stage-w);position:relative}.caption{position:absolute;top:calc(100% + 32px);left:0;right:0}.stage-actions,.stage-close{display:none!important}.index{left:var(--edge);top:var(--mast-h);bottom:var(--edge);z-index:5;flex-direction:column;justify-content:safe center;display:flex;position:fixed;overflow-y:auto}.progress{right:var(--edge);flex-direction:column;align-items:flex-end;gap:16px;display:flex;position:fixed;top:50%;transform:translateY(-50%)}.progress-line{margin-right:2px}.hint{bottom:var(--edge);position:fixed;left:50%;transform:translate(-50%)}canvas.object-layer[data-piece=mac11]{--spill-x:min(18%, calc((100vw - var(--stage-w)) / 2 - var(--edge) - 216px));inset:-30% calc(-1 * var(--spill-x));width:calc(100% + 2 * var(--spill-x));max-width:none;height:160%}}@media (max-width:899px){.page-home{flex-direction:column;display:flex}.home{padding:0 var(--edge) max(var(--edge), env(safe-area-inset-bottom));flex-direction:column;flex:1;display:flex}.stage-wrap{order:1;padding:8px 8px 0}.stage{aspect-ratio:10/11;max-height:70svh}@media (orientation:landscape){.stage{max-height:50svh}}.stage-object{inset:-32px calc(-8px - var(--edge))}.page-home{--mast-h-m:calc(max(12px, env(safe-area-inset-top)) + 12px + 1.6 * var(--wm));transition:--wm var(--fade) var(--ease)}.page-home[data-scrolled]{--wm:36px}.page-home .brand-logo{--bn:calc(1.6 * var(--wm))}.page-home .masthead{position:sticky;top:0}.stage-wrap{top:var(--mast-h-m);z-index:9;position:sticky}.stage-wrap:before{content:"";z-index:-1;inset:calc(-1 * var(--mast-h-m)) calc(-1 * var(--edge)) -24px;pointer-events:none;background:radial-gradient(ellipse 70vw 30svh at 50% 28svh, #ededed0e, transparent 72%), var(--bg);position:absolute;-webkit-mask-image:linear-gradient(#000 calc(100% - 24px),#0000);mask-image:linear-gradient(#000 calc(100% - 24px),#0000)}.caption{margin-top:20px}.stage-actions{gap:8px;margin-top:12px;display:flex}.stage-actions .btn{flex:1}.hint{order:2;margin-top:auto;padding:24px 0 8px}.index{order:3}.idx-list li{border-top:1px solid var(--line)}.idx-list li:last-child{border-bottom:1px solid var(--line)}.idx{align-items:center;min-height:48px;padding:0}.idx-name{font-size:14px}.idx-arrow{margin-left:auto}.progress,.caption-visit{display:none}html:has(.page-home){scroll-padding-top:calc(var(--pin-h,0px) + 24px);overflow-anchor:none}}@media (max-width:899px) and (prefers-reduced-motion:reduce){.page-home{transition:none}}.object-layer,.object-poster{opacity:0;transition:opacity var(--fade) var(--ease)}.object-layer.is-ready,.object-poster{opacity:1}.stage-object[data-swap]>.object-layer{transition-duration:.5s}.stage-object[data-swap]>.object-layer:not(.is-front){opacity:0}.object-poster img,video.object-layer{object-fit:contain;width:100%;height:100%}.object-feather{-webkit-mask-image:radial-gradient(closest-side,#000 70%,#0000);mask-image:radial-gradient(closest-side,#000 70%,#0000)}.object-poster{place-items:center;display:grid}.object-placeholder{aspect-ratio:1;background:radial-gradient(circle at 35% 30%,#ffffff8c,#0000 22%),radial-gradient(circle at 60% 70%,#d68c2873,#0000 55%),radial-gradient(circle,#2a2a2a,#0b0b0b 70%);border-radius:50%;width:38%}.object-wordmark{font-family:var(--font-display);letter-spacing:0;text-transform:none;font-size:clamp(28px,5vw,64px)}.stage[data-mode=rec]{view-transition-name:media}.idx.is-active .idx-name{view-transition-name:title}.stage[data-mode=rec]{touch-action:pan-y pinch-zoom}