@import "https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@300;400;600;900&display=swap";*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body,html{color:#fffc;touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;width:100vw;height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:#000;font-family:Noto Serif SC,serif;overflow:hidden}.video-background{object-fit:cover;filter:brightness(.7);opacity:1;width:100%;height:100%;transition:opacity 1s ease-in-out;position:absolute;top:0;left:0}.foreground-video{z-index:1}.background-video{z-index:0}.video-fade-out{opacity:0!important;transition:opacity 1s ease-in-out!important}.ui-container{z-index:10;background:linear-gradient(90deg,#000000b3 0%,#0000004d 40%,#0000 65%);flex-direction:column;width:100%;height:100vh;padding:5vh 6vw;display:flex;position:relative}.header-icons{gap:2.5vw;display:flex;position:absolute;top:5vh;right:6vw}.icon-item{cursor:pointer;opacity:.85;text-shadow:0 1px 4px #000000e6,0 0 8px #0009;flex-direction:column;align-items:center;gap:.5vh;transition:all .3s;display:flex}.icon-item:hover{opacity:1;filter:drop-shadow(0 0 8px #ffd70099);transform:translateY(-2px)}.icon-item img{object-fit:contain;width:2.5vw;height:2.5vw}.icon-item span{letter-spacing:.2vw;font-size:.9vw}.center-content{flex-direction:column;align-items:center;width:100%;margin-top:15vh;animation:2s ease-out fadeIn;display:flex}.logo-container{flex-direction:column;align-items:center;margin-bottom:2vh;display:flex;position:relative}.logo-image{object-fit:contain;filter:drop-shadow(0 4px 10px #00000080);width:65vw}.logo-subtitle{text-align:center;margin-top:-1vh;margin-bottom:3vh}.logo-subtitle .english-title{letter-spacing:.3vw;color:#c9a771;text-transform:uppercase;margin-bottom:1vh;font-size:1.1vw}.menu-list{flex-direction:column;align-items:center;gap:1.5vh;max-height:50vh;margin-top:.5vh;padding:0 2vw;display:flex;overflow:visible auto}.menu-list::-webkit-scrollbar{width:4px}.menu-list::-webkit-scrollbar-track{background:0 0}.menu-list::-webkit-scrollbar-thumb{background:#e5c1814d;border-radius:2px}.menu-list::-webkit-scrollbar-thumb:hover{background:#e5c18180}.menu-item{letter-spacing:.3vw;cursor:pointer;color:#ffffffe6;text-shadow:0 1px 3px #000,0 0 10px #000c,0 0 20px #00000080;justify-content:center;align-items:center;gap:1vw;padding:1vh 0;font-size:1.6vw;transition:all .3s;display:flex;position:relative}.menu-item.disabled{color:#fff6;cursor:not-allowed;pointer-events:none;text-shadow:0 1px 3px #000,0 0 8px #0009}.menu-item.active{color:#e5c181;text-shadow:0 0 1vw #e5c18180;font-size:1.8vw}.menu-item:hover{color:#fff;text-shadow:0 0 8px #e5c18199,0 1px 3px #000,0 0 20px #000c;transform:translate(1vw)}.menu-item.disabled:hover{color:#fff6;transform:none}.menu-cursor{opacity:0;width:1.5vw;height:1.5vw;transition:all .3s;position:absolute;left:-2.5vw}.menu-item.active .menu-cursor{opacity:1}.menu-item:hover .menu-cursor{opacity:.5}.version-text{opacity:.8;letter-spacing:.1vw;text-shadow:0 1px 4px #000000e6,0 0 8px #0009;align-items:center;gap:1vw;font-size:.9vw;display:flex;position:absolute;bottom:5vh;right:6vw}.demo-tag{letter-spacing:.5vw;color:#e5c181e6;text-shadow:0 0 8px #e5c1814d,0 1px 3px #000000e6;border:1px solid #e5c18173;border-radius:.4vw;margin-top:-1.5vh;padding:.4vw 1.5vw;font-size:1.6vw}.modal-overlay{z-index:100;background:#000c;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.3s fadeIn;display:flex;position:absolute;top:0;left:0}.modal-content{text-align:center;background:url(../ui/modal_bg.png) 50%/100% 100% no-repeat;flex-direction:column;justify-content:flex-start;align-items:center;width:35vw;height:35vw;padding:5vw 3vw 2vw;display:flex;position:relative}.modal-title-wrapper{justify-content:center;align-items:center;gap:1vw;width:100%;display:flex;position:absolute;top:.55vw;left:0}.modal-title-wrapper img{object-fit:contain;width:1.5vw;height:1.5vw}.modal-content h2{color:#e5c181;letter-spacing:.4vw;text-shadow:0 .2vw .4vw #000c;font-size:1.8vw;font-weight:600}.modal-divider{object-fit:contain;opacity:.8;width:100%;height:12px;margin-bottom:30px}.setting-row{flex-direction:column;align-items:center;gap:1.5vw;width:100%;margin-top:4vw;margin-bottom:3vw;display:flex}.setting-row label{color:#e5c181;letter-spacing:.1vw;text-shadow:0 .1vw .2vw #000c;font-size:1.2vw}input[type=range]{-webkit-appearance:none;cursor:pointer;background:0 0;width:100%}input[type=range]::-webkit-slider-runnable-track{background:#9e7f534d;border:1px solid #e5c18133;border-radius:.2vw;width:100%;height:.4vw}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;filter:drop-shadow(0 0 .3vw #e5c181cc);background-image:url(../ui/scene_ui_f7529e4a_part_66.png);background-position:50%;background-repeat:no-repeat;background-size:contain;width:1.5vw;height:1.5vw;margin-top:-.6vw}.modal-btn{object-fit:contain;cursor:pointer;width:12vw;height:3.5vw;margin-top:auto;transition:all .2s}.modal-btn:hover{filter:brightness(1.2)drop-shadow(0 0 10px #e5c18180);transform:scale(1.05)}.modal-close:hover{background:#e5c18133}.credits-modal{width:38vw;height:38vw;padding-top:5.5vw}.credits-text{text-align:left;flex-direction:column;gap:1vw;width:100%;margin-top:2vw;margin-bottom:2vw;padding:0 1vw;display:flex}.credit-group{border-bottom:1px dashed #e5c18133;justify-content:space-between;padding-bottom:.8vw;display:flex}.credit-role{color:#ccc;letter-spacing:.1vw;font-size:1vw}.credit-name{color:#e5c181;letter-spacing:.1vw;text-shadow:0 .1vw .2vw #000c;font-size:1vw}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.fade-out{pointer-events:none;animation:1s ease-in-out forwards fadeOutAnim}.slide-out-left{pointer-events:none;animation:1s cubic-bezier(.4,0,.2,1) forwards slideOutLeftAnim}.slide-out-right{pointer-events:none;animation:1s cubic-bezier(.4,0,.2,1) forwards slideOutRightAnim}@keyframes fadeOutAnim{0%{opacity:1}to{opacity:0}}@keyframes slideOutLeftAnim{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-10vw)}}@keyframes slideOutRightAnim{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(10vw)}}.loading-screen{z-index:200;background:#000;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;animation:1s ease-in-out fadeIn;display:flex;position:absolute;top:0;left:0}.chapter-title{object-fit:contain;filter:drop-shadow(0 4px 10px #00000080);width:100%;max-width:28vw}@keyframes floatAndPulse{0%{opacity:.6;transform:translateY(0)scale(.98)}50%{opacity:1;transform:translateY(-.4vw)scale(1.02)}to{opacity:.6;transform:translateY(0)scale(.98)}}.loading-indicator-container{justify-content:center;align-items:center;gap:1.5vw;margin-top:10vh;animation:2s ease-in-out infinite floatAndPulse;display:flex}.loading-icon-small{object-fit:contain;width:2.2vw;height:2.2vw;animation:4s linear infinite spin}.loading-text{color:#e5c181;letter-spacing:.5vw;font-size:1.5vw}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%{opacity:.4}50%{opacity:1}to{opacity:.4}}@keyframes choicesFadeIn{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.choices-container{z-index:50;flex-direction:row;justify-content:center;gap:2vw;animation:1s ease-out forwards choicesFadeIn;display:flex;position:absolute;bottom:15vh;left:50%;transform:translate(-50%)}.choice-btn{color:#fffc;letter-spacing:.2vw;cursor:pointer;text-shadow:0 .1vw .2vw #000c;background:url(../ui/choice_bg.png) 50%/100% 100% no-repeat;flex-shrink:0;justify-content:center;align-items:center;width:16vw;min-width:200px;height:4.5vw;min-height:56px;font-size:max(14px,1.1vw);transition:all .3s;display:flex}.choice-btn:hover{color:#e5c181;filter:drop-shadow(0 0 1vw #e5c18180);transform:translateY(-.8vh)}.choice-btn:active{color:#e5c181;filter:drop-shadow(0 0 1vw #e5c18180);transform:scale(.95)}@media (aspect-ratio<=4/3){.choices-container{flex-direction:column;align-items:center;gap:1.5vh}}.custom-subtitle-container{z-index:30;pointer-events:none;justify-content:center;width:100%;animation:.3s ease-out subtitleFadeIn;display:flex;position:absolute;bottom:12vh;left:0}.custom-subtitle-text{color:#e5c181;letter-spacing:.15vw;text-align:center;text-shadow:0 0 4px #000,0 0 8px #000000f2,0 1px 3px #000,1px 0 3px #000000e6,-1px 0 3px #000000e6,0 -1px 3px #000000e6,2px 2px 4px #000c,-2px -2px 4px #000c,0 0 20px #000000b3;max-width:80vw;font-family:Noto Serif SC,serif;font-size:2vw;line-height:1.6}@keyframes subtitleFadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.minigame-container{z-index:60;cursor:crosshair;background:0 0;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:absolute;top:0;left:0}.minigame-instructions{color:#fff;text-shadow:0 0 1vw #000c,0 .2vw .4vw #000c;letter-spacing:.3vw;font-size:2.5vw;animation:2s infinite pulse;position:absolute;top:15vh}.minigame-track{justify-content:center;align-items:center;width:100vw;height:20vh;display:flex;position:absolute;bottom:25vh}.minigame-target{object-fit:contain;opacity:.8;filter:drop-shadow(0 0 1vw #ff000080);width:15vw;height:15vw;animation:1.5s forwards targetCurveIn;position:absolute}@keyframes targetCurveIn{0%{opacity:0;transform:translate(-20vw,-20vh)scale(0)}50%{opacity:1}to{opacity:.8;transform:translateY(-10vh)scale(1)}}.minigame-stick{object-fit:contain;filter:drop-shadow(0 1vw 1vw #000c);will-change:transform;width:25vw;height:auto;position:absolute}.char-select-container{z-index:20;flex-direction:column;align-items:center;width:100vw;animation:1s fadeIn;display:flex;position:absolute;bottom:8vh;left:0}.char-select-title{color:#e5c181;text-shadow:0 .2vw .5vw #000c;letter-spacing:.5vw;margin-bottom:2vh;font-size:2vw}.char-grid{justify-content:center;align-items:flex-end;gap:3vw;display:flex}.char-card{cursor:pointer;flex-direction:column;align-items:center;width:11vw;transition:all .3s;display:flex;position:relative}.char-card.selectable:hover{filter:drop-shadow(0 0 1.5vw #e5c181cc);transform:translateY(-2vh)scale(1.1)}.char-card.locked{filter:grayscale()brightness(.5);cursor:not-allowed}.char-avatar{object-fit:contain;width:100%}.char-name{color:#fffc;text-shadow:0 .1vw .3vw #000c;letter-spacing:.2vw;margin-top:1vh;font-size:1.4vw;transition:color .3s}.char-card.selectable:hover .char-name{color:#e5c181}.char-locked-tag{color:#aaa;letter-spacing:.1vw;white-space:nowrap;background:#000000b3;border:1px solid #aaa;border-radius:.5vw;padding:.5vw 1vw;font-size:1vw;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}