*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#242421;color:#f0eadf;font:14px system-ui,-apple-system,sans-serif}button,select,input{font:inherit}button{cursor:pointer;border:1px solid #766e5d;background:#302f2bd9;color:#efe6d7;border-radius:6px;padding:9px 15px}button:disabled{opacity:.5;cursor:wait}button:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #ddc79e;outline-offset:4px}canvas{width:100vw;height:100dvh;display:block;outline:none;touch-action:none}header{position:fixed;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:24px 28px;background:linear-gradient(#17191880,transparent);pointer-events:none}header button{pointer-events:auto}strong{font-weight:560;font-size:20px}header span{display:block;font-size:9px;letter-spacing:2px;margin-top:6px;color:#c2b99f}#gate{position:fixed;inset:0;display:grid;place-items:center;background:#242421f5;padding:24px;z-index:3}#gate.paused{background:#1e201fd4;backdrop-filter:blur(7px)}[hidden],#gate[hidden]{display:none!important}.panel{width:min(420px,100%);text-align:center}.eyebrow{font-size:10px;letter-spacing:4px;color:#bdaa85}h1{font-size:32px;letter-spacing:1px;font-weight:450;margin:20px 0}p{line-height:1.8;color:#bdbbb2;font-size:13px}#intro{margin-bottom:32px}progress{width:100%;height:5px;border:0;border-radius:9px;background:#4a4840;accent-color:#d7c6a0}progress::-webkit-progress-bar{background:#4a4840;border-radius:9px}progress::-webkit-progress-value{background:#d7c6a0;border-radius:9px;transition:width .2s}#progress{font-variant-numeric:tabular-nums;min-height:24px}#enter{padding:13px 32px;background:#e6d5b1;color:#29271f;border:0;margin-top:10px;font-size:15px;min-width:180px}.instructions{font-size:11px;margin-top:20px}details{border-top:1px solid #4b4940;margin-top:25px;padding:16px 4px 0;text-align:left;font-size:12px}summary{cursor:pointer;color:#b8ad97;text-align:center}label{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:16px 0}select{background:#37382f;color:#e6dfd1;border:1px solid #655f51;border-radius:4px;padding:5px}input{accent-color:#d7c6a0}#reset{font-size:11px;width:100%}footer{position:fixed;bottom:22px;left:28px;right:28px;display:flex;justify-content:space-between;pointer-events:none;font-size:11px;color:#eee8dc;text-shadow:0 1px 4px #000}#stats{font-variant-numeric:tabular-nums;opacity:.7}#reticle{position:fixed;top:50%;left:50%;width:4px;height:4px;margin:-2px;border-radius:50%;background:#fff9;box-shadow:0 0 2px #0008;pointer-events:none}#error{color:#e6b6a0}#qa{position:fixed;bottom:52px;right:15px;z-index:5;background:#252927e6;padding:8px;font:11px monospace;max-width:400px}#qa output{display:block;max-width:380px;white-space:pre-wrap}#touch-controls{position:fixed;bottom:60px;left:20px;display:grid;grid-template-columns:repeat(3,44px);gap:6px}#touch-controls button:first-child{grid-column:2}#touch-controls button:nth-child(2){grid-column:1}body.active header{opacity:.7}body.active #pause{opacity:.5}@media(max-width:600px){header{padding:16px}header strong{font-size:17px}footer{left:16px;right:16px;bottom:15px}#stats{display:none}h1{font-size:27px}.panel{max-height:90dvh;overflow:auto}#intro{margin-bottom:20px}}

header,footer,#reticle{z-index:2}#gate{z-index:5}#interaction-hud{position:fixed;left:50%;bottom:60px;transform:translateX(-50%);z-index:4;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;max-width:90vw}#interaction-hud>div{display:flex;align-items:center;justify-content:center;gap:8px;background:#252820cf;padding:8px 10px;border:1px solid #776c54;border-radius:8px;white-space:nowrap}#interaction-hud button{background:#332e23e6;font-size:12px}#interaction-hud span{font-size:11px;color:#e0d7c5}#use-object{background:#e6d5b1!important;color:#30291e;box-shadow:0 2px 16px #0004}#tv-actions{flex-wrap:wrap}#tv-status{display:block}body[data-pose="tv"] #reticle,body[data-pose="photo"] #reticle{display:none}@media(max-width:600px){#interaction-hud>div{white-space:normal;flex-wrap:wrap}#interaction-hud{bottom:70px;width:90vw}}

/* The initial entrance is a fixed shot. The existing pause panel stays intact. */
#arrival{position:fixed;inset:0;z-index:3;pointer-events:none;opacity:1}#entry-image,#entry-canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}#entry-image{z-index:1}#entry-canvas{z-index:2}#entry-sound{position:fixed;bottom:26px;right:28px;z-index:6;border:0;background:#17181255;font-size:11px;padding:8px 12px;color:#efe3c8}body:not(.outside) #entry-sound{display:none}body.outside header{z-index:4;background:none;text-shadow:0 2px 15px #0008}body.outside #pause,body.outside footer,body.outside #reticle,body.outside #touch-controls{display:none!important}body.outside #gate{background:none;backdrop-filter:none;place-items:end center;padding-bottom:max(30px,5vh);pointer-events:none}body.outside .panel{width:min(340px,85vw);pointer-events:auto;text-shadow:0 2px 10px #000b}body.outside #gate h1,body.outside #intro,body.outside #settings,body.outside .instructions{display:none}body.outside .eyebrow{display:block;font-size:9px;letter-spacing:3px;color:#f0e0bc;margin-bottom:12px}body.outside #bar{display:block;width:170px;margin:auto;background:#10120f70;height:2px}body.outside #progress{font-size:10px;min-height:14px;margin:8px 0;color:#e7dac4}body.outside #enter{margin-top:10px;background:#eee5d2f2;border:1px solid #fffffc66;box-shadow:0 5px 30px #0004;min-width:170px;font-size:13px;letter-spacing:1px;padding:13px 26px}body.outside #enter:disabled{opacity:.8;background:#1b211ba8;color:#ebdec5;border-color:#b8a77e55}body.entering #entry-sound,body.entering header{opacity:0;transition:opacity .35s}#return-entry{font-size:11px;width:100%;margin-top:10px;background:none}body.outside #gate[data-ready="true"] #bar,body.outside #gate[data-ready="true"] #progress{display:none}@media(max-width:600px){body.outside header{padding:20px}body.outside #gate{padding-bottom:70px}#entry-sound{right:15px;bottom:20px}}

#entry-canvas{left:0;right:0;transform:none;box-shadow:none}body.outside header{opacity:.78}body.outside .eyebrow{font-size:8px;letter-spacing:2px}body.outside #gate{padding-bottom:26px}body.outside #enter{font-size:12px;padding:12px 23px}body.outside #entry-sound{bottom:25px}#arrival{background:transparent}

body.clean header,body.clean footer,body.clean #reticle,body.clean #interaction-hud,body.clean #qa,body.clean #exhibit-access,body.clean #entry-pick-hint,body.clean #entry-sound{visibility:hidden!important}#capture-photo{margin-top:12px}body.photo-exporting:after{content:"正在导出高清照片…";position:fixed;right:24px;top:24px;z-index:300;color:white;background:#20251de8;padding:12px 18px;border-radius:6px}

#qa{display:none!important}