:root{--app-height:100vh;color:#f7f0ea;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#151515;font-family:Microsoft YaHei,PingFang SC,system-ui,sans-serif;line-height:1.5}@font-face{font-family:LXGW WenKai;src:url(/assets/fonts/LXGWWenKai-Regular.ttf)format("truetype");font-display:swap}*{box-sizing:border-box}html,body,#root{width:100%;height:100dvh;height:var(--app-height);overscroll-behavior:none;margin:0;overflow:hidden}body{position:fixed;inset:0}button,input{font:inherit}button{color:inherit;cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.5}.page-shell{width:100vw;height:100dvh;height:var(--app-height);background:linear-gradient(90deg,#0000008f,#0000 24% 76%,#0000008f),#202126;justify-content:center;align-items:stretch;display:flex;position:fixed;inset:0}.phone-frame{width:min(100vw,430px);height:100dvh;height:var(--app-height);min-height:var(--app-height);isolation:isolate;background:#10131f;position:relative;overflow:hidden;box-shadow:0 0 40px #0000006b}.status,.main-menu,.name-entry,.title-card,.ended{width:100%;height:100%;padding:max(24px, env(safe-area-inset-top)) 24px max(24px, env(safe-area-inset-bottom));text-align:center;place-items:center;display:grid}.error{color:#ffd1d1}.main-menu{background-color:#0000;background-image:linear-gradient(#10131f52,#10131feb),url(/assets/ui/main-menu-background.png);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;align-content:center;gap:42px}.menu-kicker{color:#f1c9b8;text-transform:uppercase;margin:0 0 8px;font-size:13px}h1,h2,h3,p{margin-top:0}h1{letter-spacing:0;margin-bottom:0;font-size:42px;font-weight:700}h2{letter-spacing:0;margin-bottom:18px;font-size:28px}.primary-action,.name-actions button,.choice-box button,.debug-panel button{background:#c94d69;border-radius:8px;min-height:44px;padding:12px 18px;font-weight:700}.primary-action{min-width:180px}.primary-action.compact{min-width:104px}.panel{background:#ffffff14;border:1px solid #ffffff24;border-radius:8px;width:min(100%,340px);padding:22px}.name-entry input{color:#1d1a1a;text-align:center;background:#ffffffeb;border:1px solid #fff3;border-radius:8px;width:100%;height:48px;padding:0 14px}.name-actions{gap:12px;margin-top:18px;display:flex}.name-actions button{flex:1}.title-card{background:radial-gradient(circle at 50% 38%,#38415c,#121520 68%)}.title-card p{color:#e6c2b2;text-transform:uppercase}.game-stage{-webkit-user-select:none;user-select:none;touch-action:manipulation;width:100%;height:100%;position:relative;overflow:hidden}.scene-layer{position:absolute;inset:0;overflow:hidden}.scene-canvas{aspect-ratio:832/1792;width:100%;height:100%;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.background{object-fit:fill;width:100%;height:100%;display:block}.background.placeholder{color:#ffffffc7;text-align:center;background:linear-gradient(#1e233059,#0a0c12cc),repeating-linear-gradient(45deg,#263142 0 12px,#202838 12px 24px);place-items:center;padding:28px;display:grid}.foreground{will-change:opacity;pointer-events:none;height:auto;position:absolute;transform:translate(0,0)}.photo-foreground{aspect-ratio:1672/941;object-fit:contain;object-position:center;background:#fff1da;border-radius:2px;box-shadow:0 0 18px #fec3}.hud{inset:max(12px, env(safe-area-inset-top)) 12px max(12px, env(safe-area-inset-bottom));pointer-events:none;z-index:20;flex-direction:column;justify-content:space-between;display:flex;position:absolute}.chapter-label{color:#ffffffd1;background:#0e111b94;border-radius:8px;align-self:flex-start;max-width:78%;padding:6px 10px;font-size:12px}.dialogue-box,.choice-box{pointer-events:auto;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0b0d14d1;border:1px solid #ffffff26;border-radius:8px;width:100%;min-height:150px;padding:16px}.dialogue-box strong{color:#ffd4be;margin-bottom:8px;display:block}.dialogue-box.empty{display:none}.dialogue-box p{margin-bottom:0;font-size:17px}.dialogue-box.thought p{color:#e5eaf7;font-style:italic}.dialogue-box.stageDirection p{color:#cdd4df}.choice-box{gap:10px;display:grid}.choice-box h3{margin-bottom:4px;font-size:17px}.qte-timer{color:#ffd4be;grid-template-columns:32px 1fr;align-items:center;gap:10px;margin:2px 0 8px;display:grid}.qte-timer span{text-align:center;font-weight:700}.qte-timer div{background:#ffffff2e;border-radius:999px;height:6px;overflow:hidden}.qte-timer i{border-radius:inherit;transform-origin:0;background:#ffd4be;width:100%;height:100%;transition:transform .12s linear;display:block}.choice-box button{text-align:left;background:#c94d69eb;width:100%}.flash-effect{z-index:30;pointer-events:none;animation:1.28s ease-in-out forwards hallelujah-flash;position:absolute;inset:0;overflow:hidden}.flash-effect:before,.flash-effect:after{content:"";opacity:0;position:absolute;inset:-18%}.flash-effect:before{background:radial-gradient(circle at 50% 38%, #fff 0 9%, #fff7d3d1 10% 19%, #fff7d300 42%), conic-gradient(from -18deg at 50% 38%, #fff0 0 8deg, #fff6c2b8 10deg 18deg, #fff0 21deg 42deg, #ffffffd6 45deg 52deg, #fff0 56deg 84deg, #fff6c2a8 88deg 96deg, #fff0 100deg 136deg, #ffffffb8 140deg 148deg, #fff0 152deg 360deg);animation:1.28s ease-out forwards hallelujah-rays;transform:scale(.82)}.flash-effect:after{background:#ffffffeb;animation:1.28s ease-in-out forwards white-flash-cover}.flash-effect.return_flash{animation-name:return-flash-cover;animation-duration:1.8s}.flash-effect.return_flash:before,.flash-effect.return_flash:after{animation-duration:1.8s}.flash-effect.return_flash:after{animation-name:return-white-flash}@keyframes hallelujah-flash{0%{background:#fff0}42%,to{background:#fffae147}}@keyframes hallelujah-rays{0%{opacity:0;transform:scale(.76)rotate(-4deg)}28%{opacity:.92}52%{opacity:1;transform:scale(1.12)rotate(2deg)}to{opacity:0;transform:scale(1.28)rotate(4deg)}}@keyframes white-flash-cover{0%{opacity:0}38%,to{opacity:1}}@keyframes return-flash-cover{0%{background:#fff0}38%,to{background:#fffffff5}}@keyframes return-white-flash{0%{opacity:0}32%,to{opacity:1}}.flash-effect.flash-effect-fade-out{background:#fffffff5;animation:.56s ease-out forwards flash-cover-fade-out}.flash-effect.flash-effect-fade-out:before{opacity:0;animation:none}.flash-effect.flash-effect-fade-out:after{background:#fffffffa;animation:.56s ease-out forwards flash-white-fade-out}@keyframes flash-cover-fade-out{0%{background:#fffffff5}to{background:#fff0}}@keyframes flash-white-fade-out{0%{opacity:1}to{opacity:0}}.credits{text-align:center;background:url(/assets/ui/main-menu-background.png) 50%/cover;width:100%;height:100%;position:relative;overflow:hidden}.credits-vignette{pointer-events:none;background:radial-gradient(at 50% 64%,#fff7e014,#fff7e000 36%),linear-gradient(#712c400a,#fff4d800 44% 78%,#5e23310d);position:absolute;inset:0}.credits-sequence{z-index:3;pointer-events:none;place-items:center;width:74%;height:30%;display:grid;position:absolute;top:49%;left:13%}.credit-card{opacity:0;--credit-tilt:-1.8deg;width:100%;transform:translateY(10px) rotate(var(--credit-tilt));align-content:center;place-items:center;animation:3.65s ease-in-out both credit-fade;display:grid;position:absolute;inset:0}.credit-card:nth-child(2n){--credit-tilt:1.4deg}.credit-card h3{color:#8a494cbd;text-shadow:0 1px #ffffff52;margin-bottom:9px;font-family:Microsoft YaHei,PingFang SC,system-ui,sans-serif;font-size:13px;font-weight:700}.credit-names{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 18px;width:100%;display:flex}.credit-names span{color:#4b3235e0;text-shadow:0 1px #ffffff6b;margin-bottom:0;font-family:LXGW WenKai,霞鹜文楷,STKaiti,KaiTi,serif;font-size:clamp(24px,7vw,30px);font-weight:400;line-height:1.25;display:inline-block}@keyframes credit-fade{0%,to{opacity:0;transform:translateY(10px) rotate(var(--credit-tilt))}24%,72%{opacity:1;transform:translateY(0) rotate(var(--credit-tilt))}}.ended{gap:18px}.debug-toggle{top:max(10px, env(safe-area-inset-top));z-index:60;color:#ffffffc7;background:#ffffff1f;border-radius:8px;width:44px;height:32px;font-size:12px;position:absolute;right:10px}.debug-panel{z-index:70;padding:max(18px, env(safe-area-inset-top)) 14px max(18px, env(safe-area-inset-bottom));background:#080a10f5;flex-direction:column;display:flex;position:absolute;inset:0}.debug-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.debug-header button{min-height:36px;padding:6px 10px}.debug-list{padding-bottom:20px;overflow:auto}.debug-list section{margin-bottom:18px}.debug-list h3{margin-bottom:8px;font-size:15px}.debug-list button{text-align:left;background:#ffffff1c;width:100%;margin-bottom:8px;display:block}@media (width<=430px){.phone-frame{width:100vw;max-height:none;box-shadow:none}}