/* Approved P010: right-to-left opening, 680ms; paired with project-panel-p010.js. */
.project-panel{position:fixed;inset:0;width:min(480px,100%);height:100dvh;max-width:100%;max-height:100dvh;margin:0 auto;padding:0;border:0;background:transparent;color:#202321;overflow:hidden;overscroll-behavior:none}
.project-panel::backdrop{background:rgba(8,9,9,.08)}.project-panel[hidden]{display:none}
.project-panel-stage{position:relative;width:100%;height:100%;background:#fff;transform:translateX(103%);transition:transform 680ms cubic-bezier(.22,.72,.18,1);box-shadow:-20px 0 45px #0004;will-change:transform;overflow:hidden}
.project-panel.is-visible .project-panel-stage{transform:translateX(0)}
#project-panel-frame{display:block;border:0;width:100%;height:100%;background:#fff}#project-panel-frame[hidden]{display:none}
.project-panel-loading{padding:max(24px,env(safe-area-inset-top)) 22px 25px;background:#fff;height:100%;box-sizing:border-box}
.project-panel-title{display:flex;align-items:center;gap:9px}.project-panel-title button{display:grid;place-items:center;width:32px;min-height:44px;flex:none;border:0;background:none;font:32px Arial,sans-serif;color:#4a453b;cursor:pointer}.project-panel-title h2{margin:0;flex:1;min-width:0;font:32px/1.05 Georgia,serif;letter-spacing:-1.1px}.project-panel-title img{width:106px;height:64px;object-fit:contain;mix-blend-mode:multiply}.project-panel-place{margin:13px 0 0 41px;font:12px Arial,sans-serif;color:#6c706b}.project-panel-status{margin:50px 0 18px;font:13px/1.6 Arial,sans-serif;color:#6c706b;text-align:center}.project-panel-loading[hidden]{display:none}
#project-panel-fallback{text-align:center;font:12px Arial,sans-serif}#project-panel-fallback button,#project-panel-fallback a{display:block;margin:12px auto;min-height:44px;max-width:260px;padding:14px;border:1px solid #b49a68;color:#73582c;background:#fff;text-decoration:none;box-sizing:border-box;cursor:pointer}
.project-panel :focus-visible{outline:2px solid #8d713e;outline-offset:-3px}
@media(max-width:360px){.project-panel-loading{padding-left:18px;padding-right:18px}.project-panel-title{gap:7px}.project-panel-title button{width:28px}.project-panel-title h2{font-size:28px}.project-panel-title img{width:88px;height:58px}.project-panel-place{margin-left:35px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.project-panel-stage{transition:none;will-change:auto}}

#mobile-app{transform-origin:left center;transition:transform 680ms cubic-bezier(.22,.72,.18,1),filter 680ms cubic-bezier(.22,.72,.18,1)}
#mobile-app.has-project-panel{transform:translateX(-12%) scale(.96);filter:brightness(.66)}
@media(prefers-reduced-motion:reduce){#mobile-app{transition:none}#mobile-app.has-project-panel{transform:none;filter:none}}