*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#000;color:#e6d6b0;font-family:system-ui,"Microsoft YaHei",sans-serif}#viewport{position:fixed;inset:0;display:grid;place-items:center;background:#000}#stage{position:relative;width:min(100vw,calc(100dvh * var(--ratio,1.777778)));height:min(100dvh,calc(100vw / var(--ratio,1.777778)));overflow:hidden;background:#000;touch-action:none;--ui-unit:1px}#video,#still,#layers,#interactions{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}#layers,#interactions{pointer-events:none}#layers>*{position:absolute;transform:translate(-50%,-50%);object-fit:contain}.subtitle{display:grid;place-items:center;white-space:pre-wrap;text-align:center;text-shadow:0 2px 5px #000}button{font:inherit;color:inherit;background:#0a1018ef;border:1px solid #e6d6b0;padding:12px 24px;cursor:pointer}button:focus-visible{outline:2px solid #c9ffff;outline-offset:3px}[hidden]{display:none!important}#splash,#ending,#problem{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;text-align:center;z-index:10}#splash{pointer-events:none}#splash button{pointer-events:auto;position:absolute;bottom:15%}#opening-title{white-space:pre-line;font-size:calc(64 * var(--ui-unit))}#ending,#problem{background:#0a0f14ef}#end-title{font-size:calc(52 * var(--ui-unit));font-weight:400}#problem{padding:24px}#problem button{font-size:16px}.interaction{position:absolute;pointer-events:auto;transform:translate(-50%,-50%);touch-action:none;user-select:none;padding:0;background:transparent;border:0;overflow:visible}.interaction.choice{border:1px solid #e5d6b1;border-radius:4px;background:linear-gradient(#463c2aee,#241d12ee)}.interaction[data-kind=qte]{background:url('./qte-original-frame.png') center/100% 100% no-repeat}.interaction[data-kind=qte]::before{content:'';position:absolute;inset:16%;border:1px solid currentColor;border-radius:50%;pointer-events:none}.interaction:not(.choice)::after{content:attr(data-label);position:absolute;left:-50%;width:200%;bottom:calc(100% + 5 * var(--ui-unit));font-size:calc(22 * var(--ui-unit));line-height:1.4;pointer-events:none}.orbitale-hit{position:absolute;transform:translate(-50%,-50%);touch-action:none;z-index:6}.orbitale-start{position:absolute;inset:0;z-index:8;background-size:contain;background-position:center;background-repeat:no-repeat;touch-action:none}.orbitale-retry{position:absolute;bottom:8%;left:40%;z-index:10}

.orbitale-retry{left:16.3%;top:86.5%;bottom:auto;transform:translateX(-50%);border:0;background:transparent;padding:10px 16px;color:#c9ffff;font-size:clamp(11px,calc(22 * var(--ui-unit)),22px);letter-spacing:.25em;text-shadow:0 0 12px #96ffff88;animation:retry-breathe 2.4s ease-in-out infinite}.orbitale-retry:hover{color:#fff;text-shadow:0 0 16px #96ffff}.orbitale-retry:focus-visible{outline:1px solid #c9ffff}.orbitale-start .orl-hint{letter-spacing:.15em}@keyframes retry-breathe{50%{opacity:.55}}@media(prefers-reduced-motion:reduce){.orbitale-retry{animation:none}}
