:root{color-scheme:dark;--void: #10050c;--wine: #3f1324;--rose: #cf8ca3;--blush: #e9b8c8;--pearl: #fff4f6;--ink: #fff5f7;--muted: rgba(241, 211, 220, .58);--line: rgba(236, 185, 202, .24);--ice: #e8b3c3;--gold: #d8aa98;--ease-cinema: cubic-bezier(.16, 1, .3, 1);font-family:Avenir Next,SF Pro Display,PingFang SC,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:geometricPrecision}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{width:100%;min-height:100%;margin:0;overflow:hidden;overscroll-behavior:none;background:var(--void)}body{position:fixed;inset:0;color:var(--ink);-webkit-font-smoothing:antialiased;touch-action:none;-webkit-user-select:none;user-select:none}button{font:inherit}#experience,#webgl,#webgl canvas{position:absolute;inset:0;width:100%;height:100%}#experience{min-height:100dvh;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 51% 39%,rgba(146,54,87,.19),transparent 37%),radial-gradient(ellipse at 18% 87%,rgba(91,25,52,.25),transparent 42%),linear-gradient(154deg,#210914 0%,var(--void) 54%,#090307 100%)}#experience:before,#experience:after{content:"";position:absolute;z-index:1;inset:0;pointer-events:none}#experience:before{background:radial-gradient(ellipse at 74% 22%,rgba(231,152,180,.07),transparent 33%),radial-gradient(ellipse at 31% 58%,rgba(191,95,130,.055),transparent 36%);mix-blend-mode:screen}#experience:after{background:linear-gradient(180deg,rgba(9,2,6,.14),transparent 30%,transparent 69%,rgba(9,2,6,.45)),radial-gradient(ellipse at center,transparent 44%,rgba(7,2,5,.43) 100%)}#webgl{z-index:0}#webgl canvas{display:block;outline:none}.loader,.opening,.story,.finale,.hud,.sound-button,.rotate-notice,.error-state{position:absolute}.loader{z-index:40;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,rgba(122,35,68,.2),transparent 32%),#10050c;transition:opacity 1.1s var(--ease-cinema),visibility 1.1s}.loader.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.loader__halo{position:absolute;width:min(64vw,19rem);aspect-ratio:1;border:1px solid rgba(238,182,201,.15);border-radius:50%;box-shadow:inset 0 0 4rem #bb537912,0 0 5rem #661a3714;animation:loader-orbit 6s linear infinite}.loader__halo:after{content:"";position:absolute;width:5px;height:5px;top:12%;left:17%;border-radius:50%;background:#fff0f4;box-shadow:0 0 7px #fff0f4,0 0 24px #e597b4d1}.loader__content{width:min(62vw,15rem);text-align:center}.loader__label,.opening__kicker,.opening__note,.finale__prelude,.sound-button,.hud{font-family:Helvetica Neue,Avenir Next,sans-serif;font-size:.62rem;font-weight:500;letter-spacing:.25em}.loader__label{display:block;color:var(--muted)}.loader__number{margin:1rem 0 1.35rem;color:var(--pearl);font-size:clamp(2.8rem,12vw,4.4rem);font-weight:200;letter-spacing:-.07em;line-height:1}.loader__number sup{margin-left:.28rem;color:#f1d3dc85;font-size:.66rem;font-weight:500;letter-spacing:0;vertical-align:top}.loader__track{height:1px;overflow:hidden;background:#ebbbca24}.loader__track i{display:block;width:0;height:100%;background:linear-gradient(90deg,#be6c893d,#ffeef3 64%,#d7a18f);box-shadow:0 0 14px #e497b294;transition:width .25s ease-out}.opening{z-index:20;inset:0;display:flex;align-items:flex-end;padding:0 max(1.5rem,env(safe-area-inset-right)) max(3.05rem,calc(env(safe-area-inset-bottom) + 2.1rem)) max(1.5rem,env(safe-area-inset-left));background:linear-gradient(180deg,#0c03080a 25%,#0f040a2e 56%,#0c0308d1);transition:opacity 1.4s var(--ease-cinema),visibility 1.4s}.opening.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.opening__content{width:min(91%,37rem);transform:translateY(1rem);opacity:0;transition:transform 1.2s var(--ease-cinema),opacity 1.2s ease}.opening.is-ready .opening__content{transform:translateY(0);opacity:1}.opening__kicker{margin:0 0 .9rem;color:#e8b7c99e}.opening h1{max-width:9em;margin:0 0 2.15rem;color:var(--pearl);font-family:Songti SC,"Noto Serif CJK SC",STSong,serif;font-size:clamp(2.6rem,11.4vw,5rem);font-weight:400;letter-spacing:.015em;line-height:1.16;text-wrap:balance;text-shadow:0 2px 18px rgba(239,169,194,.12),0 12px 36px rgba(7,1,4,.72)}.start-button{position:relative;display:inline-flex;align-items:center;justify-content:space-between;min-width:13.6rem;min-height:3.55rem;padding:0 .78rem 0 1.45rem;overflow:hidden;border:1px solid rgba(232,180,197,.36);border-radius:999px;color:#fff4f7;background:linear-gradient(112deg,#4d132ab8,#1c0811b3);box-shadow:inset 0 1px #ffeaf121,inset 0 0 1.5rem #b0456c0d,0 18px 52px #08010557;backdrop-filter:blur(20px) saturate(118%);-webkit-backdrop-filter:blur(20px) saturate(118%);cursor:pointer;transition:transform .35s var(--ease-cinema),border-color .35s ease,box-shadow .5s ease}.start-button:before{content:"";position:absolute;top:-120%;bottom:-120%;left:-42%;width:35%;background:linear-gradient(90deg,transparent,rgba(255,233,240,.13),transparent);transform:rotate(14deg);animation:button-glint 5.8s 1.4s var(--ease-cinema) infinite}.start-button:disabled{opacity:.45;cursor:wait}.start-button:not(:disabled):active{transform:scale(.97);border-color:#fad7e299}.start-button span{position:relative;z-index:1;font-size:.88rem;letter-spacing:.12em}.start-button i{position:relative;z-index:1;width:2.12rem;height:2.12rem;border-radius:50%;background:linear-gradient(145deg,#fff4f6,#d9a18f);box-shadow:0 0 0 1px #fff3f629,0 0 28px #da8aa457}.start-button i:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:6px solid #431528;transform:translate(-38%,-50%)}.opening__note{position:absolute;right:max(1.35rem,env(safe-area-inset-right));bottom:max(3.2rem,calc(env(safe-area-inset-bottom) + 2.2rem));margin:0;color:#e7c0cd69;writing-mode:vertical-rl}.story{z-index:12;inset:0;display:flex;align-items:flex-end;padding:0 1.35rem max(6.35rem,calc(env(safe-area-inset-bottom) + 5.25rem));pointer-events:none}.story__copy{position:relative;width:min(89vw,34rem);padding:.15rem .35rem .15rem 1.08rem;filter:drop-shadow(0 12px 28px rgba(8,1,5,.35))}.story__copy:before{content:"";position:absolute;top:.28em;bottom:.26em;left:0;width:1px;background:linear-gradient(180deg,#ffe2ebcc,#d793ab61 52%,#c579940a);box-shadow:0 0 12px #eb9eb91a;transform:scaleY(0);transform-origin:top;transition:transform .8s var(--ease-cinema)}.story.is-visible .story__copy:before{transform:scaleY(1)}.story p{margin:0;color:#fff5f8f5;font-family:Songti SC,"Noto Serif CJK SC",STSong,serif;font-size:clamp(1.09rem,4.55vw,1.58rem);font-weight:400;letter-spacing:.035em;line-height:1.82;text-align:left;text-shadow:0 2px 12px rgba(12,2,7,.98),0 7px 28px rgba(12,2,7,.88)}.story p .char{display:inline;opacity:0;filter:blur(6px);transition:opacity .8s ease,filter .9s ease}.story p .char.is-visible{opacity:1;filter:blur(0)}.finale{z-index:14;inset:0;display:flex;flex-direction:column;justify-content:flex-start;padding:max(7.2vh,calc(env(safe-area-inset-top) + 1.85rem)) 1.25rem 2rem;text-align:center;opacity:0;visibility:hidden;pointer-events:none;transition:opacity 2s ease,visibility 2s}.finale.is-visible{opacity:1;visibility:visible}.finale__prelude{margin:0 0 .95rem;color:#ebbbc8b8;transform:translateY(-.8rem);opacity:0;transition:transform 1.4s .3s var(--ease-cinema),opacity 1.4s .3s ease}.finale h2{margin:0;color:#fff3f5;font-family:Helvetica Neue,Avenir Next,sans-serif;font-size:clamp(3.15rem,15.8vw,7.5rem);font-weight:250;letter-spacing:-.067em;line-height:.8;text-shadow:0 1px 0 rgba(255,255,255,.3),0 5px 34px rgba(225,138,163,.24),0 15px 50px rgba(17,3,9,.48)}.finale h2 span{display:block;transform:translateY(1.2rem);opacity:0;transition:transform 1.65s var(--ease-cinema),opacity 1.4s ease}.finale h2 span:last-child{padding-right:.06em;color:#e8b6aa;transition-delay:.16s}.finale__line{position:absolute;bottom:max(4.65rem,calc(env(safe-area-inset-bottom) + 3.85rem));left:50%;width:min(11rem,42vw);height:1px;margin:0;background:linear-gradient(90deg,transparent,rgba(224,165,178,.38) 14%,rgba(250,219,221,.88) 50%,rgba(211,151,135,.36) 86%,transparent);box-shadow:0 0 15px #e096ac2e;transform:translate(-50%) scaleX(0);transition:transform 1.8s .8s var(--ease-cinema)}.finale__date{position:absolute;right:1rem;bottom:max(3.35rem,calc(env(safe-area-inset-bottom) + 2.55rem));left:1rem;margin:0;color:#f0cdd39e;font-size:.72rem;letter-spacing:.12em;opacity:0;transition:opacity 1.6s 1.15s ease}.finale.is-visible .finale__prelude,.finale.is-visible h2 span{transform:translateY(0);opacity:1}.finale.is-visible .finale__line{transform:translate(-50%) scaleX(1)}.finale.is-visible .finale__date{opacity:1}.hud{z-index:18;right:max(1.3rem,env(safe-area-inset-right));bottom:max(1.35rem,calc(env(safe-area-inset-bottom) + .6rem));left:max(1.3rem,env(safe-area-inset-left));display:flex;align-items:center;gap:1rem;color:#e9c5d17d;opacity:0;transition:opacity .8s ease;pointer-events:none}.hud.is-visible{opacity:1}.hud__progress{flex:1;height:1px;overflow:hidden;background:#ebbecc26}.hud__progress i{display:block;width:0;height:100%;background:linear-gradient(90deg,#bc6887b8,#ffe2e8e0);box-shadow:0 0 10px #e091ac52;transition:width 1.1s var(--ease-cinema),background 1s ease}.hud p{margin:0;white-space:nowrap}.sound-button{z-index:24;top:max(1rem,calc(env(safe-area-inset-top) + .6rem));right:max(1rem,env(safe-area-inset-right));display:inline-flex;align-items:center;gap:.65rem;min-height:2.6rem;padding:0 .9rem;border:1px solid rgba(232,187,201,.2);border-radius:999px;color:#f5dae2b3;background:linear-gradient(125deg,#40112380,#13050c6b);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);opacity:0;visibility:hidden;cursor:pointer;box-shadow:inset 0 1px #ffeff40e,0 9px 25px #07010429;transition:opacity .6s ease,transform .3s ease,border-color .4s ease,background .4s ease}.sound-button.is-visible{opacity:1;visibility:visible}.sound-button:active{transform:scale(.96)}.sound-button__bars{display:flex;align-items:center;gap:2px;height:12px}.sound-button__bars i{display:block;width:1px;height:55%;background:currentColor;animation:sound-bar .9s ease-in-out infinite alternate}.sound-button__bars i:nth-child(2){height:100%;animation-delay:-.3s}.sound-button__bars i:nth-child(3){height:70%;animation-delay:-.58s}.sound-button.is-muted .sound-button__bars i{height:1px;animation:none}.grain{position:fixed;z-index:30;inset:-60%;width:220%;height:220%;opacity:.047;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");animation:grain-shift .22s steps(2) infinite}.flash{z-index:28;inset:0;background:#ffe8ef;opacity:0;pointer-events:none}.flash.is-active{animation:flash 1.1s ease-out}.rotate-notice{z-index:80;inset:0;display:none;place-items:center;color:#f7e1e8d1;background:#10050c;font-size:.82rem;letter-spacing:.14em}.error-state{z-index:90;inset:0;display:none;place-items:center;align-content:center;gap:.6rem;padding:2rem;text-align:center;background:#10050c}.error-state.is-visible{display:grid}.error-state strong{font-size:1.3rem;font-weight:400}.error-state span{color:var(--muted);font-size:.84rem}.is-gold .hud__progress i{background:linear-gradient(90deg,#c98197c7,#e4b19deb)}@keyframes loader-orbit{to{transform:rotate(360deg)}}@keyframes button-glint{0%,68%{transform:translate(0) rotate(14deg);opacity:0}73%{opacity:1}88%,to{transform:translate(520%) rotate(14deg);opacity:0}}@keyframes sound-bar{to{transform:scaleY(.35)}}@keyframes grain-shift{0%{transform:translateZ(0)}25%{transform:translate3d(2%,-3%,0)}50%{transform:translate3d(-3%,2%,0)}75%{transform:translate3d(3%,3%,0)}to{transform:translate3d(-2%,-2%,0)}}@keyframes flash{0%{opacity:0}14%{opacity:.28}to{opacity:0}}@media(min-width:700px){.opening{align-items:center;padding:4rem clamp(3rem,9vw,9rem)}.opening__note{right:clamp(2rem,4vw,4rem);bottom:3rem}.story{align-items:center;padding:0 clamp(3rem,8vw,8rem)}.story__copy{width:min(43vw,34rem)}.finale{justify-content:center;padding-top:2rem}}@media(max-width:430px){.loader__content{width:min(66vw,15rem)}.opening__kicker,.opening__note,.finale__prelude,.sound-button,.hud{font-size:.59rem}.opening__note{bottom:max(3.35rem,calc(env(safe-area-inset-bottom) + 2.3rem))}.story p{font-size:clamp(1.06rem,4.45vw,1.22rem);line-height:1.83}.finale__line{margin-top:1.55rem}}@media(max-height:700px)and (orientation:portrait){.opening{padding-bottom:max(2.15rem,calc(env(safe-area-inset-bottom) + 1.35rem))}.opening h1{margin-bottom:1.45rem;font-size:clamp(2.25rem,10.2vw,3rem)}.story{padding-bottom:max(4.85rem,calc(env(safe-area-inset-bottom) + 4rem))}.story p{font-size:clamp(.98rem,4.1vw,1.1rem);line-height:1.72}.finale{padding-top:max(5.5vh,calc(env(safe-area-inset-top) + 1.25rem))}}@media(orientation:landscape)and (max-height:500px)and (max-width:950px){.rotate-notice{display:grid}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(prefers-reduced-transparency:reduce){.start-button,.sound-button{background:#2b0c19;backdrop-filter:none;-webkit-backdrop-filter:none}}