*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}body{overflow:hidden;background:#07090f;color:#fff8e8;font-family:Inter,Microsoft YaHei,PingFang SC,Noto Sans CJK SC,system-ui,sans-serif}#app{position:relative;isolation:isolate}#scene{display:block;width:100%;height:100%}.hud{position:absolute;left:50%;bottom:clamp(28px,7vh,76px);width:min(760px,calc(100vw - 32px));transform:translate(-50%);pointer-events:none;text-align:center;text-shadow:0 2px 24px rgba(0,0,0,.7)}.memory .hud{top:clamp(18px,5vh,46px);bottom:auto}#stage-label{margin:0 0 10px;color:#ffd68a;font-size:clamp(14px,2vw,18px);font-weight:700;letter-spacing:0;transition:opacity .22s ease}.final #stage-label{opacity:0}#headline{margin:0;color:#fff1c2;font-size:clamp(48px,12vw,132px);font-weight:900;letter-spacing:0;line-height:.92;max-height:0;opacity:0;overflow:hidden;transform:translateY(20px) scale(.96);transition:max-height 0ms linear .7s,opacity .7s ease,transform .7s ease}#subline{margin:12px 0 0;color:#fff;font-size:clamp(28px,7vw,72px);font-weight:900;letter-spacing:0;max-height:0;opacity:0;overflow:hidden;transform:translateY(16px);transition:max-height 0ms linear .82s,opacity .7s ease .12s,transform .7s ease .12s}.final #headline,.final #subline{max-height:180px;opacity:1;transform:translateY(0) scale(1);transition:max-height 0ms,opacity .7s ease,transform .7s ease}#replay{position:absolute;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));min-width:72px;height:40px;border:1px solid rgba(255,214,138,.42);border-radius:8px;background:#07090fb8;color:#ffe4a5;font:inherit;font-weight:800;cursor:pointer;opacity:0;transform:translateY(10px);transition:opacity .22s ease,transform .22s ease,background .16s ease}#replay.visible{opacity:1;transform:translateY(0)}#replay:hover,#replay:focus-visible{background:#ffa8362e;outline:none}.photo-viewer{position:fixed;inset:0;z-index:10;display:grid;place-items:center;padding:max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));opacity:0;pointer-events:none;visibility:hidden;transition:opacity .22s ease}.photo-viewer.open{opacity:1;pointer-events:auto;visibility:visible}.viewer-backdrop{position:absolute;inset:0;border:0;background:#02040ad6;cursor:zoom-out}.viewer-panel{position:relative;display:grid;grid-template-columns:54px minmax(0,1fr) 54px;align-items:center;width:min(1040px,100%);height:min(760px,calc(100vh - 48px));pointer-events:none}.viewer-figure{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;width:100%;height:100%;margin:0;pointer-events:auto}#viewer-image{display:block;width:auto;max-width:100%;height:auto;max-height:min(68vh,660px);object-fit:contain;border:3px solid rgba(255,213,126,.86);border-radius:8px;background:#060811;box-shadow:0 28px 80px #00000094}#viewer-title{color:#ffe1a0;font-size:clamp(18px,3vw,28px);font-weight:900;letter-spacing:0;text-align:center;text-shadow:0 2px 18px rgba(0,0,0,.72)}.viewer-close,.viewer-nav{position:relative;z-index:2;border:1px solid rgba(255,214,138,.52);background:#07090fd1;color:#ffe4a5;cursor:pointer;pointer-events:auto}.viewer-close{position:absolute;top:0;right:0;width:44px;height:44px;border-radius:999px;font-size:30px;line-height:1}.viewer-nav{width:44px;height:64px;border-radius:999px;font-size:48px;line-height:.8}.viewer-nav:hover,.viewer-nav:focus-visible,.viewer-close:hover,.viewer-close:focus-visible{background:#ffa83633;outline:none}@media(max-width:640px){.hud{bottom:74px}.memory .hud{top:22px;bottom:auto}.viewer-panel{grid-template-columns:42px minmax(0,1fr) 42px;height:min(680px,calc(100vh - 44px))}.viewer-nav{width:36px;height:52px;font-size:38px}.viewer-close{top:6px;right:6px}#viewer-image{max-height:62vh}}