#app #openingDialog{position:fixed;left:var(--viewport-left,0px);top:var(--viewport-top,0px);right:auto;bottom:auto;width:var(--viewport-width,100vw);height:var(--viewport-height,100dvh);max-width:none;max-height:none;min-height:0;margin:0;padding:0;overflow:hidden;border:0;background:#030403;color:#e4dfcf;overscroll-behavior:none;touch-action:manipulation}
#openingDialog::backdrop{background:#030403}
#openingDialog .opening-film{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#030403;pointer-events:none}
#openingDialog .opening-top{position:absolute;z-index:1;top:0;left:0;right:0;padding:calc(env(safe-area-inset-top,0px) + 24px) max(24px,env(safe-area-inset-right,0px)) 32px max(24px,env(safe-area-inset-left,0px));display:flex;justify-content:space-between;align-items:start;gap:16px;background:linear-gradient(#030403d9,transparent);pointer-events:none}
#openingDialog .opening-title{font-size:clamp(22px,3vw,34px);letter-spacing:.18em;font-weight:500;margin:4px 0 0}
#openingDialog .opening-top small{display:block;font:10px monospace;letter-spacing:.18em;color:#b8ba9c}
#openingDialog .opening-id{font:11px monospace;color:#c3b99d;padding-top:6px;white-space:nowrap}
#openingDialog .opening-center{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}
#openingDialog button{font-family:inherit;min-height:48px;padding:12px 18px;font-size:14px;border:1px solid #aba67f;background:#11160fe6;color:#e4dfcf;cursor:pointer;touch-action:manipulation}
#openingDialog button:focus-visible{outline:3px solid #d9e5aa;outline-offset:4px}
#openingDialog #openingPlay{pointer-events:auto;background:#c5c9a6;color:#151a10;font-weight:600;border-color:#d7dfb4}
#openingDialog .opening-bottom{position:absolute;z-index:1;left:0;right:0;bottom:0;padding:32px max(24px,env(safe-area-inset-right,0px)) calc(env(safe-area-inset-bottom,0px) + 22px) max(24px,env(safe-area-inset-left,0px));background:linear-gradient(transparent,#030403ed 50%)}
#openingDialog .opening-status-row{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:12px;line-height:1.5;color:#c4c3af;margin-bottom:12px}
#openingDialog #openingStatus{margin:0}
#openingDialog #openingClock{white-space:nowrap;font:11px monospace;color:#c6b88f}
#openingDialog progress{display:block;width:100%;height:2px;border:0;background:#33372a;accent-color:#bdc48d;margin:0 0 16px}
#openingDialog progress::-webkit-progress-bar{background:#33372a}#openingDialog progress::-webkit-progress-value{background:#bdc48d}
#openingDialog .opening-actions{display:flex;justify-content:space-between;gap:12px}
#openingDialog #openingSkip{background:#c5c9a6;color:#151a10;font-weight:600}
#app.opening-active{overflow:hidden}
#app .footer-save{flex-wrap:wrap;gap:5px}
@media(max-width:600px){#openingDialog .opening-top{padding-top:calc(env(safe-area-inset-top,0px) + 22px)}#openingDialog .opening-id{font-size:9px}#openingDialog .opening-bottom{padding-top:24px}#openingDialog .opening-status-row{font-size:12px}#openingDialog button{font-size:13px;padding:11px 14px}}
@media(max-height:480px) and (orientation:landscape){#openingDialog .opening-top{padding-top:calc(env(safe-area-inset-top,0px) + 12px);padding-bottom:12px}#openingDialog .opening-title{font-size:20px}#openingDialog .opening-bottom{padding-top:14px;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 10px)}#openingDialog .opening-status-row{margin-bottom:6px}#openingDialog progress{margin-bottom:8px}#openingDialog button{min-height:44px;padding:8px 14px}}