/* Access colours follow the existing DAL appearance preference. */
:root,.dal-nexus[data-dal-theme=light]{--access-bg:#f3f5f8;--access-surface:#fff;--access-text:#293348;--access-muted:#657187;--access-line:#dce1e9;--access-button:#f5f6f9;--access-hover:#eaeef4;--access-accent:#b83250;--access-error:#a82d43;--access-shadow:#26344a14}
:root[data-dal-access-theme=dark],.dal-nexus[data-dal-theme=dark]{--access-bg:#111722;--access-surface:#1b2331;--access-text:#e0e6ef;--access-muted:#a4afc0;--access-line:#384255;--access-button:#222c3c;--access-hover:#2c384b;--access-accent:#db8193;--access-error:#e69aa9;--access-shadow:#0003}
body:has(#gate){margin:0;min-height:100dvh;display:grid;place-items:center;background:var(--access-bg);color:var(--access-text);font-family:system-ui,-apple-system,sans-serif}
#gate,#gate *{box-sizing:border-box}
.gate{width:min(370px,calc(100vw - 32px));padding:32px 28px 22px;text-align:center;border:1px solid var(--access-line);border-radius:28px;background:var(--access-surface);box-shadow:0 20px 65px var(--access-shadow)}
.gate-icon{color:var(--access-accent);margin:0 auto 18px}
.gate-title{font-size:23px;font-weight:550;letter-spacing:-.5px;margin:14px 0 28px}
.dots{display:flex;justify-content:center;gap:13px;margin:0 0 27px}.dot{width:10px;height:10px;border-radius:50%;border:1px solid var(--access-muted)}.dot.filled{background:var(--access-accent);border-color:var(--access-accent)}
.pad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:264px;margin:auto}.pad button{font:500 22px/1 system-ui;color:var(--access-text);min-height:54px;border:1px solid var(--access-line);border-radius:15px;background:var(--access-button);cursor:pointer}.pad button:hover,.pad button:active{background:var(--access-hover)}.pad button:focus-visible{outline:2px solid var(--access-accent);outline-offset:3px}.pad-empty{visibility:hidden}.pad-del svg{vertical-align:middle}.pad-del{background:transparent!important;border-color:transparent!important;color:var(--access-muted)!important}
.error{min-height:36px;margin:20px 0 0;font-size:12px;line-height:1.6;color:var(--access-error)}.gate[aria-busy=true] .pad{pointer-events:none}#gate-form{display:none}
.dal-access-transition{position:fixed;inset:0;z-index:2147483647;display:grid;place-items:center;overflow:hidden;background:var(--access-bg);color:var(--access-text);font-family:system-ui;text-align:center;pointer-events:all}.dal-access-message{position:relative;display:grid;gap:14px;padding:24px}.dal-access-message strong{font-size:clamp(19px,4vw,27px);font-weight:500}.dal-access-message span{font-size:12px;color:var(--access-muted)}
@media(max-height:650px){.gate{padding:18px 24px 12px}.gate-icon{margin-bottom:8px}.gate-icon svg{height:36px}.dots{margin-bottom:18px}.pad button{min-height:46px}.error{margin-top:12px}}

/* One quiet instrument panel; movement stays within the central frame. */
body:has(#gate){background-image:linear-gradient(color-mix(in srgb,var(--access-line) 26%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--access-line) 26%,transparent) 1px,transparent 1px),radial-gradient(ellipse at 50% 30%,color-mix(in srgb,var(--access-accent) 5%,var(--access-bg)),var(--access-bg) 65%);background-size:54px 54px,54px 54px,100% 100%}
.gate{position:relative;width:min(394px,calc(100vw - 32px));padding:36px 36px 22px;border-radius:24px;background:linear-gradient(155deg,color-mix(in srgb,var(--access-surface) 97%,var(--access-accent)),var(--access-surface) 55%);box-shadow:0 30px 80px var(--access-shadow),0 4px 12px var(--access-shadow),inset 0 1px color-mix(in srgb,var(--access-surface) 70%,transparent)}
.gate-frame{display:flex;align-items:center;gap:5px;position:absolute;top:18px;left:22px;right:22px;height:5px}.gate-frame:after{content:"";height:1px;background:var(--access-line);flex:1;margin-left:9px}.gate-frame i{width:4px;height:4px;border-radius:1px;background:var(--access-line)}.gate-frame i:first-child{background:var(--access-accent);width:16px}
.gate-icon{position:relative;width:76px;height:76px;display:grid;place-items:center;margin:12px auto 22px;border:1px solid color-mix(in srgb,var(--access-accent) 20%,var(--access-line));border-radius:23px;background:color-mix(in srgb,var(--access-accent) 5%,var(--access-surface));box-shadow:inset 0 0 0 5px var(--access-surface)}.gate-icon>svg{width:35px;height:35px}.gate-icon>span{position:absolute;right:-7px;bottom:-5px;border:1px solid var(--access-line);border-radius:9px;width:25px;height:25px;display:grid;place-items:center;background:var(--access-surface);color:var(--access-muted)}.gate-icon>span svg{width:14px;height:14px}
.gate-title{font-size:22px;letter-spacing:-.7px;margin:0 0 24px;font-weight:600}.dots{margin-bottom:26px;gap:12px}.dot{width:8px;height:8px;border-color:color-mix(in srgb,var(--access-muted) 60%,var(--access-line))}
.pad{max-width:284px;gap:9px}.pad button{min-height:57px;border-radius:13px;box-shadow:inset 0 1px color-mix(in srgb,var(--access-surface) 75%,transparent),0 2px 3px var(--access-shadow);font-size:21px;font-weight:450}.pad button:hover{border-color:color-mix(in srgb,var(--access-accent) 35%,var(--access-line))}.pad-del{box-shadow:none!important}.error{margin-top:18px;font-size:11px;min-height:30px}
.dal-access-transition{background:var(--access-bg)}.dal-access-console{position:relative;display:grid;justify-items:center;width:min(380px,calc(100vw - 68px));padding:44px 12px 28px;border-top:1px solid var(--access-line);border-bottom:1px solid var(--access-line);background:linear-gradient(180deg,color-mix(in srgb,var(--access-surface) 75%,transparent),transparent)}.dal-access-rail{position:absolute;top:-1px;bottom:-1px;width:24px;border-block:2px solid var(--access-accent);opacity:.65}.dal-access-rail--left{left:0;border-left:2px solid var(--access-accent);border-radius:9px 0 0 9px}.dal-access-rail--right{right:0;border-right:2px solid var(--access-accent);border-radius:0 9px 9px 0}
.dal-access-seal{display:grid;place-items:center;width:64px;height:64px;border:1px solid var(--access-line);border-radius:19px;color:var(--access-accent);background:var(--access-surface);box-shadow:0 8px 24px var(--access-shadow)}.dal-access-seal svg{width:29px;height:29px;overflow:visible}.dal-access-message{padding:23px 0 26px;gap:10px}.dal-access-message strong{font-size:clamp(18px,4vw,24px);font-weight:550;letter-spacing:-.5px}.dal-access-message span{font-size:11px}.dal-access-track{width:104px;height:3px;border-radius:3px;overflow:hidden;background:var(--access-line)}.dal-access-progress{height:100%;width:100%;background:var(--access-accent);transform-origin:left;border-radius:3px}.dal-access-detail{display:flex;gap:7px;margin-top:23px}.dal-access-detail i{width:3px;height:3px;background:var(--access-line)}.dal-access-detail i:nth-child(3),.dal-access-detail i:nth-child(4){background:var(--access-muted)}
@media(max-height:650px){.gate{padding:24px 28px 12px}.gate-frame{top:12px}.gate-icon{width:56px;height:56px;border-radius:17px;margin:8px auto 16px}.gate-icon>svg{width:28px;height:28px}.gate-title{font-size:20px;margin-bottom:18px}.dots{margin-bottom:19px}.pad button{min-height:44px}.error{margin-top:12px}}