/* Permission prompts share the stage, without downloading a project or cover. */
:root{--gate-panel:#fffdf7;--gate-text:#252a4a;--gate-border:#252a4a;--gate-muted:#66708a}
[hidden]{display:none!important}
body.access-locked #project-shell{background:linear-gradient(145deg,#f8faff,#e8edf9)}
body.access-locked #start-overlay{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}
#access-panel{position:absolute;inset:0;z-index:70;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(21,28,48,.42)}
.access-card{position:relative;width:100%;max-width:360px;padding:44px 24px 30px;border:2px solid var(--gate-border);border-radius:18px;background:var(--gate-panel);color:var(--gate-text);box-shadow:0 10px 30px rgba(0,0,0,.17);text-align:center}
.access-message{margin:0 0 22px;font-size:18px;line-height:1.65;font-weight:600;overflow-wrap:anywhere}
.access-action{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 28px;border:0;border-radius:10px;background:#4c79e8;color:#fff;font-family:inherit;font-size:15px;font-weight:600;line-height:1.4;text-decoration:none;cursor:pointer}
.access-action:hover{background:#3c68d4;color:#fff}
.access-close{position:absolute;top:9px;right:9px;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--gate-muted);font:26px/30px Arial,sans-serif;cursor:pointer}
.access-close:hover{background:rgba(128,128,128,.12)}
.access-action:focus-visible,.access-close:focus-visible,#start-flag:focus-visible,.sc-btn:focus-visible{outline:3px solid #77a8ff;outline-offset:3px}
@media(max-width:400px){#access-panel{padding:12px}.access-card{padding:38px 16px 24px}.access-message{font-size:16px;margin-bottom:17px}}