:root{--vw-unit:.0694445vw;--ink:#111;--paper:#fff;--charcoal:#2d2d2d;--blue:#004c97;--green:#13a66a;--yellow:#ffcd00;--muted:#787878}@media (max-width:991px){:root{--vw-unit:.25641vw}}*{box-sizing:border-box}html,body{background:var(--paper);min-height:100%;color:var(--ink);font-family:var(--font-inter),var(--font-noto-sans-jp),"Helvetica Neue",Arial,sans-serif;margin:0}html.display-overflow-clip,html.display-overflow-clip body{height:100svh;overflow:clip}button,input,textarea,select{font:inherit}.display-page{overscroll-behavior:none;isolation:isolate;background:#fff;width:100vw;height:100svh;min-height:0;position:relative;overflow:clip}@media (max-width:991px){.display-page{width:100%;height:100dvh;min-height:0;overflow:clip auto}}.display-scroll-viewport{overscroll-behavior:none;scrollbar-width:none;-ms-overflow-style:none;position:absolute;inset:0;overflow:clip auto}.display-scroll-viewport::-webkit-scrollbar{width:0;height:0;display:none}.display-scroll-content{position:relative;overflow:clip}@media (max-width:991px){.display-scroll-content{min-height:0;overflow:visible}}.portfolio{background-color:#fff;background-image:linear-gradient(#0000004d calc(var(--vw-unit) * 1), transparent calc(var(--vw-unit) * 1)),linear-gradient(90deg, #0000004d calc(var(--vw-unit) * 1), transparent calc(var(--vw-unit) * 1));background-size:calc(var(--vw-unit)*20) calc(var(--vw-unit)*20);min-height:100%;position:relative;overflow:hidden}@media (max-width:991px){.portfolio{background-color:#fff;background-image:linear-gradient(#0000004d calc(var(--vw-unit) * 1), transparent calc(var(--vw-unit) * 1)),linear-gradient(90deg, #0000004d calc(var(--vw-unit) * 1), transparent calc(var(--vw-unit) * 1));background-size:calc(var(--vw-unit)*19.5) calc(var(--vw-unit)*19.5);position:relative;inset:auto;overflow:visible}}.portfolio__painted-grid{z-index:0;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0;overflow:hidden}.portfolio__painted-grid-path{fill:#004c97}.portfolio__grid{z-index:1;grid-template-columns:repeat(72, calc(var(--vw-unit) * 20));grid-auto-rows:calc(var(--vw-unit)*20);padding:0 0 calc(var(--vw-unit)*120);display:grid;position:relative}@media (max-width:991px){.portfolio__grid{grid-template-columns:repeat(20, calc(var(--vw-unit) * 19.5));grid-auto-rows:calc(var(--vw-unit)*19.5);padding:0 0 calc(var(--vw-unit)*100);gap:0;display:grid;position:relative;inset:auto}}.work-card{grid-column:var(--work-card-column)/span 24;grid-row:var(--work-card-row)/span 20;width:100%;height:100%;padding:calc(var(--vw-unit)*24);border:calc(var(--vw-unit)*2) solid var(--ink);color:inherit;cursor:pointer;background:#fff;text-decoration:none;position:relative}@media (max-width:991px){.work-card{grid-column:2/span 18;grid-row:var(--work-card-mobile-row)/span 16;width:100%;max-width:none;height:100%;margin:0 auto;position:relative;top:auto;left:auto;right:auto}}.work-card:nth-child(2n){margin-top:0}.work-card__visual{aspect-ratio:40/21;border:calc(var(--vw-unit)*2) solid var(--ink);width:100%;color:inherit;background:#d9d9d9;padding:0;display:block;position:relative;overflow:hidden}.work-card__visual>img{object-fit:cover}.work-card:focus-visible{outline:calc(var(--vw-unit)*3) solid var(--ink);outline-offset:calc(var(--vw-unit)*4)}.work-card__arrow{--work-card-arrow-shift:calc(var(--vw-unit) * 56);top:calc(var(--vw-unit)*12);right:calc(var(--vw-unit)*12);width:calc(var(--vw-unit)*56);height:calc(var(--vw-unit)*56);background:var(--ink);transition:background-color .24s;position:absolute;overflow:hidden}@media (max-width:991px){.work-card__arrow{--work-card-arrow-shift:calc(var(--vw-unit) * 56);top:calc(var(--vw-unit)*12);right:calc(var(--vw-unit)*12);width:calc(var(--vw-unit)*56);height:calc(var(--vw-unit)*56)}}.work-card:hover .work-card__arrow,.work-card:focus-visible .work-card__arrow,.work-card--runner-hover .work-card__arrow{background:var(--blue)}.work-card__arrow-icon{width:calc(var(--vw-unit)*18);height:calc(var(--vw-unit)*18);background-color:var(--paper);transition:background-color .24s;position:absolute;top:50%;left:50%;-webkit-mask:url(/assets/work-card-arrow.svg) 50%/contain no-repeat;mask:url(/assets/work-card-arrow.svg) 50%/contain no-repeat}@media (max-width:991px){.work-card__arrow-icon{width:calc(var(--vw-unit)*18);height:calc(var(--vw-unit)*18)}}@media (prefers-reduced-motion:reduce){.work-card__arrow-icon{animation-duration:1ms!important}}.work-card:hover .work-card__arrow-icon,.work-card:focus-visible .work-card__arrow-icon,.work-card--runner-hover .work-card__arrow-icon{background-color:var(--yellow)}.work-card__arrow-icon--current{transform:translate(-50%,-50%)}.work-card__arrow-icon--incoming{transform:translate(calc(-50% - var(--work-card-arrow-shift)), -50%)}.work-card:hover .work-card__arrow-icon--current,.work-card:focus-visible .work-card__arrow-icon--current,.work-card--runner-hover .work-card__arrow-icon--current{animation:.42s cubic-bezier(.22,1,.36,1) both work-card-arrow-current}.work-card:hover .work-card__arrow-icon--incoming,.work-card:focus-visible .work-card__arrow-icon--incoming,.work-card--runner-hover .work-card__arrow-icon--incoming{animation:.42s cubic-bezier(.22,1,.36,1) both work-card-arrow-incoming}@keyframes work-card-arrow-current{to{transform:translate(calc(-50% + var(--work-card-arrow-shift)), -50%)}}@keyframes work-card-arrow-incoming{to{transform:translate(-50%,-50%)}}.work-card__meta{padding-top:calc(var(--vw-unit)*24)}@media (max-width:991px){.work-card__meta{padding-top:calc(var(--vw-unit)*16)}}.work-card__tags{gap:calc(var(--vw-unit)*8);margin-bottom:calc(var(--vw-unit)*16);display:flex}@media (max-width:991px){.work-card__tags{gap:calc(var(--vw-unit)*8);margin-bottom:calc(var(--vw-unit)*16)}}.work-card__tags span{padding:calc(var(--vw-unit)*6) calc(var(--vw-unit)*12);border:calc(var(--vw-unit)*2) solid var(--ink);border-radius:calc(var(--vw-unit)*1212);font-size:calc(var(--vw-unit)*12);font-weight:800;line-height:1}@media (max-width:991px){.work-card__tags span{padding:calc(var(--vw-unit)*6) calc(var(--vw-unit)*12);border-width:calc(var(--vw-unit)*2);border-radius:calc(var(--vw-unit)*1212);font-size:calc(var(--vw-unit)*12)}}.work-card h2{max-width:100%;font-size:calc(var(--vw-unit)*24);text-transform:uppercase;margin:0;font-weight:800;line-height:1.25}@media (max-width:991px){.work-card h2{font-size:calc(var(--vw-unit)*24);line-height:1.12}}.status-dot{width:calc(var(--vw-unit)*9);height:calc(var(--vw-unit)*9);margin-top:calc(var(--vw-unit)*2);border:calc(var(--vw-unit)*1) solid currentColor;background:currentColor;border-radius:50%;flex:none;display:inline-block}.status-dot--connected{color:var(--green)}.pairing-boot-curtain{z-index:249;background:#fff;display:block;position:fixed;inset:0}@media (max-width:991px){.pairing-boot-curtain{display:none!important}}.pairing-card{z-index:250;width:100%;height:100svh;padding:calc(var(--vw-unit)*80);box-shadow:none;background:#fff;border:0;display:block;position:fixed;inset:0;transform:none}@media (max-width:991px){.pairing-card{display:none!important}}.pairing-card>*{animation:.64s cubic-bezier(.22,1,.36,1) both pairing-card-item-enter}@media (prefers-reduced-motion:reduce){.pairing-card>*{animation-duration:1ms!important;animation-delay:0s!important}}.pairing-card__copy{animation-delay:60ms}.pairing-card__qr{animation-delay:.12s}.pairing-card__phone{animation-delay:.18s}.pairing-card__foot,.pairing-card__manual,.pairing-card__start{animation-delay:.24s}@keyframes pairing-card-item-enter{0%{opacity:0}to{opacity:1}}.pairing-card__title{z-index:301;top:calc(var(--vw-unit)*40);left:calc(var(--vw-unit)*40);pointer-events:none;text-align:center;padding:calc(var(--vw-unit)*8) calc(var(--vw-unit)*16);background:var(--blue);color:var(--yellow);border:calc(var(--vw-unit)*2) solid var(--ink);position:fixed}@media (max-width:991px){.pairing-card__title{display:none}}.pairing-card__title h1{font-size:calc(var(--vw-unit)*12);margin:0;font-weight:700}.pairing-card__copy{z-index:4;top:calc(var(--vw-unit)*48);width:calc(var(--vw-unit)*640);text-align:center;position:absolute;left:50%;transform:translate(-50%)}.pairing-card__copy>span,.controller-error>span{font-size:calc(var(--vw-unit)*10);letter-spacing:.14em;font-weight:800}.pairing-card--revealing{pointer-events:none;animation:.78s cubic-bezier(.22,1,.36,1) both pairing-screen-exit}@media (prefers-reduced-motion:reduce){.pairing-card--revealing{animation-duration:1ms!important}}@keyframes pairing-screen-exit{to{opacity:0}}.pairing-card__copy h1{font-size:calc(var(--vw-unit)*24);line-height:1.2}.pairing-card__phone{z-index:3;pointer-events:none;position:fixed;inset:0}.pairing-phone-model,.pairing-phone-model canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.pairing-card__qr{z-index:2;width:calc(var(--vw-unit)*260);height:calc(var(--vw-unit)*260);border:calc(var(--vw-unit)*2) solid var(--ink);background:#fff;place-items:center;display:grid;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.pairing-card__qr svg{width:calc(var(--vw-unit)*232);height:calc(var(--vw-unit)*232)}.pairing-card__foot{z-index:4;right:calc(var(--vw-unit)*80);bottom:calc(var(--vw-unit)*48);left:calc(var(--vw-unit)*80);font-size:calc(var(--vw-unit)*9);letter-spacing:.08em;justify-content:flex-end;font-weight:700;display:flex;position:absolute}.pairing-card__manual{z-index:4;bottom:calc(var(--vw-unit)*99);right:calc(var(--vw-unit)*80);align-items:center;gap:calc(var(--vw-unit)*15);color:var(--ink);font-size:calc(var(--vw-unit)*12);cursor:pointer;background:0 0;border:0;padding:0;font-weight:700;line-height:1;display:inline-flex;position:absolute}.pairing-card__manual-icon{width:calc(var(--vw-unit)*36);height:calc(var(--vw-unit)*36);background:var(--ink);flex:none;position:relative;overflow:hidden}.pairing-card__manual-arrow{width:calc(var(--vw-unit)*12);height:auto;position:absolute;top:50%;left:50%}@media (prefers-reduced-motion:reduce){.pairing-card__manual-arrow{animation-duration:1ms!important}}.pairing-card__manual-arrow--current{transform:translate(-50%,-50%)}.pairing-card__manual-arrow--incoming{transform:translate(calc(-50% - calc(var(--vw-unit) * 36)), -50%)}.pairing-card__manual:hover .pairing-card__manual-arrow--current,.pairing-card__manual:focus-visible .pairing-card__manual-arrow--current{animation:.42s cubic-bezier(.22,1,.36,1) both pairing-card-arrow-current}.pairing-card__manual:hover .pairing-card__manual-arrow--incoming,.pairing-card__manual:focus-visible .pairing-card__manual-arrow--incoming{animation:.42s cubic-bezier(.22,1,.36,1) both pairing-card-arrow-incoming}@keyframes pairing-card-arrow-current{to{transform:translate(calc(-50% + calc(var(--vw-unit) * 36)), -50%)}}@keyframes pairing-card-arrow-incoming{to{transform:translate(-50%,-50%)}}.pairing-card__manual:disabled{cursor:default;pointer-events:none}.pairing-card__manual:focus-visible{outline:calc(var(--vw-unit)*2) solid var(--ink);outline-offset:calc(var(--vw-unit)*5)}.pairing-card__start{z-index:4;bottom:calc(var(--vw-unit)*48);justify-items:center;gap:calc(var(--vw-unit)*14);width:calc(var(--vw-unit)*520);padding:calc(var(--vw-unit)*20);border:calc(var(--vw-unit)*2) solid var(--ink);background:var(--paper);text-align:center;display:grid;position:absolute;left:50%;transform:translate(-50%)}.pairing-card__start p{font-size:calc(var(--vw-unit)*13);margin:0;font-weight:700;line-height:1.5}.pairing-card__start button{padding:calc(var(--vw-unit)*13) calc(var(--vw-unit)*24);border:calc(var(--vw-unit)*2) solid var(--ink);background:var(--ink);color:#fff;font-family:var(--font-noto-sans-jp),"Helvetica Neue",Arial,sans-serif;font-size:calc(var(--vw-unit)*12);cursor:pointer;font-weight:800;transition:border-color .16s,background-color .16s}.pairing-card__start button:hover:not(:disabled){border-color:var(--blue);background:var(--blue)}.pairing-card__start button:disabled{cursor:wait;opacity:.48}.pairing-card__start button:focus-visible{outline:calc(var(--vw-unit)*3) solid var(--ink);outline-offset:calc(var(--vw-unit)*4)}.connected-banner{z-index:24;top:calc(var(--vw-unit)*40);right:calc(var(--vw-unit)*40);align-items:center;gap:calc(var(--vw-unit)*8);font-family:var(--font-noto-sans-jp),"Helvetica Neue",Arial,sans-serif;font-size:calc(var(--vw-unit)*10);background:#fff;font-weight:800;line-height:1;display:flex;position:fixed;bottom:auto}@media (max-width:991px){.connected-banner{display:none!important}}.connected-banner .status-dot{width:calc(var(--vw-unit)*11);height:calc(var(--vw-unit)*11);border:0;margin-top:0}.sound-status{appearance:none;z-index:251;bottom:calc(var(--vw-unit)*40);left:calc(var(--vw-unit)*40);align-items:center;gap:calc(var(--vw-unit)*9);padding:calc(var(--vw-unit)*12) calc(var(--vw-unit)*14);border:calc(var(--vw-unit)*2) solid var(--ink);color:var(--ink);cursor:pointer;font-family:var(--font-noto-sans-jp),"Helvetica Neue",Arial,sans-serif;font-size:calc(var(--vw-unit)*10);background:#fff;border-radius:0;font-weight:800;line-height:1;display:inline-flex;position:fixed}.sound-status:active:not(:disabled){transform:translateY(calc(var(--vw-unit) * 1))}.sound-status:focus-visible{outline:calc(var(--vw-unit)*3) solid var(--blue);outline-offset:calc(var(--vw-unit)*3)}.sound-status:disabled{cursor:wait;opacity:.62}@media (max-width:991px){.sound-status{display:none!important}}.sound-status__indicator{width:calc(var(--vw-unit)*8);height:calc(var(--vw-unit)*8);border:calc(var(--vw-unit)*1) solid currentColor;background:0 0;border-radius:50%}.sound-status--enabled{background:var(--ink);color:#fff}.sound-status--enabled .sound-status__indicator{border-color:var(--blue);background:var(--blue)}.controller-connect-prompt{z-index:24;right:calc(var(--vw-unit)*40);bottom:calc(var(--vw-unit)*40);align-items:center;gap:calc(var(--vw-unit)*20);padding:calc(var(--vw-unit)*16);border:calc(var(--vw-unit)*2) solid var(--ink);color:var(--ink);font-family:var(--font-noto-sans-jp),"Helvetica Neue",Arial,sans-serif;background:#fff;display:flex;position:fixed}@media (max-width:991px){.controller-connect-prompt{display:none!important}}.controller-connect-prompt__copy{gap:calc(var(--vw-unit)*8);display:grid}.controller-connect-prompt__copy strong{font-size:calc(var(--vw-unit)*12);line-height:1}.controller-connect-prompt__copy span{font-size:calc(var(--vw-unit)*9);color:#555;white-space:nowrap;line-height:1}.reconnect-controller-button{align-items:center;gap:calc(var(--vw-unit)*10);padding:calc(var(--vw-unit)*12) calc(var(--vw-unit)*16);border:calc(var(--vw-unit)*2) solid var(--ink);background:var(--blue);color:#fff;font-family:var(--font-noto-sans-jp),"Helvetica Neue",Arial,sans-serif;font-size:calc(var(--vw-unit)*12);cursor:pointer;flex:none;font-weight:800;line-height:1;transition:background-color .24s;display:inline-flex}@media (max-width:991px){.reconnect-controller-button{display:none!important}}.reconnect-controller-button__icon{width:calc(var(--vw-unit)*24);height:calc(var(--vw-unit)*24);filter:brightness(0)invert();transform-origin:50%;flex:none}@media (prefers-reduced-motion:reduce){.reconnect-controller-button__icon{animation-duration:1ms!important}}.reconnect-controller-button:hover{background:var(--ink);box-shadow:none}.reconnect-controller-button:hover .reconnect-controller-button__icon,.reconnect-controller-button:focus-visible .reconnect-controller-button__icon{animation:.42s cubic-bezier(.22,1,.36,1) both reconnect-controller-icon-spin}@keyframes reconnect-controller-icon-spin{to{transform:rotate(360deg)}}.reconnect-controller-button:focus-visible{outline:calc(var(--vw-unit)*3) solid var(--ink);outline-offset:calc(var(--vw-unit)*4)}.remote-cursor{z-index:18;pointer-events:none;position:fixed;inset:0}@media (max-width:991px){.remote-cursor{display:none!important}}.runner-stage{isolation:isolate;width:100%;height:100%;position:relative}.runner-model{z-index:2;width:100%;height:100%;display:block;position:relative}.work-detail{z-index:300;opacity:0;pointer-events:none;background:#0000004d;transition:opacity .65s;position:fixed;inset:0;overflow:hidden}@media (prefers-reduced-motion:reduce){.work-detail{animation-duration:1ms!important}}.work-detail--visible{opacity:1;pointer-events:auto}.work-detail__panel{top:calc(var(--vw-unit)*80);right:calc(var(--vw-unit)*80);bottom:0;left:calc(var(--vw-unit)*80);border:calc(var(--vw-unit)*2) solid var(--ink);color:var(--ink);overscroll-behavior:contain;transform:translateX(calc(100% + var(--vw-unit) * 80));scrollbar-width:none;-ms-overflow-style:none;background:#fff;transition:transform .65s cubic-bezier(.22,1,.36,1);position:absolute;overflow:clip auto}.work-detail__panel::-webkit-scrollbar{width:0;height:0;display:none}@media (max-width:991px){.work-detail__panel{border-bottom:0;border-left:0;border-right:0;top:0;left:0;right:0;transform:translate(100%)}}@media (prefers-reduced-motion:reduce){.work-detail__panel{animation-duration:1ms!important}}.work-detail--visible .work-detail__panel{transform:translate(0)}.work-detail__close{z-index:102;width:calc(var(--vw-unit)*80);height:calc(var(--vw-unit)*80);border:calc(var(--vw-unit)*2) solid var(--ink);background:var(--blue);cursor:pointer;place-items:center;padding:0;transition:background-color .24s;display:grid;position:fixed;top:0;right:0;overflow:hidden}@media (max-width:991px){.work-detail__close{width:calc(var(--vw-unit)*56);height:calc(var(--vw-unit)*56)}}.work-detail__close>span{width:calc(var(--vw-unit)*28);height:calc(var(--vw-unit)*28);display:block;position:relative}@media (max-width:991px){.work-detail__close>span{width:calc(var(--vw-unit)*20);height:calc(var(--vw-unit)*20)}}.work-detail__close>span:before,.work-detail__close>span:after{width:100%;height:calc(var(--vw-unit)*4);background:var(--yellow);content:"";transform-origin:50%;transition:left .32s cubic-bezier(.22,1,.36,1),width .32s cubic-bezier(.22,1,.36,1),transform .32s cubic-bezier(.22,1,.36,1);position:absolute;top:50%;left:50%}@media (max-width:991px){.work-detail__close>span:before,.work-detail__close>span:after{height:calc(var(--vw-unit)*3)}}.work-detail__close>span:before{transform:translate(-50%,-50%)rotate(45deg)}.work-detail__close>span:after{transform:translate(-50%,-50%)rotate(-45deg)}.work-detail__close:hover,.work-detail__close:focus-visible,.work-detail__close--closing{background:var(--ink)}.work-detail__close:hover>span:before,.work-detail__close:focus-visible>span:before,.work-detail__close--closing>span:before,.work-detail__close:hover>span:after,.work-detail__close:focus-visible>span:after,.work-detail__close--closing>span:after{width:82%;transform-origin:calc(var(--vw-unit)*2) center;left:14%}@media (max-width:991px){.work-detail__close:hover>span:before,.work-detail__close:focus-visible>span:before,.work-detail__close--closing>span:before,.work-detail__close:hover>span:after,.work-detail__close:focus-visible>span:after,.work-detail__close--closing>span:after{transform-origin:calc(var(--vw-unit)*1.5) center}}.work-detail__close:hover>span:before,.work-detail__close:focus-visible>span:before,.work-detail__close--closing>span:before{transform:translateY(-50%)rotate(-45deg)}.work-detail__close:hover>span:after,.work-detail__close:focus-visible>span:after,.work-detail__close--closing>span:after{transform:translateY(-50%)rotate(45deg)}.work-detail__close:focus-visible{outline:none}.work-detail__inner{width:100%;padding:calc(var(--vw-unit)*80);margin:0 auto}@media (max-width:991px){.work-detail__inner{width:100%;padding:calc(var(--vw-unit)*88) calc(var(--vw-unit)*20) calc(var(--vw-unit)*80)}}.work-detail__hero{aspect-ratio:2400/1260;border:calc(var(--vw-unit)*2) solid var(--ink);background:#d9d9d9;width:100%;position:relative;overflow:hidden}@media (max-width:991px){.work-detail__hero{border-width:calc(var(--vw-unit)*2);height:auto}}.work-detail__hero img{object-fit:cover}.work-detail__header{align-items:flex-start;gap:calc(var(--vw-unit)*24);margin-top:calc(var(--vw-unit)*64);flex-direction:column;display:flex}@media (max-width:991px){.work-detail__header{gap:calc(var(--vw-unit)*18);margin-top:calc(var(--vw-unit)*32)}}.work-detail__tags{gap:calc(var(--vw-unit)*8);display:flex}@media (max-width:991px){.work-detail__tags{gap:calc(var(--vw-unit)*8)}}.work-detail__tags span{padding:calc(var(--vw-unit)*6) calc(var(--vw-unit)*12);border:calc(var(--vw-unit)*2) solid var(--ink);border-radius:calc(var(--vw-unit)*1212);font-size:calc(var(--vw-unit)*12);font-weight:800;line-height:1}@media (max-width:991px){.work-detail__tags span{padding:calc(var(--vw-unit)*6) calc(var(--vw-unit)*12);border-width:calc(var(--vw-unit)*2);border-radius:calc(var(--vw-unit)*1212);font-size:calc(var(--vw-unit)*12)}}.work-detail__header h2{font-size:calc(var(--vw-unit)*48);text-transform:uppercase;margin:0;font-weight:800;line-height:1}@media (max-width:991px){.work-detail__header h2{font-size:calc(var(--vw-unit)*32);line-height:1.08}}.work-detail__body{margin-top:calc(var(--vw-unit)*64);font-family:var(--font-noto-sans-jp),"Helvetica Neue",Arial,sans-serif;font-size:calc(var(--vw-unit)*24);font-weight:500;line-height:2}@media (max-width:991px){.work-detail__body{margin-top:calc(var(--vw-unit)*44);font-size:calc(var(--vw-unit)*16);line-height:1.9}}.work-detail__body section{margin:0 0 calc(var(--vw-unit)*32)}.work-detail__body h3,.work-detail__body h4,.work-detail__body p,.work-detail__body ul{margin-top:0}.work-detail__body h3,.work-detail__body h4{font-size:inherit;margin-bottom:0;line-height:2}.work-detail__body p,.work-detail__body ul{margin-bottom:0}.work-detail__body ul{padding:0;list-style:none}.work-detail__body li:before{content:"・"}@keyframes controller-loading-progress{0%{transform:translate(-100%)}to{transform:translate(260%)}}@keyframes controller-ui-reveal{0%{opacity:0}to{opacity:1}}.controller-page{--controller-unit:min(.25641vw, .118483svh);background-color:var(--paper);background-image:linear-gradient(#1111114d calc(var(--controller-unit) * 1), transparent calc(var(--controller-unit) * 1)),linear-gradient(90deg, #1111114d calc(var(--controller-unit) * 1), transparent calc(var(--controller-unit) * 1));background-position:calc(50% - var(--controller-unit)*195) calc(50% - var(--controller-unit)*422);background-size:calc(var(--controller-unit)*19.5) calc(var(--controller-unit)*19.5);min-height:100svh;color:var(--ink);touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;flex-direction:column;padding:0;display:flex;position:fixed;inset:0;overflow:hidden}.controller-page--center{justify-content:center;align-items:center}.controller-popup{z-index:400;padding:calc(var(--vw-unit)*16);background:#0000007a;place-items:center;display:grid;position:fixed;inset:0}@media (max-width:991px){.controller-popup{transform:none!important}}.controller-popup__panel{width:min(var(--vw-unit)*440,100%);height:min(var(--vw-unit)*888,100svh - var(--vw-unit)*32);border:calc(var(--vw-unit)*2) solid var(--ink);background:var(--paper);position:relative;overflow:hidden}.controller-popup__drag-handle{display:none}.controller-page--embedded{--controller-unit:var(--vw-unit);width:100%;height:100%;min-height:100%;position:relative;inset:auto}.controller-ui{width:calc(var(--controller-unit)*390);height:calc(var(--controller-unit)*844);opacity:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.controller-ui--waiting{opacity:0;pointer-events:none}.controller-ui--ready{animation:.5s ease-out both controller-ui-reveal}@media (prefers-reduced-motion:reduce){.controller-ui--ready{animation:none}}.controller-loading{z-index:20;padding:calc(var(--controller-unit)*28);background-color:var(--paper);background-image:linear-gradient(#1111114d calc(var(--controller-unit) * 1), transparent calc(var(--controller-unit) * 1)),linear-gradient(90deg, #1111114d calc(var(--controller-unit) * 1), transparent calc(var(--controller-unit) * 1));background-position:calc(50% - var(--controller-unit)*195) calc(50% - var(--controller-unit)*422);background-size:calc(var(--controller-unit)*19.5) calc(var(--controller-unit)*19.5);text-align:center;place-items:center;display:grid;position:absolute;inset:0}.controller-loading__content{width:100%;padding:calc(var(--controller-unit)*30) calc(var(--controller-unit)*24);border:calc(var(--controller-unit)*2) solid var(--ink);background:var(--paper)}.controller-loading__content>span:first-child{font-size:calc(var(--controller-unit)*10);letter-spacing:.14em;font-weight:900}.controller-loading__content h1{margin:calc(var(--controller-unit)*16) 0 0;font-size:calc(var(--controller-unit)*24);line-height:1.35}.controller-loading__content p{margin:calc(var(--controller-unit)*14) 0 0;font-size:calc(var(--controller-unit)*12);line-height:1.8}.controller-loading__progress{width:100%;height:calc(var(--controller-unit)*3);margin-top:calc(var(--controller-unit)*28);background:#1111112e;display:block;position:relative;overflow:hidden}.controller-loading__progress>span{background:var(--blue);width:38%;animation:1.2s ease-in-out infinite controller-loading-progress;position:absolute;inset:0 auto 0 0}@media (prefers-reduced-motion:reduce){.controller-loading__progress>span{width:100%;animation:none}}.controller-page--embedded .controller-ui{width:100%;height:100%;position:relative;top:auto;left:auto;transform:none}@media (min-width:992px){.controller-popup{inset:calc(var(--vw-unit)*16) calc(var(--vw-unit)*16) auto auto;background:0 0;padding:0;display:block}.controller-popup__panel{width:calc(var(--vw-unit)*280);height:min(var(--vw-unit)*430,100svh - var(--vw-unit)*32);border-width:calc(var(--vw-unit)*2)}.controller-popup__drag-handle{z-index:5;width:100%;height:calc(var(--vw-unit)*18);touch-action:none;cursor:grab;background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;top:0;left:0}.controller-popup__drag-handle:active{cursor:grabbing}.controller-popup__drag-handle>span{width:calc(var(--vw-unit)*36);height:calc(var(--vw-unit)*3);border-radius:calc(var(--vw-unit)*3);pointer-events:none;background:#11111194;display:block}.controller-popup__drag-handle:focus-visible{outline:calc(var(--vw-unit)*2) solid var(--ink);outline-offset:calc(var(--vw-unit)*-4)}.controller-page--embedded{padding:0 calc(var(--controller-unit)*14) calc(var(--controller-unit)*14)}.controller-page--embedded .joystick-section{--joystick-size:calc(var(--controller-unit) * 180);width:calc(var(--controller-unit)*252);height:calc(var(--controller-unit)*252);margin:calc(var(--controller-unit)*62) auto 0;position:relative;top:auto;left:auto;transform:none}.controller-page--embedded .controller-error{padding:calc(var(--controller-unit)*18)}.controller-page--embedded .controller-error h1{margin:calc(var(--controller-unit)*12) 0 calc(var(--controller-unit)*8);font-size:calc(var(--controller-unit)*16)}}.controller-status-bar{top:calc(var(--controller-unit)*32);left:calc(var(--controller-unit)*19);justify-content:space-between;align-items:stretch;gap:calc(var(--controller-unit)*20);width:calc(var(--controller-unit)*360);height:calc(var(--controller-unit)*59);display:flex;position:absolute}.controller-status-card,.controller-sound-button{justify-content:center;align-items:flex-start;gap:calc(var(--controller-unit)*4);height:calc(var(--controller-unit)*59);padding:calc(var(--controller-unit)*8) calc(var(--controller-unit)*12);border:calc(var(--controller-unit)*2) solid var(--ink);font-family:var(--font-inter),var(--font-noto-sans-jp),"Helvetica Neue",Arial,sans-serif;flex-direction:column;font-weight:900;line-height:normal;display:flex;overflow:hidden}.controller-status-card{background:0 0;border:none;flex-shrink:1;width:auto}.controller-status-card>strong,.controller-sound-button>strong{font-size:calc(var(--controller-unit)*14);font-weight:900}.controller-status-card__row,.controller-sound-button__row{align-items:center;gap:calc(var(--controller-unit)*7);font-family:var(--font-noto-sans-jp),"Helvetica Neue",Arial,sans-serif;font-size:calc(var(--controller-unit)*10);white-space:nowrap;font-weight:900;display:flex}.controller-status-card__dot,.controller-sound-button__dot{width:calc(var(--controller-unit)*8);height:calc(var(--controller-unit)*8);border:calc(var(--controller-unit)*1) solid currentColor;border-radius:50%;flex:none}.controller-status-card__dot--connected{border-color:var(--green);background:var(--green)}.controller-status-card__dot--connecting{background:0 0}.controller-sound-button{width:calc(50% - var(--controller-unit)*10);background:var(--paper);color:var(--ink);text-align:left;cursor:pointer;touch-action:manipulation;border-radius:0}.controller-sound-button__dot{background:0 0}.controller-sound-button--enabled{background:var(--ink);color:var(--paper)}.controller-sound-button--enabled .controller-sound-button__dot{border-color:var(--blue);background:var(--blue)}.controller-sound-button:active:not(:disabled){transform:scale(.98)}.controller-sound-button:focus-visible{outline:calc(var(--controller-unit)*3) solid var(--blue);outline-offset:calc(var(--controller-unit)*3)}.controller-sound-button:disabled{cursor:not-allowed;opacity:.48}.controller-action{bottom:calc(var(--controller-unit)*32);left:calc(var(--controller-unit)*19.5);align-items:center;gap:calc(var(--controller-unit)*20);width:calc(var(--controller-unit)*360);height:calc(var(--controller-unit)*64);display:flex;position:absolute}.controller-click-button{justify-content:center;align-items:center;gap:calc(var(--controller-unit)*10);width:50%;height:calc(var(--controller-unit)*64);border:calc(var(--controller-unit)*2) solid var(--ink);background:var(--ink);color:var(--paper);font-family:var(--font-inter),var(--font-noto-sans-jp),"Helvetica Neue",Arial,sans-serif;font-size:calc(var(--controller-unit)*16);letter-spacing:calc(var(--controller-unit)*1.5);touch-action:manipulation;cursor:pointer;white-space:nowrap;border-radius:0;padding:0;font-weight:900;line-height:normal;transition:transform .12s;display:flex}.controller-click-button:active:not(:disabled){transform:scale(.97)}.controller-click-button img{width:calc(var(--controller-unit)*39);height:calc(var(--controller-unit)*39);pointer-events:none;flex:none}.controller-click-button--enter{background:var(--blue)}.controller-click-button:focus-visible{outline:calc(var(--controller-unit)*3) solid var(--ink);outline-offset:calc(var(--controller-unit)*4)}.controller-click-button:disabled{opacity:.36;cursor:not-allowed}.joystick-section{--joystick-size:calc(var(--controller-unit) * 273);width:calc(var(--controller-unit)*350);height:calc(var(--controller-unit)*350);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.joystick-direction{width:calc(var(--controller-unit)*34);height:calc(var(--controller-unit)*34);pointer-events:none;place-items:center;display:grid;position:absolute}.joystick-direction:before{width:calc(var(--controller-unit)*12.7);height:calc(var(--controller-unit)*12.7);border-bottom:calc(var(--controller-unit)*4) solid var(--ink);border-left:calc(var(--controller-unit)*4) solid var(--ink);content:""}.joystick-direction--up{top:calc(var(--controller-unit)*-5);left:50%;transform:translate(-50%)}.joystick-direction--up:before{transform:rotate(135deg)}.joystick-direction--right{top:50%;right:calc(var(--controller-unit)*-5);transform:translateY(-50%)}.joystick-direction--right:before{transform:rotate(-135deg)}.joystick-direction--down{bottom:calc(var(--controller-unit)*-5);left:50%;transform:translate(-50%)}.joystick-direction--down:before{transform:rotate(-45deg)}.joystick-direction--left{top:50%;left:calc(var(--controller-unit)*-5);transform:translateY(-50%)}.joystick-direction--left:before{transform:rotate(45deg)}.joystick{width:var(--joystick-size);height:var(--joystick-size);touch-action:none;cursor:grab;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.joystick:active{cursor:grabbing}.joystick--disabled{opacity:.42;cursor:not-allowed}.joystick__disc{border:calc(var(--controller-unit)*2) solid var(--ink);pointer-events:none;-webkit-user-select:none;user-select:none;will-change:transform;background:#b3b3b5;border-radius:50%;display:block;position:absolute;inset:0}.joystick__ring,.joystick__thumb{pointer-events:none;-webkit-user-select:none;user-select:none;border-radius:50%;display:block;position:absolute;top:50%;left:50%}.joystick__ring--middle{width:calc(var(--joystick-size)*.785714);height:calc(var(--joystick-size)*.785714);background:#dcdcdc;transform:translate(-50%,-50%)}.joystick__ring--inner{width:calc(var(--joystick-size)*.571429);height:calc(var(--joystick-size)*.571429);background:#f5f5f5;transform:translate(-50%,-50%)}.joystick__thumb{width:calc(var(--joystick-size)*.285714);height:calc(var(--joystick-size)*.285714);margin-top:calc(var(--joystick-size)*-.142857);margin-left:calc(var(--joystick-size)*-.142857);background:var(--paper)}.controller-error{width:min(100%,var(--controller-unit)*390);padding:calc(var(--controller-unit)*30);border:calc(var(--controller-unit)*2) solid var(--ink);background:var(--paper);color:var(--ink)}.controller-error h1{margin:calc(var(--controller-unit)*20) 0 calc(var(--controller-unit)*14);font-size:calc(var(--controller-unit)*24);line-height:1.45}.controller-error p{font-size:calc(var(--controller-unit)*12);color:#1119;margin:0;line-height:1.8}
