:root{--intro-gutter-x:clamp(32px, 4.5vw, 78px);--intro-gutter-y:clamp(30px, 5vh, 60px);color:#252720;font-synthesis:none;text-rendering:optimizelegibility;background:#2b0909;font-family:SimSun,Songti SC,STSong,serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}button,a{font:inherit}button{color:inherit}button:focus-visible,a:focus-visible{outline-offset:6px;outline:1px solid #fff7e9}.intro-page{background:#2b0909;min-height:100svh;overflow:hidden}.intro-viewport,.intro-viewport #main-content{width:100%;height:100svh;min-height:600px;position:relative;overflow:hidden}.skip-link{z-index:100;color:#f5f0e5;background:#272820;padding:8px 12px;position:fixed;top:12px;left:12px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.eyebrow{text-transform:uppercase;letter-spacing:.28em;font-size:.7rem}.sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.intro-colour-bridge{z-index:40;pointer-events:none;position:fixed;inset:0}.intro-colour-bridge:after{content:"";background:radial-gradient(72% 50% at 52% 78%,#e0a09538,#0000 72%);position:absolute;inset:0}.intro-shared-grain{z-index:80;pointer-events:none;opacity:.024;mix-blend-mode:soft-light;background-image:repeating-radial-gradient(circle at 30% 20%,#ffffffd1 0 .45px,#0000 .7px 3px);position:fixed;inset:0}.cover-scene{z-index:30;cursor:pointer;isolation:isolate;text-align:left;background-color:#210b0b;background-image:linear-gradient(112deg,#160909 0%,#270b0b 36%,#3f1211 58%,#2d0b0b 82%,#1b0808 100%);border:0;width:100%;height:100svh;min-height:36rem;display:block;position:absolute;inset:0;overflow:hidden}.cover-scene:disabled{cursor:default}.cover-scene:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(90deg,#26090905 0%,#2a0b0b14 28%,#290a0a6b 50%,#1c0707c2 73%,#1506065c 100%),linear-gradient(#13050533,#0000 62%,#10040457);position:absolute;inset:0}.cover-scene:after{content:"";z-index:4;pointer-events:none;opacity:0;background:linear-gradient(112deg,#0000 28%,#67344b1f 67%,#70415a14);transition:opacity .7s;position:absolute;inset:0}.cover-scene.is-opening:after{opacity:1}.cover-scene__architecture{z-index:-2;pointer-events:none;filter:grayscale(.64)sepia(.12)saturate(.44)brightness(.67)contrast(.88);mix-blend-mode:luminosity;opacity:.76;background:url(/images/intro/cover-palace-crimson.png) 0 100%/auto 112% no-repeat;width:min(56vw,61rem);height:116%;position:absolute;bottom:-12%;left:-6%;-webkit-mask-image:radial-gradient(69% 78% at 27% 77%,#000 0%,#000000f5 36%,#000000ad 54%,#0000003d 70%,#0000 84%);mask-image:radial-gradient(69% 78% at 27% 77%,#000 0%,#000000f5 36%,#000000ad 54%,#0000003d 70%,#0000 84%)}.cover-scene__folio{top:var(--intro-gutter-y);left:var(--intro-gutter-x);color:#f5eedc80;letter-spacing:.32em;white-space:nowrap;align-items:center;gap:1.25rem;font-size:.67rem;font-style:normal;display:flex;position:absolute}.cover-scene__folio i{background:#f5eedc40;width:clamp(2.5rem,6vw,6rem);height:1px;display:block}.cover-scene__content{flex-direction:column;align-items:flex-start;width:min(35rem,39vw);display:flex;position:absolute;top:41.5%;left:54.5%;transform:translateY(-50%)}.cover-scene__title{width:clamp(23.75rem,38vw,40.625rem);margin-left:-.4rem;line-height:0;display:block;position:relative}.cover-scene__title:before,.cover-scene__title:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(90deg,#0000,#89662d6b 20%,#b58f48c7 72%,#6c4c1f2e);height:1px;position:absolute}.cover-scene__title:before{width:34%;top:19%;left:-25%}.cover-scene__title:after{width:29%;bottom:18%;right:-17%;transform:rotate(-.35deg)}.ink-brush-title{width:100%;height:auto;font-family:STXingkai,Xingkai SC,FZ XingKai-S04S,华文行楷,STKaiti,Kaiti SC,KaiTi,serif;display:block;overflow:visible}.ink-brush-title text{letter-spacing:.075em;font-size:218px;font-weight:600}.ink-brush-title__bleed{fill:#ffffff57;stroke:#ffffff29;stroke-width:3.2px}.ink-brush-title__main{fill:url(#cover-ink-fill);stroke:#ffffffad;stroke-width:1.35px;paint-order:stroke fill}.cover-scene__subtitle{color:#f5eedca8;letter-spacing:.24em;white-space:nowrap;margin-top:2.5rem;font-size:clamp(.85rem,1.08vw,1.02rem);line-height:1.9;display:block;position:relative}.cover-scene__subtitle:after{content:"";background:linear-gradient(90deg,#ae853da3,#704e1f14);width:clamp(2.5rem,5vw,5.5rem);height:1px;position:absolute;top:50%;left:calc(100% + 1.6rem);transform:translateY(-50%)}.cover-scene__enter{bottom:max(7vh, calc(env(safe-area-inset-bottom) + 2.5rem));color:#f5eedc87;letter-spacing:.34em;flex-direction:column;align-items:center;gap:.9rem;font-size:.72rem;transition:color .28s,letter-spacing .28s;display:flex;position:absolute;left:58%;transform:translate(-50%)}.cover-scene__enter i{transform-origin:top;background:#f5eedc4d;width:1px;height:1.65rem;transition:height .28s,background-color .28s;display:block}.cover-scene:hover .cover-scene__enter{color:#f5eedce6;letter-spacing:.28em}.cover-scene:hover .cover-scene__enter i{background:#f5eedc8c;height:2.05rem}.flock-scene{z-index:10;color:#313145;background:#b9a3bd;width:100%;height:100svh;min-height:600px;position:absolute;inset:0;overflow:hidden}.flock-colour-field{z-index:0;background:linear-gradient(#bda9cb 0%,#d1b8d0 28%,#e4c0cb 53%,#e9bba9 73%,#a087a1 100%);position:absolute;inset:0}.flock-atmosphere{z-index:3;pointer-events:none;background:linear-gradient(#6f4f7709,#0000 42%,#68455b09);position:absolute;inset:0}.flock-scene-stage{z-index:4;aspect-ratio:3644/5464;width:100vw;max-width:100vw;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.flock-scene-image{z-index:0;transform-origin:50%;filter:saturate(.98)contrast(.99);width:100%;height:100%;transition:filter .34s;display:block;position:absolute;inset:0}.flock-scene-image img{object-fit:cover;width:100%;height:100%;display:block}.flock-scene.is-opening .flock-colour-field{background:linear-gradient(#82667f,#9b7487 48%,#b67f83 74%,#715b72)}.flock-scene.is-opening .flock-scene-image{filter:brightness(.72)saturate(.68)sepia(.08)}.flock-scene.is-opening:after{content:"";z-index:4;pointer-events:none;background:linear-gradient(120deg,#4e14204d,#6b374f30 45%,#0000 76%);position:absolute;inset:0}.flock-birds{z-index:2;position:absolute;inset:0}.flock-scene__heading{z-index:5;color:#fffcf6f0;text-align:center;text-shadow:0 2px 20px #442b484d;pointer-events:none;width:min(94vw,72rem);position:absolute;top:24%;left:50%;transform:translate(-50%,-50%)}.flock-scene__heading h1,.princess-intro h1{font-family:SimSun,Songti SC,STSong,serif;font-weight:400}.flock-scene__heading h1{letter-spacing:.1em;margin:0;font-size:clamp(3rem,4.6vw,5.5rem);line-height:1.3}.flock-scene__prompt{color:#fffcf6b3;letter-spacing:.42em;justify-content:center;align-items:center;gap:.85rem;margin:1.05rem 0 0;font-size:.68rem;display:flex}.flock-scene__prompt:before,.flock-scene__prompt:after{content:"";background:linear-gradient(90deg,#0000,#fffcf66b);width:2.1rem;height:1px}.flock-scene__prompt:after{transform:rotate(180deg)}.bird-anchor{--bird-size:8%;--bird-hit-scale:1.9;z-index:4;left:var(--bird-x);top:var(--bird-y);width:var(--bird-size);aspect-ratio:1;transition:filter .3s;position:absolute;transform:translate(-50%,-50%)}.bird-anchor.is-dimmed{pointer-events:none}.bird-button{width:calc(100% * var(--bird-hit-scale));aspect-ratio:1;cursor:pointer;background:0 0;border:0;place-items:center;min-width:44px;padding:0;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bird-visual{width:100%;height:100%;transition:transform .28s cubic-bezier(.2,.8,.2,1),filter .28s;display:block}.bird-visual img{z-index:2;object-fit:contain;opacity:.94;filter:contrast(1.04)saturate(.9)drop-shadow(0 2px 5px #3a2a441f);width:100%;height:100%;position:absolute;inset:0}.bird-visual img[src$=\.png]{color:#0000}.bird-fallback{fill:#343446b8;filter:drop-shadow(0 2px 4px #644d7226);width:100%;height:100%;position:absolute;inset:0;overflow:visible}.bird-fallback[data-hidden=true]{display:none}.bird-button:hover .bird-visual,.bird-button:focus-visible .bird-visual,.is-active .bird-visual{filter:brightness(1.07)drop-shadow(0 1px 2px #59486d2e);transform:translateY(-5px)scale(1.065)}.bird-label{z-index:6;opacity:0;pointer-events:none;color:#2c2b3be6;text-shadow:0 1px 9px #ffe6dfe0;width:max-content;transition:opacity .25s,transform .3s;position:absolute;top:50%;transform:translateY(calc(6px - 50%))}.bird-anchor--label-right .bird-label{text-align:left;left:calc(100% + 19px)}.bird-anchor--label-left .bird-label{text-align:right;right:calc(100% + 19px)}.bird-anchor--label-top .bird-label{text-align:center;top:auto;bottom:calc(100% + 11px);left:50%;transform:translate(-50%,6px)}.bird-anchor--label-top-left .bird-label{text-align:right;top:auto;bottom:calc(75% + 8px);right:calc(75% + 12px)}.bird-anchor--label-top-right .bird-label{text-align:left;top:auto;bottom:calc(75% + 8px);left:calc(75% + 12px)}.is-active .bird-label{opacity:1;transform:translateY(-50%)}.bird-anchor--label-top.is-active .bird-label{transform:translate(-50%)}.bird-anchor--label-top-left.is-active .bird-label,.bird-anchor--label-top-right.is-active .bird-label{transform:translateY(0)}.bird-label__name,.bird-label__meta{display:block}.bird-label__name{letter-spacing:.12em;font-size:.8rem;font-weight:600}.bird-label__meta{color:#3734469e;letter-spacing:.12em;margin-top:.28rem;font-size:.58rem}.is-departing{z-index:8;pointer-events:none}.princess-intro{--accent:#8b443d;color:#fff8ea;background:radial-gradient(circle at 71% 24%, color-mix(in srgb, var(--accent), transparent 70%) 0 14vw, transparent 14.2vw), radial-gradient(circle at 18% 76%, #7a1a1647 0 9vw, transparent 9.2vw), linear-gradient(145deg, #3c0908, #260303 68%);grid-template-columns:minmax(3rem,1fr) minmax(300px,760px) minmax(3rem,1fr);align-items:center;min-height:100svh;padding:6vh 5vw;display:grid;position:relative;overflow:hidden}.princess-intro:before{content:"";pointer-events:none;border:1px solid #fff7e633;border-width:1px 0;position:absolute;inset:5.5%}.princess-intro:after{content:"";pointer-events:none;background:repeating-linear-gradient(88deg,#0000 0 6px,#fff6e404 7px);position:absolute;inset:0}.princess-intro__content{z-index:1;text-align:center;grid-column:2;width:100%;max-width:660px;margin:auto;position:relative}.princess-intro__dynasty{color:#fff8eab8;letter-spacing:.42em;margin:0 0 1.35rem;font-size:.78rem}.princess-intro__dynasty span{color:#fff8ea7a;letter-spacing:.16em;margin-left:1.4rem}.princess-intro h1{color:#fffaf0;letter-spacing:.1em;text-shadow:0 2px 18px #12000066;margin:0;font-size:clamp(3.1rem,7vw,6.8rem);font-weight:400;line-height:1.15}.princess-intro__period{color:#fff8ea8f;letter-spacing:.24em;margin:1rem 0 0;font-size:.82rem}.princess-intro__rule{background:#fff8ea33;justify-content:center;align-items:center;width:44%;height:1px;margin:2.6rem auto;display:flex}.princess-intro__rule span{background:#fff8eaa6;width:30%;height:1px}.princess-intro__theme{color:#fffaf0e6;letter-spacing:.11em;margin:0 0 1.1rem;font-size:clamp(1.08rem,1.8vw,1.35rem)}.princess-intro__body{color:#fff8eaa8;letter-spacing:.06em;max-width:33rem;margin:0 auto;font-size:.94rem;line-height:2.05}.enter-life{cursor:pointer;color:#fff8ea;letter-spacing:.3em;background:0 0;border:0;border-bottom:1px solid #fff8ea7a;align-items:center;gap:2rem;width:max-content;margin:3.1rem auto 0;padding:.75rem 0;transition:gap .3s,color .3s;display:flex}.enter-life:hover{color:#fff;gap:2.8rem}.enter-life i{letter-spacing:0;font-style:normal}.princess-intro__back{z-index:2;position:absolute;top:7%;right:5%}.text-action{color:#fff8ea94;cursor:pointer;letter-spacing:.2em;background:0 0;border:0;padding:.5rem;font-size:.7rem}.princess-intro__index{z-index:1;color:#fff8ea61;letter-spacing:.28em;writing-mode:vertical-rl;font-size:.67rem;line-height:1.9;position:absolute;top:8%;left:6%}.princess-intro__seal{z-index:1;color:#fff8eaa6;border:1px solid #fff8ea5c;padding:.48rem .42rem;font-size:.7rem;line-height:1.1;position:absolute;bottom:7%;right:7%}.game-placeholder{--accent:#7d342f;color:#fff8ea;text-align:center;background:radial-gradient(circle at 50% 46%, color-mix(in srgb, var(--accent), transparent 62%) 0 18vw, transparent 18.2vw), linear-gradient(145deg, #3c0908, #260303 68%);flex-direction:column;justify-content:center;align-items:center;min-height:100svh;padding:12vw;display:flex;position:relative;overflow:hidden}.game-placeholder:before{content:"";border:1px solid #fff7e633;border-width:1px 0;position:absolute;inset:5.5%}.game-placeholder>*{z-index:1;position:relative}.game-placeholder h1{color:#fffaf0;letter-spacing:.1em;margin:.6rem 0;font-size:clamp(3rem,8vw,7rem);font-weight:400}.game-placeholder p{color:#fff8eab8}.game-placeholder__note{color:#fff8ea7a;margin:2rem 0 4rem}.game-placeholder a{color:#fff8ea;text-underline-offset:8px;width:max-content}@media (width<=700px){.cover-scene{background-image:linear-gradient(155deg,#190909,#3d1010 58%,#260a0a);min-height:38rem}.cover-scene__architecture{opacity:.52;filter:grayscale(.66)sepia(.12)saturate(.42)brightness(.62)contrast(.88);mix-blend-mode:luminosity;background-position:bottom;background-size:cover;width:125%;height:83%;bottom:-10%;left:-28%;-webkit-mask-image:radial-gradient(82% 72% at 38% 78%,#000 0%,#000000e6 38%,#00000085 60%,#0000 86%);mask-image:radial-gradient(82% 72% at 38% 78%,#000 0%,#000000e6 38%,#00000085 60%,#0000 86%)}.cover-scene__folio{top:max(5.5vh, env(safe-area-inset-top));letter-spacing:.25em;gap:.8rem;font-size:.61rem;left:7vw}.cover-scene__folio i{width:2.5rem}.cover-scene__content{text-align:center;align-items:center;width:88vw;top:41%;left:50%;transform:translate(-50%,-50%)}.cover-scene__title{width:min(84vw,30rem);margin-left:0}.cover-scene__title:before{width:18%;top:17%;left:-3vw}.cover-scene__title:after{width:17%;bottom:17%;right:-3vw}.cover-scene__subtitle{letter-spacing:.18em;white-space:normal;max-width:90vw;margin-top:2rem;font-size:.78rem}.cover-scene__subtitle:after{width:3.5rem;top:calc(100% + .8rem);left:50%;transform:translate(-50%)}.cover-scene__enter{bottom:max(6vh, calc(env(safe-area-inset-bottom) + 1.75rem));min-width:44px;min-height:44px;left:50%}.flock-scene{min-height:620px}.flock-scene-stage{width:min(100vw,66.7014svh);top:50%}.flock-scene__heading{text-align:center;width:90vw;top:23%;left:50%}.flock-scene__heading h1{letter-spacing:.1em;font-size:clamp(2rem,8.5vw,2.55rem)}.flock-scene__prompt{margin-top:.75rem;font-size:.62rem}.bird-button{min-width:48px}.bird-label,.bird-anchor--label-left .bird-label,.bird-anchor--label-right .bird-label,.bird-anchor--label-top .bird-label,.bird-anchor--label-top-left .bird-label,.bird-anchor--label-top-right .bird-label{text-align:center;inset:calc(100% + 7px) auto auto 50%;transform:translate(-50%,5px)}.is-active .bird-label,.bird-anchor--label-top.is-active .bird-label,.bird-anchor--label-top-left.is-active .bird-label,.bird-anchor--label-top-right.is-active .bird-label{transform:translate(-50%)}.bird-label__name{font-size:.82rem}.bird-label__meta{margin-top:.16rem;font-size:.56rem}.princess-intro{background:radial-gradient(circle at 82% 22%, color-mix(in srgb, var(--accent), transparent 68%) 0 32vw, transparent 32.4vw), linear-gradient(155deg, #3c0908, #260303 68%);min-height:100svh;padding:max(14vh,6rem) 10vw 10vh;display:block;overflow-y:auto}.princess-intro:before{border-width:1px 0;inset:4%}.princess-intro h1{font-size:clamp(3.1rem,15vw,4.4rem)}.princess-intro__rule{width:52%;margin:2rem 0}.princess-intro__body{font-size:.9rem;line-height:1.9}.princess-intro__back{top:max(3%, env(safe-area-inset-top));min-height:44px;right:5%}.princess-intro__index{top:4%;left:6%}.princess-intro__seal{bottom:5%;right:7%}.enter-life{min-height:48px;margin-top:2rem}}@media (aspect-ratio>=4/3){.flock-scene-stage{aspect-ratio:16/9;width:max(100vw,177.778svh);max-width:none;height:max(100svh,56.25vw)}}@media (aspect-ratio<=4/5){.flock-scene-stage{width:min(100vw,66.7014svh);top:50%}.flock-scene-image{-webkit-mask-image:linear-gradient(#0000,#000 5% 95%,#0000);mask-image:linear-gradient(#0000,#000 5% 95%,#0000)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}