:root{color-scheme:dark;--ink:#0f0e0c;--paper:#e9dfc9;--brass:#c9a35b;--muted:#b5ae9d;--line:rgba(201,163,91,.35)}*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--paper);font:15px/1.55 system-ui,sans-serif;overflow:hidden}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,input,select{font:inherit}button,a{touch-action:manipulation}button{color:inherit;background:#191a19;border:1px solid var(--line);padding:10px 15px;cursor:pointer;min-height:44px}button:hover{background:#303027;border-color:var(--brass)}button:disabled{opacity:.45;cursor:wait}a{color:var(--paper);text-underline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,canvas:focus-visible{outline:2px solid var(--brass);outline-offset:4px}[hidden]{display:none!important}.simulation{position:absolute;top:0;width:100%;min-height:26px;z-index:8;background:#c9a35b;color:#191710;font-size:10px;letter-spacing:.14em;text-align:center;padding:5px 8px}.simulation span{margin-left:16px;letter-spacing:.03em}#museum{position:fixed;inset:26px 0 0}#scene{width:100%;height:100%;display:block;touch-action:none}.hud{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px 32px;background:linear-gradient(#0f0e0ce8,transparent);z-index:4;pointer-events:none}.hud>*{pointer-events:auto}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font:13px/1.25 Georgia,serif;letter-spacing:.1em}.brand-seal{border:1px solid var(--brass);border-radius:50% 50% 0 0;padding:9px 12px;color:var(--brass);font-size:22px}.location{display:flex;flex-direction:column;gap:3px;text-align:center;font:18px Georgia,serif}.eyebrow{display:block;font:10px/1.5 system-ui,sans-serif;letter-spacing:.17em;color:var(--brass)}nav{display:flex;gap:8px}nav button{background:#0f0e0cbf;font-size:12px}.entry{position:absolute;inset:0;z-index:3;background:linear-gradient(90deg,rgba(15,14,12,.98),rgba(15,14,12,.72) 43%,rgba(15,14,12,.05) 80%);display:flex;align-items:center;padding:100px 7vw 60px}.entry:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0f0e0cba,transparent),url('/assets/3d/ui/loading.jpg') center/cover;opacity:.35;z-index:-1}.entered .entry:before{background:none}.entry{overflow-y:auto}.entry-paper{width:min(560px,100%)}h1{font:clamp(46px,5.7vw,78px)/1.02 Georgia,serif;font-weight:normal;letter-spacing:-.045em;margin:22px 0}h1 em,h2 em{font-weight:normal;color:var(--brass)}.entry-copy{color:#d2c9b6;font-size:17px;margin:22px 0}.primary{background:var(--brass);color:var(--ink);border-color:var(--brass);min-width:184px;padding:14px 22px;text-align:left}.primary:hover{background:#dfc283}.primary span{float:right}.text-button{border:0;background:transparent;text-decoration:underline;text-underline-offset:5px}.catalog-link{display:block;width:fit-content;margin:15px 0;font-size:13px}.small{font-size:12px;color:var(--muted)}.load-state{width:270px;max-width:100%;font-size:11px;color:var(--muted);margin-bottom:18px}progress{display:block;width:100%;height:3px;appearance:none;border:0;background:#34302a;accent-color:var(--brass);margin-top:8px}progress::-webkit-progress-bar{background:#34302a}progress::-webkit-progress-value{background:var(--brass)}.entry-caption{position:absolute;bottom:23px;left:32px;right:32px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.15em;color:var(--muted)}.map{position:absolute;left:32px;top:100px;z-index:7;width:370px;max-width:calc(100% - 32px);max-height:calc(100% - 130px);overflow:auto;background:#171916f5;border:1px solid var(--line);padding:22px}.panel-heading,.drawer-head{display:flex;align-items:center;justify-content:space-between;gap:16px}h2{font:32px/1.15 Georgia,serif;font-weight:normal;margin:12px 0 18px}.panel-heading h2{font-size:26px}.hall-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:20px 0;border-left:1px solid var(--line);padding-left:12px}.hall-list button{text-align:left;font:14px Georgia,serif;padding:14px 10px;min-height:68px}.hall-list small{display:block;font:10px system-ui,sans-serif;color:var(--muted);margin-top:6px}.hall-list button[aria-current=true]{border-color:var(--brass);background:#363125}.hall-list button:last-child{grid-column:1/-1}#reticle{position:absolute;top:50%;left:50%;width:5px;height:5px;border-radius:50%;background:#e9dfc999;pointer-events:none}.approach{position:absolute;left:50%;top:56%;transform:translateX(-50%);width:320px;max-width:calc(100% - 48px);background:#e9dfc9f5;color:#23241e;padding:17px 20px;text-align:left;border:4px double #9a8049;z-index:2}.approach .eyebrow{color:#685629}.approach strong{display:block;font:23px/1.15 Georgia,serif;margin:5px 0}.approach>span:not(.eyebrow){display:block;font-size:12px}.approach .inspect-key{margin-top:12px;border-top:1px solid #938365;padding-top:8px;font-size:9px;letter-spacing:.12em}.subtitle{position:absolute;bottom:74px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:18px;max-width:720px;width:calc(100% - 60px);padding:15px 22px;background:linear-gradient(90deg,#101511ed,#101511c9);border-left:2px solid var(--brass);pointer-events:none;z-index:3}.subtitle img{object-fit:contain;flex:0 0 52px;margin-top:-32px}.subtitle p{font:19px/1.4 Georgia,serif;margin:4px 0}.speech{position:absolute;left:50%;top:31%;transform:translateX(-50%);width:300px;max-width:80%;background:#e9dfc9;color:#202b25;padding:14px 18px;pointer-events:none;border-bottom:3px solid #c2553f;z-index:2}.speech:after{content:"";position:absolute;bottom:-12px;left:50%;border:6px solid transparent;border-top-color:#c2553f}.speech .eyebrow{color:#a34834}.speech>span:last-child{font:16px/1.4 Georgia,serif}#walk-help{position:absolute;bottom:18px;left:32px;right:32px;display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:.1em;color:var(--muted);pointer-events:none}#walk-help button{pointer-events:auto;font-size:11px}#tour-status{position:absolute;bottom:23px;left:32px;right:32px;display:flex;align-items:center;gap:16px;z-index:5;font-size:11px}#tour-status progress{flex:1;margin:0}#tour-status button{font-size:11px}#touch-controls{position:absolute;inset:auto 0 20px;height:110px;pointer-events:none;z-index:3}#joystick{position:absolute;left:24px;bottom:0;width:104px;height:104px;border:1px solid #c9a35b70;border-radius:50%;background:#151a2188;touch-action:none;pointer-events:auto}#joystick-knob{position:absolute;left:33px;top:33px;width:36px;height:36px;border-radius:50%;background:#c9a35ba8;border:1px solid #f1dfb2;pointer-events:none}#joystick span{position:absolute;bottom:9px;left:34px;font-size:9px;letter-spacing:.1em;pointer-events:none}#touch-inspect{position:absolute;right:24px;bottom:22px;pointer-events:auto;background:#151a21c9}.end-card{position:absolute;inset:0;z-index:6;background:#0f0e0ced;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:28px;text-align:center}.end-card h2{font-size:clamp(34px,6vw,70px)}.end-card p{color:var(--muted)}#perf{position:absolute;right:12px;top:102px;z-index:9;white-space:pre;font:11px/1.5 monospace;background:#000c;color:#eee;padding:10px;pointer-events:none}dialog{position:fixed;inset:0 0 0 auto;margin:0;height:100dvh;max-height:100dvh;width:min(570px,100%);max-width:100%;border:0;border-left:1px solid var(--brass);padding:26px;background:#e9dfc9;color:#24251e;overflow:auto;overscroll-behavior:contain}dialog::backdrop{background:#060c16a6}dialog .eyebrow{color:#705d37}dialog button{background:#ded2b8;color:#25261e}dialog a{color:#4a543a}dialog p{line-height:1.65}dialog h3{font:21px Georgia,serif;margin-top:28px}dialog h2{font-size:36px;overflow-wrap:anywhere}dialog .small{color:#626253}.drawer-head{padding-bottom:17px;border-bottom:1px solid #a39474}.record-meta{display:flex;gap:10px;flex-wrap:wrap;font-size:11px;letter-spacing:.06em}.record-meta span{border:1px solid #a79878;padding:4px 7px}.record-links{display:flex;flex-wrap:wrap;gap:10px 18px;margin:20px 0;font-size:13px}.hold{border-left:3px solid #a24d37;background:#d8c9ad;padding:12px 16px}.hold p{margin:5px 0;font-size:13px}details{border-top:1px solid #ad9b78;padding:14px 0}summary{cursor:pointer;font-size:14px}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;max-height:500px;overflow:auto}.source-list{padding-left:20px;font-size:13px}.source-list li{margin-bottom:10px;overflow-wrap:anywhere}.evidence{font-size:12px;border-top:1px solid #b4a585;padding:8px 0}.record-fields{margin:0}.record-fields dt{font-size:11px;text-transform:uppercase;color:#706044;margin-top:13px}.record-fields dd{margin:2px 0;overflow-wrap:anywhere}.search-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.search-form label:first-child{grid-column:1/-1}.search-form label{font-size:12px}.search-form input,.search-form select{width:100%;min-height:44px;border:1px solid #a0906c;background:#f4ebd8;color:#24251e;padding:10px;border-radius:0}.search-form button{grid-column:1/-1}.results{display:flex;flex-direction:column}.result{display:flex;align-items:center;justify-content:space-between;gap:14px;text-align:left;border:0;border-top:1px solid #ab9b77;padding:16px 0;background:transparent!important}.result strong{font:21px Georgia,serif}.result small{display:block;font-size:11px;margin-top:4px}.result>span:last-child{font-size:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.noscript{position:fixed;inset:40% 20%;background:#141710;padding:30px;z-index:20}.touring .approach,.touring #walk-help,.touring #touch-controls,.touring #reticle{display:none!important}.touring .hud{opacity:.75}.touring .location{display:flex}
@media(min-width:1500px){.entry{padding-left:10vw}}@media(max-height:740px) and (min-width:701px){h1{font-size:58px;margin:15px 0}.entry{padding-top:90px}.entry-copy{margin:14px 0}.entry .small{margin:8px 0}.entry-caption{display:none}}@media(max-width:700px){.simulation{font-size:9px}.simulation span{margin-left:8px}.hud{padding:17px 16px;gap:12px;flex-wrap:wrap;align-items:flex-start}.brand{font-size:10px;gap:8px}.brand-seal{font-size:17px;padding:7px 9px}.location{position:absolute;top:77px;left:17px;text-align:left;font-size:16px}.location .eyebrow{font-size:8px}nav{gap:5px;flex-wrap:wrap;max-width:230px;justify-content:flex-end}nav button{font-size:10px;padding:8px;min-height:40px}.entry{align-items:center;padding:105px 25px 25px;background:linear-gradient(90deg,#0f0e0ce8,#0f0e0c75)}h1{font-size:53px}.entry .eyebrow{font-size:9px}.entry-copy{font-size:15px}.entry .text-button{display:block;padding:12px 0}.entry-caption{display:none}.entry .small{font-size:10px}.entry .catalog-link{margin:6px 0 16px}.entry-paper{max-width:400px}.entry~.location{display:none}.map{left:16px;top:125px;max-height:calc(100% - 145px);padding:18px}.approach{top:42%;width:275px;padding:12px 15px}.approach strong{font-size:20px}.subtitle{bottom:145px;width:calc(100% - 32px);padding:12px;gap:10px}.subtitle p{font-size:16px}.subtitle img{width:32px;height:65px;flex-basis:32px}.speech{top:23%;font-size:13px}.speech>span:last-child{font-size:14px}#control-hint{display:none}#walk-help{left:auto;right:16px;bottom:24px}#look-button{display:none}#tour-status{left:16px;right:16px;bottom:22px}.touring .subtitle{bottom:85px}#perf{top:120px;font-size:9px;right:8px}dialog{padding:20px}.end-card h2{font-size:34px}#fixture-notice{display:none}.entry .load-state{margin-bottom:12px}}@media(max-height:650px){.entry{overflow:auto;align-items:flex-start}.entry h1{font-size:42px;margin:12px 0}.entry-copy{margin:12px 0}.entry .small{display:none}.entry-paper>.eyebrow{margin-top:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

@media(max-width:700px){.entry{display:block}.drawer-head>div{display:flex;gap:5px}.drawer-head button{font-size:11px;padding:8px}.drawer-head>.eyebrow{max-width:100px}}

/* Projected plaque: measured as a whole before placement inside the safe area. */
.tour-plaque{position:absolute;z-index:2;width:296px;max-width:calc(100% - 32px);padding:12px 16px;border:3px double #9a8049;background:#e9dfc9f5;color:#28303a;text-align:left;overflow:auto;overflow-wrap:anywhere;box-shadow:0 8px 26px #14223a40}
.tour-plaque:hover{background:#f2e7cd;color:#28303a}.tour-plaque .eyebrow{color:#725b32;font-size:10px}.tour-plaque strong{display:block;font:21px/1.15 Georgia,serif;margin:5px 0}.tour-plaque>span:not(.eyebrow){display:block;font:12px/1.4 system-ui,sans-serif}.tour-plaque small{display:block;font-size:9px;letter-spacing:.12em;color:#725b32;margin-top:8px}
.touring .subtitle{max-width:760px;background:#142238ed;border-color:#c9a35b}.touring .hud{opacity:1}.touring .subtitle p{font-size:17px}.touring .subtitle img{display:none}
@media(max-width:700px){.tour-plaque{width:248px;padding:9px 12px}.tour-plaque strong{font-size:18px}.tour-plaque>span:not(.eyebrow){font-size:11px}.touring .subtitle{bottom:72px;max-height:110px;overflow:auto}.touring .subtitle p{font-size:14px}.touring .location{top:82px}.tour-plaque small{margin-top:5px}}

.plaque-leader{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}.plaque-leader line{stroke:#c9a35b;stroke-width:1;opacity:.55;stroke-dasharray:3 4}

.tour-plaque .plaque-peak{font-size:10px!important;border-top:1px solid #b5a176;padding-top:5px;margin-top:5px;overflow-wrap:anywhere}

/* Round 8: taped office paper, yellow haze and utilitarian controls. */
:root{color-scheme:light;--ink:#343225;--paper:#f3efdb;--brass:#716632;--muted:#68634d;--line:#a69c72}
body{background:#a8915a;color:var(--ink);font-family:ui-monospace,"Courier New",monospace}
button{background:#e7e1c6;color:var(--ink);border-color:var(--line);border-radius:0}
button:hover{background:#f7f3df;border-color:#655e40}
a{color:#343225}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,canvas:focus-visible{outline-color:#514b20}
.simulation{background:#d6c77e;color:#343225;border-bottom:1px solid #a69c72;letter-spacing:.11em}
.hud{padding:20px 28px;background:linear-gradient(#ddd29be8,#ddd29b00)}
.brand,.location{font-family:ui-monospace,"Courier New",monospace}.brand{font-weight:700;letter-spacing:.02em}
.brand-seal{border:1px solid #68634d;border-radius:0;color:#514b30;font:700 20px monospace;padding:9px 10px;background:#e9e1bc}
.location{text-align:left;font-size:15px}.eyebrow{font-family:ui-monospace,"Courier New",monospace;font-size:10px;color:#68613d;letter-spacing:.11em}
nav button{background:#ece6ceeb;font-family:inherit;box-shadow:1px 2px 0 #776c3c25}
.entry{padding:112px 7vw 64px;background:#c8b560;isolation:isolate}
.entry:before{opacity:1;background:url('/assets/3d-backrooms/ui/loading-backrooms.jpg') center/cover,linear-gradient(165deg,transparent 0 62%,#a8915a 62%),repeating-linear-gradient(90deg,#d9c77a 0 6px,#cdbb6d 7px 9px);z-index:-1}
.entry-paper{position:relative;width:min(470px,100%);padding:28px 30px;background:#f3efdbf5;border:1px solid #c8bd97;box-shadow:4px 8px 18px #5b512c35}
.entry-paper:before,.entry-paper:after{content:"";position:absolute;top:-10px;width:78px;height:23px;background:#c5b783aa;border:1px solid #ad9e6466;transform:rotate(-5deg)}
.entry-paper:before{left:22px}.entry-paper:after{right:22px;transform:rotate(6deg)}
h1{font-family:"Chalkboard SE","Comic Sans MS",sans-serif;font-weight:700;font-size:clamp(34px,3.7vw,52px);line-height:1.06;letter-spacing:-.04em;margin:20px 0}
h1 em,h2 em{font-style:normal;color:#665b2e}.entry-copy{color:#59543f;font-size:13px;line-height:1.65;margin:18px 0}
.primary{background:#615c37;color:#fff9dd;border-color:#615c37;font-family:inherit;min-width:172px}.primary:hover{background:#4e4a2e;color:#fff9dd}
.text-button{color:#514b30;background:transparent;font-size:12px}.catalog-link{font-size:12px}
.entry .text-button{display:block;padding:12px 0}.entry .small{font-size:10px;line-height:1.65}.entry .load-state{font-size:10px;margin-bottom:16px}
progress,progress::-webkit-progress-bar{background:#c8bea0}progress::-webkit-progress-value{background:#746b38}
.entry-caption{color:#343225;background:#e8dfb6df;padding:7px 10px;bottom:16px;width:fit-content;gap:32px;font-family:monospace}
.map{background:#f3efdbf7;box-shadow:3px 5px 0 #6f664438;border:1px solid #a69c72}
h2,.panel-heading h2,.hall-list button,dialog h3,.result strong{font-family:"Chalkboard SE",sans-serif;font-weight:700}
.hall-list{border-color:#a69c72}.hall-list button{font-size:13px}.hall-list button[aria-current=true]{background:#d9ce9e;border-color:#6d633a}
.approach,.tour-plaque{background:#f3efdb;color:#343225;border:1px solid #c7bfa4;box-shadow:2px 4px 7px #51492c30;padding:17px 18px 12px;background-image:url('/assets/3d-backrooms/tex/paper-note.jpg');background-size:100% 100%;overflow-wrap:anywhere}
.approach:before,.tour-plaque:before{content:"";position:absolute;top:0;left:18px;width:42px;height:8px;background:#bbae7180;pointer-events:none}
.approach strong,.tour-plaque strong{font-family:"Chalkboard SE",sans-serif;font-weight:700;line-height:1.2}
.approach .eyebrow,.tour-plaque .eyebrow,.tour-plaque small{color:#68613d}.tour-plaque:hover{background-color:#faf6e6;color:#343225}
.plaque-leader line{stroke:#746b43;opacity:.65}.tour-plaque .plaque-peak{border-color:#bdb18b}
.subtitle,.touring .subtitle{background:#efead5f0;color:#343225;border-color:#a39761;box-shadow:2px 3px 0 #69613a33}
.subtitle img{display:none}.subtitle p{font:15px/1.5 ui-monospace,"Courier New",monospace}.touring .subtitle p{font-size:15px}
.speech{background:#f3efdb;color:#343225;border-color:#8a432d}.speech>span:last-child{font:14px/1.5 ui-monospace,monospace}
#walk-help,#tour-status{color:#343225}#control-hint,#tour-time{background:#e9e1bee8;padding:7px 10px}
#joystick{background:#a99b63a8;border-color:#5c5639}#joystick-knob{background:#e9e3c9;border-color:#746b43}#touch-inspect{background:#ece6d0}
.end-card{background:#d2c383f5}.end-card h2{font-family:"Chalkboard SE",sans-serif}.end-card p{color:#59543f}
#perf{background:#514d36ed;color:#f3efdb}.noscript{background:#e9e1bc;color:#343225}
dialog{background:#f3efdb;color:#343225;border-color:#a69c72}dialog::backdrop{background:#716a45a6}dialog button{background:#e7dfc3}dialog a{color:#514b30}.hold{background:#e5d8b6;border-color:#8a432d}
.film{position:absolute;inset:0;pointer-events:none;z-index:1;box-shadow:inset 0 0 12vw #4e45242e;background:radial-gradient(ellipse at center,transparent 58%,#77612813 84%,#71884b12);}
.film:after{content:"";position:absolute;inset:0;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23726c45' filter='url(%23n)' opacity='.65' d='M0 0h160v160H0z'/%3E%3C/svg%3E");}
@media(max-width:700px){.hud{padding:16px;gap:10px}.brand{font-size:9px}.brand-seal{font-size:16px;padding:7px 8px}.location{font-size:14px}nav button{font-size:10px;padding:8px}.entry{padding:135px 20px 28px}.entry-paper{padding:24px 22px;max-width:460px}.entry h1{font-size:38px}.entry-copy{font-size:12px}.entry .catalog-link{margin:8px 0 16px}.tour-plaque{padding:12px}.subtitle p,.touring .subtitle p{font-size:13px}.entry-caption{display:none}.end-card h2{font-size:32px}}
@media(max-height:740px) and (min-width:701px){.entry{padding-top:100px;padding-bottom:24px}.entry-paper{padding:22px 26px}.entry h1{font-size:40px;margin:14px 0}.entry-copy{margin:12px 0}.entry-caption{display:none}}
@media(max-height:650px){.entry{align-items:flex-start}.entry h1{font-size:34px}.entry-paper>.eyebrow{margin-top:0}}
.approach{max-height:28%;overflow:auto}
@media(max-width:700px){.approach{top:38%;max-height:24%}}

/* Round 10: camcorder chrome, a found entry note and an evidence file. */
:root{--ink:#28271e;--paper:#f3efdb;--brass:#dbc27d;--muted:#68634d;--line:#a69c72}
body{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;background:#a8915a}
.simulation{background:#353526;color:#f3efdb;font:10px/16px ui-monospace,monospace;min-height:26px;padding:5px 8px}
.hud{padding:22px 24px;align-items:flex-start;gap:18px;background:linear-gradient(#24251dcc,transparent);color:#f3efdb;text-shadow:0 1px 2px #24251d;font-family:ui-monospace,monospace}
.recording{display:grid;grid-template-columns:10px auto 1fr;align-items:center;gap:10px;font-size:13px;min-width:190px;letter-spacing:.07em}
.rec-dot{width:8px;height:8px;background:#d6694f;border-radius:50%}.battery{grid-column:2/-1;font-size:11px;opacity:.8}
.hud .location{text-align:left;margin-right:auto;font:16px/1.4 ui-monospace,monospace;min-width:150px}.hud .eyebrow{color:#f3efdb}.location small{font-size:10px;letter-spacing:.06em;color:#e8dfbc}
.hud nav{display:grid;grid-template-columns:repeat(3,auto);gap:4px}.hud button{min-height:36px;border:0;border-bottom:1px solid #e9dfc966;background:#24251d88;color:#f3efdb;padding:6px 10px;font:11px ui-monospace,monospace}
.hud button:hover{background:#f3efdb;color:#28271e;text-shadow:none}.hud button:focus-visible{outline:2px solid #dbc27d}
body:not(.entered) .hud{display:none}
.entry{padding:48px 8vw 72px;background:linear-gradient(90deg,#4d452455,transparent 75%);isolation:isolate;align-items:center}
.entry:before{opacity:1;background:linear-gradient(90deg,#4d452444,transparent 65%),url('/assets/3d-backrooms/ui/loading-backrooms.jpg') center/cover,#b7a45f;z-index:-1}
.entry-paper{max-width:520px;width:100%;padding:30px 36px;background:#f3efdbf2;color:#28271e;box-shadow:0 12px 35px #28271e33;transform:rotate(-.6deg);border:0;position:relative}
.entry-paper:before{content:'';position:absolute;top:-10px;left:36%;width:100px;height:25px;background:#b9ad77bb;transform:rotate(2deg)}
.entry h1{font:clamp(48px,6vw,84px)/.98 Georgia,serif;letter-spacing:-.055em;margin:22px 0;color:#28271e}.entry h1 em{color:#706033;font-style:italic}.entry .eyebrow{color:#68634d;font-size:10px}.entry-copy{color:#4c4a38;font:14px/1.65 ui-monospace,monospace}
.entry .primary{display:block;width:100%;background:#34352a;color:#f3efdb;border-color:#34352a;font:16px ui-monospace,monospace;min-height:56px}.entry .primary:hover{background:#514e37}.entry .text-button{display:block;width:100%;margin-top:8px;min-height:48px;background:transparent;color:#28271e;border:1px solid #a69c72;text-align:left;font-size:13px}
.entry .catalog-link{color:#555039;font-size:12px;margin:20px 0}.entry .small{font:11px/1.65 ui-monospace,monospace;color:#68634d}.entry .load-state{width:100%;color:#68634d;font-size:11px}.entry-caption{color:#f3efdb;text-shadow:0 1px 2px #28271e}
.film{opacity:.11;pointer-events:none}.subtitle{border:0;background:#24251ddd;color:#f3efdb;max-width:640px;bottom:90px;padding:12px 16px;box-shadow:none}.subtitle .eyebrow{color:#dbc27d}.subtitle p{font:14px/1.55 ui-monospace,monospace}
#walk-help{color:#f3efdb;text-shadow:0 1px 2px #28271e;gap:12px;font:10px/1.5 ui-monospace,monospace}#walk-help button{background:#24251dcc;color:#f3efdb;border-color:#e8dfbc55}
.approach{top:auto;bottom:180px;left:24px;transform:none;max-width:320px;width:calc(100% - 48px);border:0;border-left:2px solid #dbc27d;padding:10px 14px;background:#24251ddd;color:#f3efdb;box-shadow:none}.approach:before,.approach:after{display:none}.approach strong{font:17px/1.3 ui-monospace,monospace}.approach .eyebrow{color:#dbc27d}.approach .inspect-key{margin-top:6px;padding-top:6px;border-color:#f3efdb44}.approach #approach-hook{display:none}
.map{top:118px;background:#f3efdb;color:#28271e;border:1px solid #a69c72;box-shadow:3px 5px 0 #28271e33}.map h2{font:26px Georgia,serif}.map a{color:#484a32}.hall-list{display:flex;flex-direction:column;border-left:0;padding-left:0;gap:0}.hall-list button{background:transparent;border:0;border-bottom:1px solid #b4ab8e;color:#28271e;min-height:56px;padding:10px 2px;font:14px ui-monospace,monospace}.hall-list small{color:#68634d}.hall-list button[aria-current=true]{background:#ded8bd}.map .text-button{color:#34352a}
dialog{width:min(580px,100%);background:#f3efdb;color:#28271e;padding:28px;border-left:7px solid #a69c72;font:14px/1.6 ui-monospace,monospace;box-shadow:-10px 0 40px #28271e33}dialog h2{font:36px/1.15 Georgia,serif}dialog h3{font:18px/1.4 ui-monospace,monospace;border-top:1px solid #a69c72;padding-top:16px}.drawer-head{border-bottom:3px double #8e8565;align-items:flex-start}.drawer-head .eyebrow{max-width:150px;font-size:11px}.record-meta span{border:0;border-right:1px solid #a69c72}.hold{background:#eadbc3;border-left:4px solid #8a432d}.hold strong{color:#793c2a}.token-identity{margin:20px 0;padding:14px 0;border-top:1px solid #a69c72;border-bottom:1px solid #a69c72;overflow-wrap:anywhere}.token-identity img{object-fit:contain;background:#242d25;display:block}.token-identity code,.token-identity a{display:block;font-size:11px;margin:8px 0}.token-identity .small{font-size:11px}.record-links{border-bottom:1px solid #a69c72;padding-bottom:16px}
#tour-status{color:#f3efdb;background:#24251dcc;padding:10px;bottom:16px}#tour-status button{background:transparent;color:#f3efdb}.tour-plaque{font-family:ui-monospace,monospace;box-shadow:none;max-width:340px}.tour-plaque strong{font-family:Georgia,serif}.end-card{background:#24251deb;color:#f3efdb}.end-card p{color:#ddd4b4}.end-card .catalog-link{color:#f3efdb}.end-card .text-button{color:#f3efdb}
#joystick{background:#24251d99;border-color:#f3efdb99}#joystick span{color:#f3efdb}#touch-inspect{background:#24251dcc;color:#f3efdb;min-width:100px;min-height:54px}
@media(max-width:1050px){.recording{min-width:150px;font-size:11px;gap:6px}.hud{gap:12px}.hud .location{font-size:14px;min-width:130px}.hud button{padding:6px 8px}}
@media(max-width:700px){
 .simulation{font-size:9px;letter-spacing:0}.simulation span{margin-left:6px}.simulation #fixture-notice{display:none}#museum{inset:26px 0 0}
 .hud{display:grid;grid-template-columns:1fr 1fr;padding:12px;gap:8px;background:linear-gradient(#24251df0,transparent)}.recording{font-size:12px;align-self:start;min-width:0}.battery{font-size:10px}.hud .location{display:flex!important;text-align:right;margin:0;font-size:14px;min-width:0}.hud .location .eyebrow{font-size:10px}.location small{font-size:9px}.hud nav{grid-column:1/-1;grid-template-columns:repeat(6,minmax(0,1fr));gap:3px;width:100%}.hud button{font-size:10px;min-height:44px;padding:4px 1px;white-space:normal;letter-spacing:-.02em}
 .entry{padding:30px 18px 50px;align-items:center}.entry-paper{padding:25px 22px;transform:none;max-width:440px}.entry h1{font-size:clamp(44px,13vw,62px);margin:20px 0}.entry-copy{font-size:12px;margin:16px 0}.entry .primary{font-size:16px}.entry .text-button{font-size:12px}.entry .small{font-size:10px}.entry-caption{left:18px;right:18px;bottom:12px;font-size:8px}.entry-caption span:last-child{display:none}
 .map{top:120px;left:12px;width:calc(100% - 24px);max-width:none;max-height:calc(100% - 145px);padding:18px}
 #walk-help{bottom:144px;left:18px;right:18px}#walk-help #control-hint{display:none}#walk-help #look-button{display:none}.subtitle{bottom:146px;width:calc(100% - 28px);padding:10px 12px}.subtitle p{font-size:12px;line-height:1.45}.subtitle .eyebrow{font-size:9px}.approach{bottom:234px;left:14px;max-width:calc(100% - 28px);width:auto;padding:9px 12px}.approach strong{font-size:15px}.approach .eyebrow{font-size:9px}
 #touch-controls{bottom:max(20px,env(safe-area-inset-bottom));height:112px}#joystick{left:20px;width:112px;height:112px}#joystick-knob{left:37px;top:37px}#joystick span{left:38px}#touch-inspect{right:20px;bottom:24px}
 dialog{padding:20px;border-left-width:4px}.drawer-head{gap:10px}.drawer-head .eyebrow{font-size:9px;max-width:95px}.drawer-head button{font-size:11px;padding:9px}.touring .subtitle{bottom:100px}.tour-plaque{width:calc(100% - 32px);max-width:340px}#tour-status{left:12px;right:12px;bottom:16px}.touring .hud{opacity:1}#perf{top:127px;font-size:9px;right:12px}
}
@media(max-height:680px){.entry{align-items:flex-start;padding-top:24px}.entry-paper{padding:20px 24px}.entry h1{font-size:48px;margin:14px 0}.entry-copy{margin:12px 0}.entry #entry-help{margin-bottom:0}.entry-caption{display:none}}
@media(prefers-reduced-motion:reduce){.film{display:none!important}.entry-paper{transform:none}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Reset inherited fixed-room positioning for the two-row camera HUD. */
.hud .location{position:static}.hud nav{max-width:none}.hud button{box-shadow:none}
.entry-paper:after{display:none}.entry .text-button{padding:12px 16px}.entry-caption{background:#24251d99}
.approach{max-height:none;background-image:none}.touring .subtitle{background:#24251ddd;color:#f3efdb;box-shadow:none}.touring .subtitle p{font-size:14px}
.approach:hover,.approach:focus-visible{background:#34352a;color:#f3efdb;border-color:#dbc27d;outline-color:#dbc27d}
#control-hint,#tour-time{background:transparent}.end-card h2{font-family:Georgia,serif;font-weight:400}
.film{opacity:.45;box-shadow:inset 3px 0 18px #b05d2820,inset -3px 0 18px #487c7620}.film:after{opacity:.14}
@media(max-width:700px){.hud .location{position:static}.entry{display:flex}.approach{top:auto;max-height:150px}.touring .subtitle p{font-size:12px}.entry #entry-help{display:block}.entry .text-button{padding:12px 14px}}

/* R15: address lookup and evidence, using the same paper and camcorder tokens. */
.hud nav{grid-template-columns:repeat(4,auto)}
#find-bag-button{grid-column:span 2;text-align:left;border-bottom-color:#dbc27d}
.bag-search{display:grid;grid-template-columns:1fr auto;gap:8px;margin:24px 0 12px}
.bag-search label{grid-column:1/-1;font-size:12px}
.bag-search input{min-width:0;width:100%;padding:12px;border:1px solid #a69c72;background:#fffbed;color:#28271e;font:14px ui-monospace,monospace}
.bag-search button,.bag-results button,#drawer-body>button,#drawer-body>select{min-height:44px}
.bag-results{border-top:3px double #a69c72}
.bag-result{display:grid;width:100%;grid-template-columns:1fr auto;gap:5px 12px;text-align:left;padding:14px 4px;background:transparent;border:0;border-bottom:1px solid #a69c72;overflow-wrap:anywhere}
.bag-result strong{font:18px/1.3 Georgia,serif}.bag-result span,.bag-result code{font-size:11px}.bag-result small{grid-column:1/-1;font:10px ui-monospace,monospace;color:#68634d}
.bag-result:hover,.bag-result:focus-visible{background:#ded8bd}.mint-value{display:block;overflow-wrap:anywhere;font-size:12px;padding:16px 0}
.record-fields dd{overflow-wrap:anywhere}.record-links{display:flex;flex-wrap:wrap;gap:12px}.token-identity a{overflow-wrap:anywhere}
.address-highlight{outline:2px solid #dbc27d;outline-offset:4px}
.tracking-cut #scene{animation:tape-tracking 220ms ease-out 1}
@keyframes tape-tracking{0%{transform:translateX(-8px) skewX(-1deg);filter:sepia(.5)}55%{transform:translateX(4px)}100%{transform:none;filter:none}}
@media(max-width:700px){.hud nav{grid-template-columns:repeat(4,minmax(0,1fr))}.hud #find-bag-button{grid-column:span 2;padding-left:8px}.hud .location{font-size:12px}.hud .location .eyebrow{max-width:175px;font-size:9px}#perf{top:180px}.bag-result{grid-template-columns:1fr}.bag-result small{grid-column:1}.bag-search{margin-top:18px}#drawer-body h2{font-size:30px}.subtitle{max-height:115px;overflow:auto}}
@media(prefers-reduced-motion:reduce){.tracking-cut #scene{animation:none;transform:none;filter:none}}

/* R16: found paper, punched cards and one full-screen terminal. */
.hud-exit{display:inline-flex;align-items:center;min-height:44px;padding:8px;color:inherit;font-size:11px;border:1px solid currentColor;text-decoration:none}
.lore-panel{width:min(640px,calc(100vw - 24px));max-height:calc(100dvh - 32px);padding:0;background:#f3efdb;color:#28271e;border:1px solid #80795a;font:14px/1.65 ui-monospace,monospace;overflow:auto}
.lore-panel::backdrop{background:#181b17bf}
.lore-toolbar{position:sticky;top:0;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 20px;background:inherit;border-bottom:1px solid #80795a;font-size:11px}
#lore-body{padding:24px 28px 32px;overflow-wrap:anywhere}
#lore-body h2{font:normal 32px/1.15 Georgia,serif;margin:12px 0 28px}
#lore-body h3{font-size:16px;margin-top:28px}
#lore-body p{white-space:pre-wrap;margin:14px 0}
#lore-body button,.lore-toolbar button{min-height:44px;padding:8px 14px;border:1px solid currentColor;background:transparent;color:inherit;font:inherit;cursor:pointer}
#lore-body a{color:inherit;text-underline-offset:4px;display:inline-block;min-height:44px;padding:10px 0;margin-right:16px}
#lore-body input:not([type=checkbox]){display:block;box-sizing:border-box;width:100%;min-height:48px;background:transparent;color:inherit;border:1px solid currentColor;font:inherit;padding:10px;margin:10px 0}
#lore-body form{margin-top:24px}#lore-body label{display:block}
.lore-evidence,.lore-share{margin:24px 0;padding:16px 0;border-top:1px solid #80795a;border-bottom:1px solid #80795a}
#lore-body details{border-top:1px solid #80795a;padding:12px 0}#lore-body summary{cursor:pointer;min-height:44px;padding:10px 0}
.lore-panel.terminal,.lore-panel.deep-terminal{background:#18231f;color:#d9e7c9}
.lore-panel.receipt{width:min(440px,calc(100vw - 24px));border-bottom:6px dashed #80795a}
.lore-panel.punched{border-left:12px dotted #80795a}
.tape-counter{font-variant-numeric:tabular-nums;border-block:1px solid #80795a;padding:16px 0;letter-spacing:.08em}
.lore-panel.deep-terminal{width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;border:0}
.deep-terminal #lore-body{max-width:1000px;margin:auto}.terminal-output{max-height:52dvh;overflow:auto;border-block:1px solid #61745e;padding:12px}.countdown{font-variant-numeric:tabular-nums;color:#e7c879}
#lore-body .lore-setting{display:grid;grid-template-columns:28px 1fr;column-gap:12px;margin:24px 0}.lore-setting input{width:22px;height:22px;grid-row:1/3}.lore-setting span{grid-column:2}
.lore-cut{animation:lore-cut .18s ease-out}@keyframes lore-cut{from{opacity:.35}to{opacity:1}}
.reduce-motion .film,.reduce-motion .tracking-cut{animation:none!important;transform:none!important}.reduce-motion .lore-cut{animation:none!important}
@media(prefers-reduced-motion:reduce){.lore-cut{animation:none}}
@media(max-width:700px){#lore-body{padding:20px 18px}.hud nav{max-height:92px;overflow:auto}.lore-toolbar{padding:10px 18px}.deep-terminal #lore-body{padding:16px}.terminal-output{max-height:45dvh}}

#signal-countdown{position:absolute;bottom:64px;left:24px;right:24px;width:fit-content;max-width:calc(100% - 48px);background:#18231fe6;color:#e7c879;padding:10px 14px;font:12px/1.5 ui-monospace,monospace;pointer-events:none}
.reduce-motion *, .reduce-motion *::before, .reduce-motion *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
.entry .content-warning{display:block!important}
@media(max-width:700px){#signal-countdown{bottom:132px;left:12px;max-width:calc(100% - 24px);font-size:10px}}
.hud nav{max-width:none}.hud .location{position:static}.hud button{min-height:44px}
.lore-panel{inset:16px auto auto 50%;transform:translateX(-50%);height:auto;margin:0;max-width:calc(100vw - 24px)}
.lore-panel.deep-terminal{inset:0;transform:none;max-width:none}
.lore-panel.terminal .eyebrow,.lore-panel.deep-terminal .eyebrow{color:#c0cdaa}
@media(max-width:700px){.hud nav{grid-template-columns:repeat(5,minmax(0,1fr));max-height:none;overflow:visible}.hud-exit{font-size:9px;padding:4px;text-align:center}.map{top:170px;max-height:calc(100% - 190px)}#perf{top:174px}.hud .location .eyebrow{font-size:9px}}
@media(max-width:700px){.hud nav{grid-template-columns:repeat(6,minmax(0,1fr))}}
.lore-panel.terminal #lore-body h2,.lore-panel.deep-terminal #lore-body h2{font-family:ui-monospace,monospace;font-size:28px}
/* R17: quiet device consent and a single compact phone controls row. */
.hud-secondary{display:flex;gap:5px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
#hud-menu-button{display:none}.scares-chip{font:10px/1.3 monospace;white-space:nowrap;border:1px solid #b3a578;padding:6px;color:#f3efdb}
#scare-consent{max-width:560px;background:#efe8d0;color:#29271f;border:1px solid #6f6146;padding:32px;line-height:1.65}
#scare-consent h2{font:38px/1.15 Georgia,serif}#scare-consent .eyebrow{color:#675237}
#scare-consent::backdrop{background:#16170fe8}.consent-actions{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}
#scare-consent button{min-height:48px;color:#29271f;border:1px solid #746444;background:#ded2af}
#scare-consent button:first-child{background:#302e23;color:#f4efd9}#scare-consent a{color:inherit}
.inventory-item{padding:12px 0;border-bottom:1px solid #ada48c}
@media(max-width:760px){
  #hud{display:grid;grid-template-columns:1fr auto;gap:4px;padding:10px 12px;align-items:center}
  #hud .recording{font-size:9px;gap:5px}#hud .battery{display:none}
  #hud .location{position:static;grid-column:1/-1;grid-row:2;text-align:left;font-size:12px;display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}
  #hud #rooms-found{display:none}#hud .location .eyebrow{font-size:9px}#hud #hall-name{font-size:11px}
  #hud nav{grid-column:2;grid-row:1;max-width:none;flex-wrap:nowrap;gap:5px}
  #hud nav button{min-height:44px;padding:8px;font-size:10px}
  #hud-menu-button{display:block}#find-bag-button{font-size:0!important}#find-bag-button::after{content:'Find';font-size:11px}
  #hud .scares-chip{font-size:9px;padding:4px;border:0}
  .hud-secondary{display:none;position:absolute;top:65px;right:12px;width:min(280px,calc(100vw - 24px));max-height:calc(100svh - 120px);overflow:auto;padding:12px;background:#2c2c20;border:1px solid #ac9b68;box-shadow:0 12px 24px #0005;z-index:12}
  .hud-secondary.open{display:grid;grid-template-columns:1fr 1fr;gap:6px}.hud-secondary a{grid-column:1/-1;min-height:44px;padding:12px}
  #scare-consent{width:calc(100% - 28px);padding:22px;max-height:calc(100svh - 28px)}.consent-actions{display:grid}.consent-actions button{width:100%}
  .entry .content-warning{display:block!important;font-size:11px!important}
}
#hud nav{display:flex;width:auto;align-items:flex-start}#hud-secondary{display:grid;grid-template-columns:repeat(5,auto)}
@media(max-width:1050px){
  #hud-menu-button{display:block}#hud-secondary{display:none;position:absolute;top:65px;right:12px;width:min(280px,calc(100vw - 24px));max-height:calc(100svh - 120px);overflow:auto;padding:12px;background:#2c2c20;border:1px solid #ac9b68;z-index:12}
  #hud-secondary.open{display:grid;grid-template-columns:1fr 1fr}#hud-secondary a{grid-column:1/-1}
}
@media(max-width:760px){
  #hud .recording{display:flex;min-width:0;flex-wrap:wrap;font-size:9px;letter-spacing:0}
  #hud .location{flex-direction:row;margin:0;min-width:0}#hud nav{align-items:center}
  #hud .location .eyebrow{max-width:none}#hud #find-bag-button{padding:8px}
  .map{top:92px;max-height:calc(100% - 112px)}#perf{top:100px;pointer-events:none}
}