.morph-experience{--bg:#101112;--ink:#f1f0e9;--muted:#9c9e98;--line:#f1f0e92e;--acid:#d8fa49;--progress:0;--charge:0;--entry:1;--scene-progress:0;--gutter:clamp(20px,4vw,64px);isolation:isolate;background:var(--bg);width:100%;height:100dvh;color:var(--ink);touch-action:none;-webkit-user-select:none;user-select:none;margin:0;font-family:Arial,Helvetica Neue,Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,sans-serif;font-weight:400;transition:background .9s,color .7s;position:relative;overflow:hidden}.morph-experience *,.morph-details *{box-sizing:border-box}.morph-experience button,.morph-experience a{-webkit-tap-highlight-color:transparent}.morph-experience button{font:inherit;color:inherit;cursor:pointer;border:0}.morph-experience button:focus-visible,.morph-experience a:focus-visible{outline:2px solid var(--acid);outline-offset:4px}.morph-experience [hidden]{display:none!important}.morph-experience .atmosphere,.morph-experience .vignette,.morph-experience .grain,.morph-experience [data-morph=canvas-host],.morph-experience [data-morph=scene]{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.morph-experience .atmosphere{z-index:-5;background:radial-gradient(at 50% 38%,#323a30 0,#0000 58%);transition:background .9s}.morph-experience .aura,.morph-experience .floor-grid,.morph-experience .radial-lines{display:none}.morph-experience [data-morph=canvas-host]{z-index:-1}.morph-experience [data-morph=scene]{display:block}.morph-experience .vignette{z-index:1;background:linear-gradient(0deg,var(--bg),transparent 40%,transparent 80%,var(--bg));opacity:.72}.morph-experience .grain{z-index:8;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.8' filter='url(%23n)'/%3E%3C/svg%3E")}.morph-experience .giant-type{z-index:-4;text-align:center;letter-spacing:-.09em;color:#0000;-webkit-text-stroke:1px #f1f0e91f;pointer-events:none;width:100%;font-size:clamp(100px,24vw,400px);font-weight:900;line-height:.8;position:absolute;top:43%;left:50%;transform:translate(-50%,-50%)}.morph-experience .giant-type span{display:inline-block}.morph-experience .giant-type span+span{margin-left:.12em}.morph-experience header{z-index:4;top:max(20px,env(safe-area-inset-top));left:var(--gutter);right:var(--gutter);justify-content:space-between;align-items:center;display:flex;position:absolute}.morph-experience .brand{color:inherit;letter-spacing:-2px;font-size:32px;font-weight:900;line-height:1;text-decoration:none}.morph-experience .brand span{letter-spacing:.05em;vertical-align:middle;margin-left:12px;font:10px Courier New,monospace}.morph-experience .live-mark,.morph-experience .topline,.morph-experience .specimen-tag,.morph-experience footer,.morph-experience .sound-button,.morph-experience .button-index,.morph-experience .play-copy small,.morph-experience [data-morph=timecode]{letter-spacing:.08em;font-family:Courier New,monospace;font-size:10px;font-weight:400}.morph-experience .live-mark{align-items:center;gap:8px;display:flex}.morph-experience .live-mark i,.morph-experience .hint-dot{background:var(--acid);border-radius:50%;width:5px;height:5px}.morph-experience .sound-button{background:0 0;align-items:center;gap:8px;min-height:44px;padding:0 4px;display:flex}.morph-experience .sound-bars{align-items:center;gap:2px;height:18px;display:flex}.morph-experience .sound-bars i{background:currentColor;width:2px;height:3px;transition:height .3s}.morph-experience .sound-button[aria-pressed=true] .sound-bars i:first-child{height:8px}.morph-experience .sound-button[aria-pressed=true] .sound-bars i:nth-child(2){height:16px}.morph-experience .sound-button[aria-pressed=true] .sound-bars i:nth-child(3){height:11px}.morph-experience .sound-button[aria-pressed=true] .sound-bars i:nth-child(4){height:5px}.morph-experience .topline{top:84px;left:var(--gutter);right:var(--gutter);border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;padding-top:14px;display:flex;position:absolute}.morph-experience .specimen-tag{z-index:2;right:var(--gutter);writing-mode:vertical-rl;color:var(--muted);align-items:center;gap:16px;font-size:9px;display:flex;position:absolute;top:31%}.morph-experience .cross{color:var(--ink);font-size:22px}.morph-experience .interaction-hint{z-index:3;bottom:242px;right:var(--gutter);color:var(--muted);align-items:center;gap:10px;font-size:11px;line-height:1.5;display:flex;position:absolute}.morph-experience .hint-dot{transform:scale(calc(1 + var(--charge)));box-shadow:0 0 calc(var(--charge)*16px)var(--acid);flex-shrink:0}.morph-experience .interaction-hint small{margin-top:4px;font-size:10px;display:block}.morph-experience .morph-button{border-left:1px solid var(--line);background:0 0;min-width:88px;min-height:44px;margin-left:6px;padding:0 0 0 14px;font-family:Courier New,monospace;font-size:10px;transition:color .2s}.morph-experience .morph-button:hover{color:var(--acid)}.morph-experience .caption{z-index:2;left:var(--gutter);pointer-events:none;position:absolute;bottom:154px}.morph-experience .caption p{letter-spacing:.08em;margin:0 0 18px;font-size:12px}.morph-experience .caption h1{letter-spacing:-.07em;margin:0;font-size:clamp(52px,7.2vw,104px);font-weight:900;line-height:.88}.morph-experience .caption h1>span{opacity:var(--entry);transform:translateY(calc((1 - var(--entry))*18px));display:block}.morph-experience .period{color:var(--acid)}.morph-experience .action-panel{z-index:3;right:var(--gutter);width:320px;position:absolute;bottom:148px}.morph-experience .play-button{text-align:left;background:var(--acid);color:#162007;border-radius:3px;align-items:center;gap:16px;width:100%;min-height:76px;padding:12px;transition:transform .22s,filter .22s;display:flex}.morph-experience .play-button:hover{filter:brightness(1.06);transform:translateY(-3px)}.morph-experience .play-button:active{transform:scale(.98)}.morph-experience .play-circle{border:1px solid;border-radius:50%;flex-shrink:0;place-items:center;width:44px;height:44px;font-size:24px;line-height:1;display:grid}.morph-experience .play-copy{letter-spacing:.04em;font-size:12px;font-weight:700}.morph-experience .play-copy small{opacity:.75;margin-top:7px;font-size:9px;display:block}.morph-experience .button-index{margin-left:auto;padding-right:4px;font-size:9px}.morph-experience .transport{z-index:4;left:var(--gutter);right:var(--gutter);align-items:center;gap:16px;display:flex;position:absolute;bottom:82px}.morph-experience .transport-button{border:1px solid var(--line);background:var(--bg);border-radius:50%;min-width:44px;height:44px;font-size:14px}.morph-experience .progress-track{background:var(--line);flex:1;height:2px;position:relative}.morph-experience .progress-track>span{background:var(--acid);transform-origin:0;height:100%;transform:scaleX(var(--progress));display:block}.morph-experience .progress-track i{background:var(--line);width:1px;height:8px;position:absolute;top:-3px;left:25%}.morph-experience .progress-track i:nth-last-child(2){left:50%}.morph-experience .progress-track i:last-child{left:75%}.morph-experience [data-morph=timecode]{letter-spacing:0;text-align:right;min-width:84px;font-size:10px}.morph-experience footer{z-index:3;left:var(--gutter);right:calc(var(--gutter) + 80px);bottom:max(16px,env(safe-area-inset-bottom));border-top:1px solid var(--line);height:44px;color:var(--muted);justify-content:space-between;align-items:center;display:flex;position:absolute}.morph-experience .chapters{display:flex}.morph-experience .chapters button{min-width:44px;min-height:44px;font:inherit;opacity:.5;background:0 0;transition:opacity .2s;position:relative}.morph-experience .chapters button:hover{opacity:1}.morph-experience .chapters button.active{color:var(--ink);opacity:1}.morph-experience .chapters button.active:after{content:"";background:var(--acid);border-radius:50%;width:4px;height:4px;position:absolute;bottom:4px;left:calc(50% - 2px)}.morph-experience .motion-button{background:0 0;min-height:44px;padding:0;font-size:10px}.morph-experience .details-button{right:var(--gutter);bottom:max(16px,env(safe-area-inset-bottom));z-index:4;border:1px solid var(--line);background:var(--bg);border-radius:3px;min-width:60px;min-height:44px;font-size:12px;transition:border-color .2s,color .2s;position:absolute}.morph-experience .details-button:hover{border-color:var(--ink);color:var(--acid)}.morph-experience.complete .transport{width:320px;bottom:110px;left:auto}.morph-experience.complete .transport-button,.morph-experience.complete [data-morph=timecode]{display:none}.morph-experience.complete .progress-track{opacity:.45}.morph-experience .sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.morph-experience .no-script{top:40%;left:var(--gutter);background:var(--bg);padding:20px;position:absolute}.morph-experience[data-phase="1"]{--bg:#d3e846;--ink:#202714;--muted:#515d25;--line:#2027143b;--acid:#202714}.morph-experience[data-phase="1"] .atmosphere{background:radial-gradient(at 50% 38%,#f1f5cf,#0000 60%)}.morph-experience[data-phase="2"]{--bg:#152dc5;--ink:#f3f0ff;--muted:#b8c5fa;--line:#f3f0ff3b;--acid:#dbfa56}.morph-experience[data-phase="2"] .atmosphere{background:radial-gradient(at 50% 38%,#6580e8,#0000 60%)}.morph-experience[data-phase="3"]{--bg:#ebe9df;--ink:#252923;--muted:#6b7064;--line:#25292333;--acid:#253dce}.morph-experience[data-phase="3"] .atmosphere{background:radial-gradient(at 50% 38%,#fffef7,#0000 60%)}.morph-experience[data-phase="1"] .giant-type,.morph-experience[data-phase="3"] .giant-type{-webkit-text-stroke-color:#2529231f}.morph-experience[data-phase="1"] .play-button{color:#edf3c9}.morph-experience[data-phase="3"] .play-button{color:#fff}@media (max-width:700px){.morph-experience .live-mark{font-size:8px}.morph-experience .brand{font-size:29px}.morph-experience .brand span{margin-left:8px;font-size:9px}.morph-experience .topline{font-size:9px;top:78px}.morph-experience .giant-type{font-size:28vw;top:36%}.morph-experience .giant-type span{display:block}.morph-experience .giant-type span+span{margin:0}.morph-experience .specimen-tag{gap:10px;font-size:8px}.morph-experience .caption{bottom:174px;right:var(--gutter)}.morph-experience .caption h1{font-size:clamp(38px,12vw,74px)}.morph-experience .caption p{margin-bottom:14px;font-size:11px}.morph-experience .interaction-hint{left:var(--gutter);gap:8px;font-size:10px;bottom:296px;right:auto}.morph-experience .interaction-hint small{font-size:9px}.morph-experience .morph-button{min-width:76px;margin-left:0;padding-left:10px;font-size:9px}.morph-experience .action-panel{left:var(--gutter);right:calc(var(--gutter) + 76px);width:auto;bottom:82px}.morph-experience .play-button{gap:10px;min-height:68px;padding:10px}.morph-experience .play-copy{letter-spacing:0;font-size:11px}.morph-experience .play-copy small{letter-spacing:0;font-size:8px}.morph-experience .button-index{display:none}.morph-experience .details-button{min-height:44px;bottom:82px}.morph-experience .transport{bottom:82px;right:calc(var(--gutter) + 76px);gap:10px}.morph-experience [data-morph=timecode]{min-width:70px;font-size:9px}.morph-experience footer{right:var(--gutter);font-size:9px}.morph-experience [data-morph=renderer-label]{max-width:60px;font-size:8px}.morph-experience .motion-button{font-size:9px}.morph-experience.complete .transport{bottom:160px;left:var(--gutter);right:var(--gutter);width:auto}}@media (max-width:700px) and (max-height:730px) and (min-height:481px){.morph-experience .interaction-hint{bottom:272px}.morph-experience .caption h1{font-size:11vw}.morph-experience .caption p{font-size:10px}}@media (max-width:359px){.morph-experience .live-mark{display:none}.morph-experience [data-morph=renderer-label]{max-width:40px;font-size:7px}.morph-experience .motion-button{font-size:8px}.morph-experience .interaction-hint{gap:5px;font-size:9px}.morph-experience .interaction-hint small{font-size:8px}.morph-experience .morph-button{min-width:66px;padding-left:7px;font-size:8px}.morph-experience .play-copy small{font-size:7px}}@media (max-height:520px){.morph-experience{--gutter:24px}.morph-experience header{top:max(10px,env(safe-area-inset-top))}.morph-experience .topline{top:66px}.morph-experience .caption{max-width:52%;bottom:120px;right:auto}.morph-experience .caption h1{font-size:clamp(30px,6vw,64px)}.morph-experience .caption p{margin-bottom:10px;font-size:10px}.morph-experience .interaction-hint{top:85px;bottom:auto;left:auto;right:var(--gutter)}.morph-experience .interaction-hint>span{display:none}.morph-experience .morph-button{border:0;padding:0}.morph-experience .action-panel{left:auto;right:var(--gutter);width:40%;max-width:320px;bottom:114px}.morph-experience .play-button{gap:10px;min-height:64px}.morph-experience .button-index{display:none}.morph-experience .transport{bottom:66px;right:var(--gutter)}.morph-experience.complete .transport{bottom:95px;left:auto;right:var(--gutter);width:40%}.morph-experience footer{right:calc(var(--gutter) + 80px);bottom:max(10px,env(safe-area-inset-bottom))}.morph-experience .details-button{bottom:max(10px,env(safe-area-inset-bottom))}}.morph-experience.reduced *,.morph-experience.reduced :before{transition:none!important}.morph-experience.reduced .caption h1>span{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.morph-experience *,.morph-details *{transition:none!important}}.morph-details{color:#f1f0e9;touch-action:auto;-webkit-user-select:text;user-select:text;background:#161815;border:1px solid #484a43;border-radius:4px;width:min(680px,100% - 24px);max-width:none;max-height:calc(100dvh - 32px);padding:0;font-family:Arial,Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,sans-serif;font-weight:400;overflow:hidden}.morph-details::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000c7}.morph-details-panel{flex-direction:column;max-height:calc(100dvh - 34px);display:flex}.morph-details-header{border-bottom:1px solid #484a43;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:18px 24px;display:flex}.morph-details h2{letter-spacing:-.03em;margin:0;font-size:18px;font-weight:500}.morph-details h3{margin:0 0 16px;font-size:15px;font-weight:500}.morph-details-body{overscroll-behavior:contain;padding:28px 24px 20px;overflow-y:auto}.morph-details section+section{margin-top:32px}.morph-details p{overflow-wrap:anywhere;margin:0 0 16px;font-size:15px;font-weight:400;line-height:1.9}.morph-details-prompt{white-space:pre-wrap;background:#22251e;border-left:2px solid #d8fa49;padding:18px}.morph-details button{color:#d8fa49;min-height:44px;font:inherit;cursor:pointer;background:0 0;border:1px solid #6e7650;border-radius:3px;padding:8px 12px;font-size:13px;transition:border-color .2s}.morph-details button:hover{border-color:#d8fa49}.morph-details button:focus-visible{outline-offset:3px;outline:2px solid #d8fa49}.morph-details .morph-details-status{color:#b8beb0;min-height:1.9em;margin:12px 0 0;font-size:13px}