:root{color:#edf8ff;background:#091325;font-family:Source Han Serif SC,Noto Serif SC,SimSun,serif}*{box-sizing:border-box}html,body,#app{width:100%;min-width:960px;min-height:100%;margin:0}body{perspective:1200px;perspective-origin:50% 42%;overflow:hidden}button{font:inherit}.start-screen{isolation:isolate;background:#0b1b31;place-items:center;width:100vw;height:100vh;min-height:540px;display:grid;position:relative;overflow:hidden}.start-screen__backdrop,.start-screen__veil,.character-selection__mask,.scene-curtain,.prologue-scene,.prologue-scene__backdrop,.prologue-scene__mask,.thanks-scene,.question-scene,.question-scene__backdrop,.question-scene__shade,.question-scene__blue-light{pointer-events:none;position:absolute;inset:-2%}.start-screen__backdrop{z-index:-2;background:url(/assets/bg/story-intro.webp) 50%/cover no-repeat;animation:18s ease-in-out infinite alternate background-drift}.start-screen__veil{z-index:-1;background:linear-gradient(#030b1c57 0%,#040e1f14 42%,#030b1b75 100%),linear-gradient(90deg,#040c1d3d,#0000 28% 72%,#040c1d3d);transition:opacity .6s}.character-selection__mask{z-index:1;opacity:0;visibility:hidden;background:#26282b9e}.scene-curtain{z-index:10;opacity:0;visibility:hidden;background:#03070d}.narration-scene{z-index:11;pointer-events:none;opacity:0;visibility:hidden;place-items:center;padding:8vh 12vw;display:grid;position:absolute;inset:0}.narration-scene__text{color:#eff8f3;text-align:justify;text-shadow:0 2px 10px #71c7d933;width:min(72vw,1360px);margin:0;font-size:34px;line-height:1.72}.narration-scene__highlight{color:#ff626d;text-shadow:0 0 12px #ff465285}.story-back-button{z-index:11;cursor:pointer;filter:drop-shadow(0 3px 8px #010d14c7);background:0 0;border:0;width:clamp(68px,5.2vw,100px);padding:0;transition:opacity .18s ease-out,transform .25s ease-out,filter .25s ease-out;position:absolute;top:clamp(18px,2.4vh,36px);right:clamp(22px,2.6vw,46px)}.story-back-button img{width:100%;height:auto;display:block}.story-back-button:hover,.story-back-button:focus-visible{filter:brightness(1.18)drop-shadow(0 0 14px #81f0ffd1);outline:none;transform:scale(1.06)}.story-back-button:focus-visible{outline-offset:4px;outline:2px solid #d9fbff}.story-back-button:disabled{pointer-events:none;opacity:.38;filter:grayscale(.85)drop-shadow(0 3px 8px #010d148f)}.start-screen__content{z-index:2;flex-direction:column;justify-content:space-between;align-items:center;width:min(62vw,980px);min-width:570px;height:100%;padding:clamp(34px,6vh,80px) 0 clamp(42px,10vh,130px);display:flex;position:relative}.start-screen__title{filter:saturate(1.08)drop-shadow(0 6px 20px #00162757);-webkit-user-select:none;user-select:none;width:min(100%,900px);height:auto;margin-top:clamp(-28px,-2vh,-12px);display:block}.start-button{outline-offset:4px;color:#efffff;cursor:pointer;letter-spacing:5px;text-indent:5px;background:#07273ea3;border:1px solid #b6f2ffc7;border-radius:0;outline:1px solid #2a7599b8;justify-content:center;align-items:center;gap:13px;width:246px;height:62px;font-size:32px;line-height:1;transition:transform .25s ease-out,border-color .25s ease-out,box-shadow .25s ease-out,background-color .25s ease-out;display:inline-flex;box-shadow:inset 0 0 24px #40cdef33,0 0 21px #23b9e938}.start-button__ornament{background:currentColor;width:20px;height:1px;box-shadow:0 0 7px}.start-button:hover,.start-button:focus-visible{background:#0b4e68ba;border-color:#f2feff;outline-color:#baf8fff2;transform:scale(1.06);box-shadow:inset 0 0 28px #6decff57,0 0 28px #3fd6ff99}.start-button:focus-visible{outline-width:2px}.start-button:active{transform:scale(1.02)}.start-button:disabled{cursor:default}.character-selection{z-index:2;pointer-events:none;grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid;position:absolute;inset:0;overflow:hidden}.character-selection[aria-hidden=false]{pointer-events:auto}.character-selection__heading{z-index:4;opacity:0;color:#e4f8ff;letter-spacing:4px;text-shadow:0 2px 12px #000f18d1,0 0 16px #73dfff52;margin:0;font-size:48px;font-weight:600;line-height:1.25;position:absolute;top:7.5vh;left:50%;transform:translate(-50%)}.character-card{height:100%;color:inherit;cursor:pointer;opacity:0;visibility:hidden;background:0 0;border:0;justify-content:center;align-items:end;padding:0;transition:transform .25s ease-out,filter .25s ease-out;display:flex;position:relative}.character-card--male{padding-left:clamp(18px,4vw,86px)}.character-card--female{padding-right:clamp(18px,4vw,86px)}.character-card__image{z-index:1;object-fit:contain;object-position:center bottom;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 24px 22px #0000007a);width:min(48vw,690px);max-width:100%;max-height:94vh;transition:filter .25s ease-out;display:block;position:relative}.character-card__glow{z-index:0;aspect-ratio:1;opacity:0;filter:blur(16px);background:radial-gradient(circle,#75e8ff5c,#59c8ef17 43%,#0000 70%);border-radius:50%;width:min(30vw,430px);transition:opacity .25s ease-out,transform .25s ease-out;position:absolute;bottom:6vh;transform:scale(.72)}.character-card:hover,.character-card:focus-visible,.character-card--selected{z-index:3;transform:scale(1.06)}.character-card:hover .character-card__glow,.character-card:focus-visible .character-card__glow,.character-card--selected .character-card__glow{opacity:1;transform:scale(1.1)}.character-card:hover .character-card__image,.character-card:focus-visible .character-card__image,.character-card--selected .character-card__image{filter:drop-shadow(0 0 16px #8ef4ffb8)drop-shadow(0 26px 23px #00000085)}.character-card:focus-visible{outline:none}.prologue-scene{z-index:3;opacity:0;visibility:hidden;background:#10171e;overflow:hidden}.epilogue-scene{z-index:5;background:#03070d}.thanks-scene{z-index:12;opacity:0;visibility:hidden;background:#03070d;place-items:center;display:grid}.thanks-scene__message{color:#d9f5ff;letter-spacing:12px;text-indent:12px;text-shadow:0 0 16px #83e4ff94,0 0 38px #36a8d447;margin:0;font-size:96px;font-weight:700;line-height:1.2}.prologue-scene__backdrop{z-index:-2;opacity:0;visibility:hidden;background:url(/assets/bg/prologue-transition.webp) 50%/cover no-repeat}.prologue-scene__mask{z-index:-1;opacity:0;visibility:hidden;background:#2b2e3287}.prologue-scene__story{pointer-events:none;position:absolute;inset:0;overflow:hidden}.prologue-scene__copy{color:#e4edf0;text-align:justify;text-shadow:0 2px 10px #040a11f0,0 0 18px #5bc1da2e;opacity:0;visibility:hidden;width:min(1080px,72vw);margin:0 auto;padding:16vh 0;font-size:36px;line-height:2}.prologue-scene__copy p{margin:0 0 1.35em}.prologue-scene__copy p:first-child,.prologue-scene__copy p:last-child{color:#d5f5ff}.prologue-skip{z-index:5;opacity:0;visibility:hidden;pointer-events:none;align-items:center;gap:12px;display:flex;position:absolute;bottom:3vh;right:2.4vw}.prologue-skip__label{color:#e4f0f8b3;letter-spacing:1px;text-shadow:0 1px 6px #000000d1;font-size:28px}.prologue-skip__fill{background:#e4f0f833;width:88px;height:2px;position:relative;overflow:hidden}.prologue-skip__fill:after{content:"";transform-origin:0;background:linear-gradient(90deg,#7deaffd9,#d9fbff);transition:transform .16s ease-out;position:absolute;inset:0;transform:scaleX(0);box-shadow:0 0 8px #8ef4ffd9}.prologue-skip.is-holding .prologue-skip__fill:after{transition:transform .7s linear;transform:scaleX(1)}.question-scene{z-index:4;opacity:0;visibility:hidden;background:#091522;overflow:hidden}.question-scene[aria-hidden=false]{pointer-events:auto}.question-scene__backdrop{z-index:-2;opacity:0;visibility:hidden;background:url(/assets/bg/b01.webp) 50%/cover no-repeat}.question-scene__shade{z-index:-1;background:linear-gradient(#050c170d 35%,#030a1273 100%)}.question-scene__blue-light{z-index:4;opacity:0;visibility:hidden;transform-origin:73%;will-change:opacity, transform;background:url(/assets/bg/b02-1.webp) 73%/cover no-repeat}.mirror-vortex{z-index:5;pointer-events:none;opacity:0;visibility:hidden;mix-blend-mode:screen;perspective:1200px;perspective-origin:50% 40%;position:absolute;inset:-2%;overflow:hidden}.mirror-vortex__focus{aspect-ratio:1;width:min(44vw,860px);transform-style:preserve-3d;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%)rotateX(20deg)}.mirror-vortex__layers{will-change:opacity, transform;position:absolute;inset:0}.mirror-vortex__ring{box-sizing:content-box;will-change:transform;border-top-style:solid;border-left-style:solid;border-radius:50%;animation:linear infinite paused mirror-vortex-spin;position:absolute;top:50%;left:50%}.mirror-vortex--active .mirror-vortex__ring{animation-play-state:running}.mirror-vortex__ring--a{background-color:#2d8fb04f;border-top-width:50px;border-top-color:#b6e5f180;border-left-width:50px;border-left-color:#b6e5f180;width:500px;height:500px;margin-top:-250px;margin-left:-250px;animation-duration:6s}.mirror-vortex__ring--b{background-color:#2d8fb054;border-top-width:30px;border-top-color:#b6e5f1b3;border-left-width:30px;border-left-color:#b6e5f1b3;width:450px;height:450px;margin-top:-225px;margin-left:-225px;animation-duration:5.2s}.mirror-vortex__ring--c{background-color:#2d8fb059;border-top-width:20px;border-top-color:#b6e5f133;border-left-width:20px;border-left-color:#b6e5f133;width:400px;height:400px;margin-top:-200px;margin-left:-200px;animation-duration:4.8s}.mirror-vortex__ring--d{background-color:#2d8fb05e;border-top-width:25px;border-top-color:#b6e5f1cc;border-left-width:25px;border-left-color:#b6e5f1cc;width:350px;height:350px;margin-top:-175px;margin-left:-175px;animation-duration:4s}.mirror-vortex__ring--e{background-color:#2d8fb063;border-top-width:15px;border-top-color:#b6e5f166;border-left-width:15px;border-left-color:#b6e5f166;width:300px;height:300px;margin-top:-150px;margin-left:-150px;animation-duration:3.6s}.mirror-vortex__ring--f{background-color:#2d8fb04f;border-top-width:40px;border-top-color:#b6e5f11a;border-left-width:40px;border-left-color:#b6e5f11a;width:250px;height:250px;margin-top:-125px;margin-left:-125px;animation-duration:3.2s}.mirror-vortex__ring--g{background-color:#2d8fb06e;border-top-width:25px;border-top-color:#b6e5f14d;border-left-width:25px;border-left-color:#b6e5f14d;width:200px;height:200px;margin-top:-100px;margin-left:-100px;animation-duration:2.8s}.mirror-vortex__ring--h{background-color:#2d8fb073;border-top-width:20px;border-top-color:#b6e5f180;border-left-width:20px;border-left-color:#b6e5f180;width:150px;height:150px;margin-top:-75px;margin-left:-75px;animation-duration:2s}.mirror-vortex__ring--i{background-color:#2d8fb078;border-top-width:15px;border-top-color:#b6e5f11a;border-left-width:15px;border-left-color:#b6e5f11a;width:100px;height:100px;margin-top:-50px;margin-left:-50px;animation-duration:1.6s}.mirror-vortex__ring--l{background-color:#2d8fb07d;border-top-width:10px;border-top-color:#b6e5f133;border-left-width:10px;border-left-color:#b6e5f133;width:50px;height:50px;margin-top:-25px;margin-left:-25px;animation-duration:1.2s}@keyframes mirror-vortex-spin{to{transform:rotate(360deg)}}.question-scene__portrait-stage{z-index:1;pointer-events:none;opacity:0;visibility:hidden;width:125%;height:100vh;position:absolute;bottom:-10vh;left:-160px;overflow:hidden}.question-scene__portrait-stage--right{justify-content:flex-end;display:flex;left:auto;right:-160px}.question-scene__portrait{-webkit-user-select:none;user-select:none;filter:drop-shadow(15px 14px 18px #0000008c);width:auto;max-width:none;height:160vh;display:block}.dialogue-box{z-index:3;-webkit-user-select:none;user-select:none;opacity:0;visibility:hidden;justify-content:center;align-items:flex-start;width:min(94vw,1810px);height:min(31vh,320px);min-height:238px;padding:clamp(38px,4.4vh,58px) clamp(78px,6vw,132px) clamp(30px,3vh,46px);display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.dialogue-box:before{content:"";opacity:.68;z-index:-1;background:url(/assets/ui/dialogue-frame.png) 50%/100% 100% no-repeat;position:absolute;inset:0}.dialogue-box__content{width:100%;max-width:1340px}.dialogue-box__text,.dialogue-options__prompt{color:#f0f9f4;text-shadow:0 2px 5px #00141dd1;margin:0;font-size:28px;line-height:1.7}.dialogue-box__text{white-space:pre-line}.dialogue-options{width:100%}.dialogue-options__prompt{color:#e4fbff;text-align:center;margin-bottom:14px}.dialogue-options__list{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.choice-option{color:#efffff;cursor:pointer;text-align:left;background:linear-gradient(90deg,#083342c2,#145c6780);border:1px solid #9de8efb3;border-radius:0;grid-template-columns:44px minmax(0,1fr);align-items:center;min-height:72px;padding:10px 24px 10px 27px;transition:transform .25s ease-out,border-color .25s ease-out,box-shadow .25s ease-out,background-color .25s ease-out;display:grid;position:relative;box-shadow:inset 0 0 20px #70e7eb21,0 0 13px #25b1c22e}.choice-option:before,.choice-option:after{content:"";opacity:.8;border:1px solid #d3fbff;width:12px;height:12px;position:absolute;top:50%;transform:translateY(-50%)rotate(45deg)}.choice-option:before{left:7px}.choice-option:after{right:7px}.choice-option:hover,.choice-option:focus-visible,.choice-option--selected{z-index:1;background:linear-gradient(90deg,#10697eeb,#2d929bb8);border-color:azure;outline:none;transform:scale(1.035);box-shadow:inset 0 0 25px #a1faff42,0 0 22px #68e5f2ad}.choice-option__title{color:#e9ffff;text-align:center;font-size:22px;font-weight:700}.choice-option__action{color:#e5f5f1;font-size:24px;line-height:1.45}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@keyframes background-drift{0%{transform:scale(1.01)translate(-.25%,-.18%)}to{transform:scale(1.08)translate(.3%,.22%)}}@media (prefers-reduced-motion:reduce){.mirror-vortex{display:none}.start-screen__backdrop{animation:none}.start-button,.character-card,.character-card__image,.character-card__glow,.prologue-scene__copy,.choice-option{transition-duration:1ms}}