/* Companion navigation; the original artwork renderer is unchanged. */
html,body{height:100%;overflow:hidden;background:#000}body{margin:0}main#artwork-stage{position:fixed;inset:0;max-width:none;margin:0;padding:0}#gathering,.canvas-wrap{position:absolute;inset:0;width:100%;height:100%;border:0}#field{width:100%;height:100%;display:block}.artwork-title{position:fixed;top:max(22px,env(safe-area-inset-top));left:max(26px,env(safe-area-inset-left));pointer-events:none;max-width:calc(100vw - 110px);text-shadow:0 2px 12px #000}.artwork-title h1{font:400 19px/1.3 Georgia,serif;margin:0 0 6px}.artwork-title p{font-size:10px;letter-spacing:.06em;color:#96a69a;margin:0}#menu-toggle{position:fixed;z-index:4;top:max(18px,env(safe-area-inset-top));right:max(22px,env(safe-area-inset-right));display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #66796d70;border-radius:50%;background:#08110dcc;backdrop-filter:blur(12px);color:#d1ddcf}#menu-toggle[aria-expanded=true]{background:#253629}#artwork-menu{position:fixed;z-index:3;right:max(22px,env(safe-area-inset-right));top:74px;width:min(310px,calc(100vw - 32px));max-height:calc(100dvh - 96px);overflow:auto;overscroll-behavior:contain;margin:0;padding:22px;border:1px solid #435a47;border-radius:13px;background:#0a120ef5;backdrop-filter:blur(18px);box-shadow:0 18px 60px #0008}#artwork-menu[hidden]{display:none}.menu-premise{font-size:13px;color:#b0c1b1;line-height:1.6;margin:10px 0 22px}#artwork-menu>a,#artwork-menu>button{display:flex;width:100%;justify-content:space-between;align-items:center;min-height:45px;border:0;border-top:1px solid #2d3b2f;border-radius:0;background:transparent;color:#d7e3d3;text-decoration:none;text-align:left;padding:12px 4px;font-size:13px}#artwork-menu>button:disabled{color:#7c8b7c;cursor:default}#artwork-menu>a:hover,#artwork-menu>button:enabled:hover{background:#243126}.artwork-status{position:fixed;bottom:max(22px,env(safe-area-inset-bottom));left:max(26px,env(safe-area-inset-left));right:26px;pointer-events:none;text-shadow:0 1px 10px #000;max-width:710px}.artwork-status p{margin:4px 0}.artwork-status .eyebrow{font-size:9px}.artwork-status #record-status{font-size:12px;color:#c3d0be}.artwork-status .small{font-size:10px;color:#91a18f;line-height:1.5}.artwork-status #gift-time{max-width:660px;overflow-wrap:anywhere}.artwork-status #invitation{display:inline-block;margin-top:10px;pointer-events:auto;font-size:12px;color:#dbe8d1;text-decoration:none;border-bottom:1px solid #899d83;padding:3px 0}#info-panel{position:fixed;inset:0 0 0 auto;margin:0;width:min(680px,100vw);height:100dvh;max-height:none;max-width:none;border:0;border-left:1px solid #40513f;padding:0;background:#0a100ceF;color:#dfe7d8;backdrop-filter:blur(22px);overflow:auto;overscroll-behavior:contain}#info-panel::backdrop{background:#0009;backdrop-filter:blur(3px)}.panel-heading{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:16px 28px;background:#0a100cf5;border-bottom:1px solid #29392b}.panel-heading p{font-size:11px;letter-spacing:.08em;color:#a5b49f;margin:0}#close-panel{border:0;font-size:26px;background:transparent;padding:0;width:42px;height:42px}#panel-content{padding:18px 32px 38px}#panel-content>section{margin:0;border:0;padding:8px 0;display:block}#panel-content>section[hidden]{display:none}#panel-content .two-column{display:block}#panel-content h2{font-size:29px}#panel-content p,#panel-content li{font-size:14px}#panel-content .small{font-size:12px}#panel-content #personal-section{margin-top:26px}#panel-content #personal{max-width:520px}#panel-content .lookup-row{flex-direction:column}#panel-content #personal-section .two-column>div{margin-top:18px}#panel-content figure img{max-width:320px}.skip:focus{z-index:6}dialog:not([open]){display:none}@media(max-width:600px){.artwork-title{top:19px;left:18px}.artwork-title h1{font-size:17px}.artwork-title p{font-size:9px}#menu-toggle{top:14px;right:14px}#artwork-menu{right:14px;top:69px}.artwork-status{left:18px;right:18px;bottom:max(18px,env(safe-area-inset-bottom))}.artwork-status #gift-time{max-width:90%;font-size:9px}#panel-content{padding:18px 22px 32px}.panel-heading{padding:12px 18px}#info-panel{width:100vw}}@media(max-height:480px){.artwork-title h1{font-size:14px}.artwork-status .small{display:none}.artwork-status #invitation{margin-top:3px}#artwork-menu{top:64px;max-height:calc(100dvh - 74px)}}