.lil-gui{width:300px!important}body[data-debug="1"] .lil-gui{display:block}body:not([data-loaded="1"]){cursor:wait}#world{width:100vw;height:100svh;opacity:0}body[data-loaded="1"] #world{transition:1s ease opacity;opacity:1}h1{position:fixed;top:24px;left:24px;z-index:300;font-size:20px;line-height:1;font-weight:700;-webkit-text-transform:uppercase;text-transform:uppercase;font-feature-settings:"palt" 1;color:var(--white);filter:drop-shadow(3px 3px 1px rgba(55,55,55,.1))}#video{pointer-events:none;user-select:none;position:fixed;left:0;bottom:0;margin:auto;width:20%;height:20%;transform:scaleX(-1);z-index:1000;box-sizing:border-box;opacity:.5;opacity:0;object-fit:cover}.lHeader{position:fixed;top:24px;right:24px;z-index:100;display:flex;gap:12px}.cLightMode,.cAudioSwitch,.cTypeMode{position:relative;z-index:0;display:block;width:max-content;height:max-content;height:40px;padding:0 8px;box-sizing:border-box;border-radius:24px;border:solid 1px rgba(255,255,255,.5);background:rgba(255,255,255,.25);-webkit-backdrop-filter:blru(4px);backdrop-filter:blru(4px);filter:var(--drop-shadow-btn)}.cLightMode__note,.cAudioSwitch__note,.cTypeMode__note{pointer-events:none;position:absolute;top:72px;right:0;z-index:1;width:max-content;height:max-content;white-space:nowrap;opacity:0;filter:blur(8px);transition:.1s ease opacity,.1s ease filter}.cLightMode__note .ja,.cLightMode__note .en,.cAudioSwitch__note .ja,.cAudioSwitch__note .en,.cTypeMode__note .ja,.cTypeMode__note .en{line-height:1.5;font-size:10px;text-align:right;font-feature-settings:var(--ffs);filter:drop-shadow(1.5px 1.5px 1px rgba(0,0,0,.2))}.cLightMode__note .ja,.cAudioSwitch__note .ja,.cTypeMode__note .ja{letter-spacing:1px}.cLightMode__note hr,.cAudioSwitch__note hr,.cTypeMode__note hr{position:relative;right:.5px;z-index:0;background:rgba(255,255,255,.5);width:48px;height:1px;margin:12px 0 12px auto;border:none}.cLightMode__note .en,.cAudioSwitch__note .en,.cTypeMode__note .en{letter-spacing:.2px}.cLightMode:hover+.cLightMode__note,.cAudioSwitch:hover+.cAudioSwitch__note,.cTypeMode:hover+.cTypeMode__note{transition:.6s ease opacity,.6s ease filter;opacity:1;filter:blur(0px)}.cLightMode__note span,.cTypeMode__note span{margin-right:-1.5px}.cLightMode__btns,.cAudioSwitch__btns,.cTypeMode__btns{position:relative;z-index:2;display:flex;align-items:center;gap:0px 8px;width:max-content;height:100%}.cBtnLight,.cBtnAudio,.cBtnType{position:relative;z-index:0;display:flex;align-items:center;justify-content:center;border-radius:50%;border:solid 1px rgba(255,255,255,.8);box-sizing:border-box}.cBtnLight:before,.cBtnAudio:before,.cBtnType:before{pointer-events:none;user-select:none;content:"";position:absolute;inset:0;z-index:0;margin:auto;width:100%;height:100%;border-radius:50%;background:var(--white);transform:scale(0);transform-origin:center;transition:.1s ease transform}.cBtnLight svg,.cBtnAudio svg,.cBtnType svg{pointer-events:none;user-select:none;position:relative;z-index:1;width:16px;height:16px}.cBtnLight svg path,.cBtnAudio svg path,.cBtnType svg path{fill:var(--gray)}.cLightMode__ellipse,.cAudioSwitch__ellipse,.cTypeMode__ellipse{position:absolute;top:8px;left:8px;z-index:1;width:24px;height:24px;border-radius:50%;background:var(--white);transform:translate(0);transition:.6s cubic-bezier(.68,-.6,.32,1.6) transform}body[data-light-mode="0"] .cLightMode{border:solid 1px rgba(255,255,255,.5);background:rgba(255,255,255,.1);filter:var(--drop-shadow-ui)}body[data-light-mode="0"] .cLightMode__ellipse{transform:translate(0)}body[data-light-mode="1"] .cLightMode__ellipse{transform:translate(32px)}body[data-light-mode="2"] .cLightMode__ellipse{transform:translate(64px)}body[data-light-mode="0"] .cAudioSwitch{border:solid 1px rgba(255,255,255,.5);background:rgba(255,255,255,.1);filter:var(--drop-shadow-ui)}body[data-audio="0"] .cAudioSwitch__ellipse{transform:translate(0)}body[data-audio="1"] .cAudioSwitch__ellipse{transform:translate(32px)}body[data-light-mode="0"] .cTypeMode{border:solid 1px rgba(255,255,255,.5);background:rgba(255,255,255,.1);filter:var(--drop-shadow-ui)}body[data-operate-mode="0"] .cTypeMode__ellipse{transform:translate(0)}body[data-operate-mode="1"] .cTypeMode__ellipse{transform:translate(32px)}.lDoor{position:fixed;inset:0;z-index:200;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:rgba(249,242,229,.5);opacity:1}body:not([data-enter="1"]) .lDoor{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}body[data-enter="1"] .lDoor{pointer-events:none;user-select:none;opacity:0;transition:1s ease opacity,1s ease backdrop-filter;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}.lDoor__center{position:relative;top:48px;z-index:0;opacity:0}body[data-loaded="1"] .lDoor__center{opacity:1;transition:2s .3s ease opacity}body[data-await="1"] .lDoor__center{pointer-events:none;user-select:none;opacity:0;transition:.3s ease opacity}.lDoor__des{position:relative;z-index:0;margin:auto}.lDoor__des:before{position:absolute;inset:0;z-index:0;margin:auto;width:2px;height:100%;background:rgba(255,255,255,.5)}.lDoor__des p{font-size:12px;letter-spacing:.12px;line-height:1.6;color:var(--white);filter:drop-shadow(1.5px 1.5px 1px rgba(0,0,0,.2));font-feature-settings:var(--ffs)}.lDoor__des p.lDoor__des__ja{letter-spacing:1.2px}.lDoor__des p.lDoor__des__ja span.t1{position:relative;top:.5px}.lDoor__des__ja{position:relative}.lDoor__choice{margin-top:32px;position:relative;left:50%;z-index:0}.cChoice{position:relative;z-index:0;display:block;width:max-content;height:max-content;height:48px;padding:0 8px;box-sizing:border-box;border-radius:24px;border:solid 1px rgba(255,255,255,.5);background:rgba(255,255,255,.25);-webkit-backdrop-filter:blru(4px);backdrop-filter:blru(4px);filter:var(--drop-shadow-btn)}.cChoice__btns{position:relative;z-index:1;display:flex;align-items:center;gap:0px 8px;width:max-content;height:100%}.cBtnChoice{position:relative;z-index:0;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:24px;border:solid 1px rgba(255,255,255,.8);box-sizing:border-box;padding:8px 12px;background:rgba(255,255,255,0);transition:.3s ease background}body[data-operate-mode="0"] .cBtnChoice.cBtnChoice-finger,body[data-operate-mode="1"] .cBtnChoice.cBtnChoice-pointer{pointer-events:none;user-select:none;background:white}.cBtnChoice__icon{display:flex;align-items:center;justify-content:center;width:max-content;height:max-content}.cBtnChoice__icon svg{pointer-events:none;user-select:none;position:relative;z-index:1;width:16px;height:16px}.cBtnChoice__icon svg path{fill:var(--gray)}.cBtnChoice__txt{font-size:12px;letter-spacing:.12px;line-height:1;color:var(--gray)}.lDoor__btn{margin-top:24px}.cBtnStart{position:relative;left:0;z-index:0;display:flex;align-items:center;justify-content:center;width:max-content;height:max-content;height:48px;padding:0 24px;box-sizing:border-box;border-radius:24px;border:solid 1px rgba(255,255,255,.5);background:rgba(255,255,255,.25);-webkit-backdrop-filter:blru(4px);backdrop-filter:blru(4px);filter:var(--drop-shadow-btn);margin:auto;color:var(--gray);font-size:12px;letter-spacing:.12px;transition:.3s ease background}.cBtnStart .e{display:inline-block;padding-left:4px;position:relative;top:-.75px;font-size:13px}.lNotice{position:fixed;z-index:110;left:0;right:0;margin:auto;width:max-content;max-width:calc(100% - 48px);padding:8px 24px;box-sizing:border-box;border-radius:24px;border:solid 1px rgba(255,255,255,.5);background:rgba(255,255,255,.25);-webkit-backdrop-filter:blru(4px);backdrop-filter:blru(4px);filter:var(--drop-shadow-ui);pointer-events:none;user-select:none;opacity:0}body[data-light-mode="0"] .lNotice{background:rgba(255,255,255,.1)}.lNotice p{position:relative;z-index:0;font-size:14px;line-height:1.6;font-feature-settings:var(--ffs);color:var(--white);transition:.3s ease color}body[data-light-mode="0"] .lNotice p{color:#6f6f6fcc}.lNotice p .ja{letter-spacing:1.4px}.lNotice p .t{padding:0 8px 0 6px}.lNotice p .en{letter-spacing:.28px}.lNotice-top{top:96px;pointer-events:none;user-select:none}body[data-enter="1"][data-operate-mode="0"][data-enable-finger="1"][data-many-finger="1"] .lNotice-top{opacity:1;transition:.3s 0s ease opacity}body[data-enter="1"][data-operate-mode="0"][data-enable-finger="0"][data-many-finger="0"] .lNotice-top{opacity:0;transition:1s 1s ease opacity}.lNotice-btm{bottom:96px;pointer-events:none;user-select:none;opacity:0}body[data-enter="1"][data-operate-mode="0"][data-enable-finger="1"] .lNotice-btm{opacity:0;transition:.3s 0s ease opacity}body[data-enter="1"][data-operate-mode="0"][data-enable-finger="0"] .lNotice-btm{opacity:1;transition:1s 1s ease opacity}.lLoading{pointer-events:none;user-select:none;position:fixed;inset:0;z-index:300;margin:auto;width:32px;height:32px;display:flex;align-items:center;justify-content:center;opacity:1;filter:drop-shadow(2px 2px 1px rgba(0,0,0,.2))}body[data-loaded="1"]:not([data-await="1"]):not([data-enter="1"]) .lLoading{animation:.8s cubic-bezier(.16,1,.3,1) LoadedLoading forwards}body[data-loaded="1"][data-await="1"] .lLoading{opacity:1}body[data-loaded="1"][data-enter="1"] .lLoading{opacity:1;animation:.8s cubic-bezier(.16,1,.3,1) LoadedLoading forwards}.lLoading img{width:100%;height:100%;object-fit:contain}@keyframes LoadedLoading{0%{opacity:1;transform:rotate(0)}80%{opacity:0}to{opacity:0;transform:rotate(180deg)}}@media (min-width: 769px){h1{font-size:max(20px,20rem)}.cLightMode,.cAudioSwitch,.cTypeMode{border:solid max(1px,1rem) rgba(255,255,255,.5);height:max(40px,40rem);padding:0 max(8px,8rem);border-radius:max(24px,24rem)}.cLightMode__btns,.cAudioSwitch__btns,.cTypeMode__btns{gap:0px max(8px,8rem)}.cBtnLight,.cBtnAudio,.cBtnType{width:max(24px,24rem);height:max(24px,24rem)}.cBtnLight svg,.cBtnAudio svg,.cBtnType svg{width:max(16px,16rem);height:max(16px,16rem)}.cLightMode__ellipse,.cAudioSwitch__ellipse,.cTypeMode__ellipse{top:max(8px,8rem);left:max(8px,8rem);width:max(24px,24rem);height:max(24px,24rem)}body[data-light-mode="0"] .cLightMode{border:solid max(1px,1rem) rgba(255,255,255,.5)}body[data-light-mode="1"] .cLightMode__ellipse{transform:translate(max(32px,32rem))}body[data-light-mode="2"] .cLightMode__ellipse{transform:translate(max(64px,64rem))}body[data-light-mode="0"] .cAudioSwitch{border:solid max(1px,1rem) rgba(255,255,255,.5)}body[data-audio="1"] .cAudioSwitch__ellipse{transform:translate(max(32px,32rem))}body[data-light-mode="0"] .cTypeMode{border:solid max(1px,1rem) rgba(255,255,255,.5)}body[data-operate-mode="1"] .cTypeMode__ellipse{transform:translate(max(32px,32rem))}.cChoice{height:max(48px,48rem);padding:0 max(8px,8rem);border-radius:max(24px,24rem);border:solid max(1px,1rem) rgba(255,255,255,.5)}.cChoice__btns{gap:0px max(8px,8rem)}.cBtnChoice{gap:max(8px,8rem);border-radius:max(24px,24rem);border:solid max(1px,1rem) rgba(255,255,255,.8);padding:max(8px,8rem) max(12px,12rem)}.cBtnChoice__icon svg{width:max(16px,16rem);height:max(16px,16rem)}.cBtnChoice__txt{font-size:max(12px,12rem);letter-spacing:max(.12px,.12rem)}.lDoor__btn{margin-top:max(24px,24rem)}.cBtnStart{height:max(48px,48rem);padding:0 max(24px,24rem);border-radius:max(24px,24rem);border:solid max(1px,1rem) rgba(255,255,255,.5);font-size:max(12px,12rem);letter-spacing:max(.12px,.12rem)}.cBtnStart .e{padding-left:max(4px,4rem);position:relative;top:min(-.75px,-.75rem);font-size:max(13px,13rem)}.lNotice{max-width:calc(100% - max(48px,48rem));padding:max(8px,8rem) max(24px,24rem);border-radius:max(24px,24rem)}.lNotice p{font-size:max(14px,14rem)}.lNotice p .ja{letter-spacing:max(1.4px,1.4rem)}.lNotice p .t{padding:0 max(8px,8rem) 0 max(6px,6rem)}.lNotice p .en{letter-spacing:max(.28px,.28rem)}.lNotice-top{top:max(96px,96rem)}.lNotice-btm{bottom:max(96px,96rem)}.lLoading{width:max(32px,32rem);height:max(32px,32rem)}}@media (max-width: 768px){h1{top:16px;left:16px}.lHeader{top:16px;right:16px;flex-wrap:wrap;justify-content:flex-end;gap:8px}.cLightMode,.cAudioSwitch,.cTypeMode{height:36px;padding:0 6px}.cLightMode__btns,.cAudioSwitch__btns,.cTypeMode__btns{gap:0px 6px}.cBtnLight,.cBtnAudio,.cBtnType{width:22px;height:22px}.cBtnLight svg,.cBtnAudio svg,.cBtnType svg{width:14px;height:14px}.cLightMode__ellipse,.cAudioSwitch__ellipse,.cTypeMode__ellipse{top:6px;left:6px;width:22px;height:22px}body[data-light-mode="1"] .cLightMode__ellipse{transform:translate(28px)}body[data-light-mode="2"] .cLightMode__ellipse{transform:translate(56px)}body[data-audio="1"] .cAudioSwitch__ellipse,body[data-operate-mode="1"] .cTypeMode__ellipse{transform:translate(28px)}.cBtnChoice{padding:6px 10px}.cBtnChoice__icon svg{width:14px;height:14px}.cBtnChoice__txt{font-size:11px;letter-spacing:.11px}.cBtnStart{height:44px;padding:0 20px;font-size:11px;letter-spacing:.11px}.lNotice{border-radius:48px;max-width:calc(100% - 48px);padding:8px 24px}.lNotice p{font-size:12px}.lNotice p:before{content:"";position:absolute;inset:0;z-index:0;margin:auto;width:32px;height:1px;background:rgba(255,255,255,.5)}.lNotice p .ja{letter-spacing:1.2px}.lNotice p .t{padding:0 8px 0 0;display:none}.lNotice p .en{display:inline-block;letter-spacing:.24px;padding-top:17px}.lNotice-top{top:72px}.lNotice-btm{bottom:72px}}@media (max-width: 480px){.lHeader{max-width:200px}.cLightMode__note,.cAudioSwitch__note,.cTypeMode__note{top:96px}}@media (hover: hover){.cBtnLight:hover:before,.cBtnAudio:hover:before,.cBtnType:hover:before{transform:scale(1)}.cBtnChoice:hover,.cBtnStart:hover{background:rgba(255,255,255,.5)}}@media (min-width: 961px){.lDoor__center{width:max(280px,280rem);height:max(280px,280rem)}.lDoor__des{width:2px;height:calc(max(12px,12rem)*6.4)}.lDoor__des:before{content:"";width:max(2px,2rem)}.lDoor__des p{position:absolute;z-index:0;white-space:nowrap;font-size:max(12px,12rem);letter-spacing:max(.12px,.12rem);filter:drop-shadow(max(1.5px,1.5rem) max(1.5px,1.5rem) max(1px,1rem) rgba(0,0,0,.2))}.lDoor__des p.lDoor__des__ja{letter-spacing:max(1.2px,1.2rem)}.lDoor__des p.lDoor__des__ja span.t1{top:max(.5px,.5rem)}.lDoor__des__ja{top:0;right:max(48px,48rem);text-align:right}.lDoor__des__en{left:max(48px,48rem);top:0}.lDoor__choice{margin-top:max(32px,32rem);transform:translate(calc(-50% - max(13px,13rem)))}}@media (max-width: 960px){.lDoor__center{width:max-content;max-width:calc(100% - 48px);height:max-content}.lDoor__des{width:100%;height:max-content}.lDoor__des p{text-align:center;width:100%;height:max-content}.lDoor__des__en{margin-top:24px}.lDoor__choice{transform:translate(-50%);width:max-content}}@media (max-width: 960px) and (max-width: 768px){.lDoor__center{max-width:calc(100% - (max(24px,24rem)*2))}.lDoor__des p{font-size:11px;letter-spacing:.11px}.lDoor__des p.lDoor__des__ja{letter-spacing:1.1px}.lDoor__des p.lDoor__des__ja span.t1{top:.8px}}:root{--ja: "Noto Sans JP", sans-serif;--en: "Noto Sans JP", sans-serif;--white: #fff;--black: #424242;--gray: #6f6f6f;--baige: #f9f2e5;--ffs: "palt" on;--drop-shadow: drop-shadow(2px 2px .5px rgba(55, 55, 55, .1))}html,body{font-family:var(--ja);font-weight:400;font-size:calc(100 / var(--base-vw) * 1vw);color:var(--white);background:#c1c1c1;background-size:cover;background-repeat:no-repeat;overscroll-behavior:none}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,pre,code,form,fieldset,legend,input,textarea,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}iframe,fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400}ol,ul{list-style:none}caption,th{text-align:left}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}legend{color:var(--black)}*:focus{outline:none}a{cursor:pointer;color:var(--black);text-decoration:none;box-shadow:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}input{cursor:pointer;-webkit-appearance:none;appearance:none;background-color:#fff;border-radius:0}textarea{cursor:pointer;-webkit-appearance:none;appearance:none;border-radius:0;resize:vertical}select{cursor:pointer;appearance:none;-moz-appearance:none;-webkit-appearance:none;background:none;border:none}button{cursor:pointer;border:none;background:initial;padding:0;margin:0}.uHidden{display:none!important}@media (min-width: 769px){:root{--drop-shadow-btn: drop-shadow(2px 2px .5px rgba(55, 55, 55, .1));--drop-shadow-ui: drop-shadow(2px 2px .5px rgba(55, 55, 55, .2))}html,body{--base-vw: 1440}.uPcHide{display:none!important}}@media (max-width: 768px){:root{--drop-shadow-btn: drop-shadow(1.5px 1.5px .35px rgba(55, 55, 55, .1));--drop-shadow-ui: drop-shadow(1.5px 1.5px .35px rgba(55, 55, 55, .2))}html,body{--base-vw: 375}.uSpHide{display:none!important}}@media (hover: hover){:root{--width:calc(100vw - 10px);--scrollbarWidth: 10px}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background-color:var(--scrollBarBase);border-left:solid 1px var(--scrollBarLine);box-sizing:border-box}::-webkit-scrollbar-thumb{border-radius:4px;background-color:var(--scrollBarThumb)}}@media (hover: none){:root{--width: 100svw;--scrollbarWidth: 0px}::-webkit-scrollbar{display:none}}a[data-astro-cid-55hnotdj]{position:fixed;bottom:24px;right:24px;z-index:300;font-size:12px;line-height:100%;font-weight:700;color:var(--white);width:max-content;height:max-content;filter:var(--drop-shadow)}a[data-astro-cid-55hnotdj]:before{content:"";pointer-events:none;user-select:none;position:absolute;bottom:-6px;left:0;right:0;z-index:0;margin:auto;width:100%;height:2px;background:var(--white);transform:scaleX(0);transform-origin:left;transition:.4s cubic-bezier(.87,0,.13,1) transform}@media (max-width: 768px){a[data-astro-cid-55hnotdj]{bottom:16px;right:16px;font-size:10px}}@media (hover: hover){a[data-astro-cid-55hnotdj]:hover:before{transform:scale(1)}}a[data-astro-cid-mnn6ylu4]{position:fixed;bottom:24px;left:24px;z-index:300;width:20px;height:20px;filter:var(--drop-shadow)}a[data-astro-cid-mnn6ylu4] svg[data-astro-cid-mnn6ylu4]{pointer-events:none;user-select:none;width:100%;height:100%;fill:var(--white);opacity:1;transition:.4s cubic-bezier(.87,0,.13,1) opacity}@media (max-width: 768px){a[data-astro-cid-mnn6ylu4]{bottom:16px;left:16px;width:16px;height:16px}}@media (hover: hover){a[data-astro-cid-mnn6ylu4]:hover svg[data-astro-cid-mnn6ylu4]{opacity:.5}}
