*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden;background:#4a5558;font-family:"Noto Serif SC",Songti SC,SimSun,serif;color:#f4efe6;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.stage{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 32%,#6d787c,#4a5558 48%,#3a4448)}.phone{position:relative;width:min(100vw,56.25dvh);height:min(100dvh,calc(100vw * 16 / 9));overflow:hidden;box-shadow:0 18px 48px #2a262047}.phaser-host,.phaser-host canvas{width:100%!important;height:100%!important;display:block}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between}.overlay *{pointer-events:auto}.top-bar{padding:18px 18px 0}.progress-track{height:3px;background:#f4efe62e;border-radius:99px;overflow:hidden;display:flex;gap:3px}.progress-seg{flex:1;height:100%;background:#f4efe629;position:relative}.progress-seg>i{position:absolute;top:0;right:0;bottom:0;left:0;background:#d4c4a8;transform-origin:left;transform:scaleX(0)}.meta{display:flex;justify-content:space-between;align-items:center;margin-top:10px;font-size:12px;letter-spacing:.18em;color:#f4efe6c7}.icon-btn{border:0;background:#1c1c1c47;color:#f4efe6;width:36px;height:36px;border-radius:50%;cursor:pointer;font-size:14px}.skip-layer{flex:1;cursor:pointer}.bottom{padding:0 16px 18px;background:linear-gradient(180deg,#1c1a1800,#1c1a186b)}.subtitle{min-height:88px;max-height:120px;overflow:hidden;font-size:15px;line-height:1.75;text-align:center;padding:0 8px;text-shadow:0 1px 8px rgba(20,18,16,.55)}.controls{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:10px}.ctrl{border:1px solid rgba(244,239,230,.28);background:#1c1c1c47;color:#f4efe6;border-radius:999px;padding:6px 12px;font-size:13px;cursor:pointer;font-family:inherit}.chapters{display:flex;gap:6px;margin:0 auto}.chapters button{border:0;background:#f4efe61a;color:#f4efe6b8;border-radius:999px;padding:6px 10px;font-size:12px;cursor:pointer;font-family:inherit}.chapters button.active{background:#d4c4a8d9;color:#2a2420}.cover{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(180deg,#1c20222e,#1c202214 40%,#1c202273);cursor:pointer}.cover h1{font-family:Ma Shan Zheng,KaiTi,serif;font-size:76px;font-weight:400;margin:0;letter-spacing:.18em}.cover p{margin:8px 0 36px;letter-spacing:.28em;color:#d5cbb8}.cover .cta{border:1px solid rgba(244,239,230,.45);padding:10px 28px;border-radius:999px;letter-spacing:.32em;font-size:14px}.replay-cta{position:absolute;left:50%;bottom:118px;transform:translate(-50%);border:1px solid rgba(244,239,230,.5);background:#1c1a186b;color:#f4efe6;padding:12px 36px;border-radius:999px;letter-spacing:.4em;font-size:16px;cursor:pointer;font-family:inherit}