@font-face{font-family:Barlow;src:url('/fonts/BarlowCondensed-SemiBold.ttf') format('truetype');font-weight:600;font-display:swap}@font-face{font-family:NotoArabic;src:url('/fonts/NotoSansArabic.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root{--chalk:#eeeae1;--muted:#c1bfb6;--accent:#d3ae72;--line:#eeeae13b;--display:Barlow,Arial,sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#171c20;color:var(--chalk);font:14px/1.55 Arial,sans-serif}html[dir=rtl]{--display:NotoArabic,Arial,sans-serif}html[dir=rtl] body{font-family:NotoArabic,Arial,sans-serif}button,a,input{-webkit-tap-highlight-color:transparent}button,a{font:inherit;color:inherit}button{cursor:pointer;background:none;border:0;padding:8px 0}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:6px}button:hover:not(:disabled){color:var(--accent)}[hidden]{display:none!important}#world{display:block;width:100%;height:100%;touch-action:none}#experience{height:100%;isolation:isolate}.cinema-shade{pointer-events:none;position:fixed;inset:0;background:linear-gradient(90deg,#0c1217c9,transparent 78%),linear-gradient(0deg,#0c1217c9,transparent 23%,transparent 84%,#0c12178a);z-index:1;transition:opacity 1s}html[dir=rtl] .cinema-shade{transform:scaleX(-1)}[data-stage=arrival] .cinema-shade,[data-stage=observe] .cinema-shade,[data-stage=desk] .cinema-shade,[data-stage=document] .cinema-shade,[data-stage=compare] .cinema-shade{opacity:.35}[data-stage=decision] .cinema-shade,[data-stage=outcome] .cinema-shade{background:linear-gradient(0deg,#0c1217ef,transparent 78%);opacity:1}.topline,.bottomline{position:fixed;inset-inline:38px;display:flex;justify-content:space-between;align-items:center;gap:24px;z-index:5}.topline{top:24px}.signature{text-decoration:none;font:600 23px var(--display);letter-spacing:-1px;direction:ltr}.signature span{color:var(--accent);margin:0 5px}.topline nav{display:flex;align-items:center;gap:20px;font-size:12px}.separator{width:1px;height:16px;background:var(--line)}.bottomline{bottom:20px;align-items:end;pointer-events:none;color:#e4e2d4aa;font-size:10px;line-height:1.6}.bottomline p{margin:0;max-width:54%}#control-hint{text-align:end}.eyebrow{font-size:10px;letter-spacing:.2em;font-weight:400;color:var(--accent);line-height:1.8}html[dir=rtl] .eyebrow{letter-spacing:0;font-size:12px}#opening{position:fixed;inset-inline-start:8%;top:24%;z-index:3;max-width:84%}#opening .eyebrow{margin-bottom:32px}h1{font:600 clamp(90px,18vw,220px)/.8 var(--display);margin:0;display:flex;gap:.1em;letter-spacing:-.025em}#number{-webkit-text-stroke:1px var(--chalk);color:transparent}html[dir=rtl] h1{font-size:clamp(60px,10vw,140px);line-height:1.45;gap:.2em;letter-spacing:0}#tagline{font-size:18px;font-weight:400;color:var(--muted);margin:30px 0 52px}.text-action{display:flex;justify-content:space-between;gap:38px;align-items:center;border-top:1px solid var(--line);padding:14px 0;font-size:13px;min-width:200px;text-align:start}#begin{min-width:240px}#load-status{font-size:11px;color:var(--muted);margin-top:6px}.quiet{font-size:12px;color:var(--muted)}#skip{position:fixed;inset-inline-end:38px;bottom:74px;z-index:5}#narrative{position:fixed;inset-inline:10%;top:35%;z-index:3;pointer-events:none;max-width:900px}#logline{font:600 clamp(40px,7vw,90px)/1.1 var(--display);letter-spacing:-.015em;margin:25px 0}html[dir=rtl] #logline{line-height:1.7;letter-spacing:0;font-size:clamp(34px,5.8vw,76px)}#logline span{display:inline-block;margin-inline-end:.2em;will-change:filter,transform,opacity}.narrative-rule{width:68px;height:1px;background:var(--accent);margin-top:30px}#objective{position:fixed;inset-inline-start:38px;top:96px;z-index:4;pointer-events:none;max-width:340px;text-shadow:0 2px 8px #000}#objective p{margin:0 0 6px}#objective-line{font-size:13px;color:var(--chalk)}#context{position:fixed;left:50%;top:68%;transform:translate(-50%,-50%);z-index:4;display:flex;gap:14px;align-items:center;background:#11191de8;border:1px solid #eeeae150;padding:11px 16px;box-shadow:0 8px 25px #0003;font-size:12px;white-space:nowrap}.context-key{border:1px solid var(--line);padding:0 5px;font-size:10px;direction:ltr}#document-tools,#comparison-actions{position:fixed;inset-inline:10%;bottom:90px;z-index:4;text-align:center}#document-side{display:block;margin-bottom:10px;color:var(--chalk);text-shadow:0 2px 5px #000}.action-row{display:flex;align-items:center;justify-content:center;gap:30px}.action-row button{border-top:1px solid var(--line);padding:12px 0;font-size:12px;text-shadow:0 2px 6px #000}.action-row .text-action{min-width:0}#comparison-actions .eyebrow{color:var(--chalk);text-shadow:0 1px 4px #000}#choices{position:fixed;inset-inline-start:8%;bottom:110px;z-index:4;width:min(620px,84%)}#choices>button{border-top:1px solid var(--line);display:flex;align-items:center;gap:24px;width:100%;padding:18px 0;text-align:start;font-size:16px}#choices>button b{margin-inline-start:auto;font-size:18px;font-weight:400}.choice-no{font:600 20px var(--display);color:var(--accent);direction:ltr}#resolution{position:fixed;inset-inline-start:8%;bottom:105px;z-index:4;max-width:660px;width:84%}#resolution h2{font:600 clamp(34px,4.7vw,58px)/1.1 var(--display);margin:18px 0}html[dir=rtl] #resolution h2{line-height:1.65}#outcome-body{max-width:560px;color:var(--chalk);font-size:14px}#outcome-evidence{color:var(--muted);font-size:12px;max-width:560px}.resolution-bottom{margin-top:26px;display:flex;align-items:center;gap:30px;flex-wrap:wrap}#saved{font-size:10px;color:var(--muted)}#replay{min-width:170px}#subtitle{position:fixed;bottom:170px;left:50%;transform:translateX(-50%);z-index:6;width:min(650px,82%);text-align:center;pointer-events:none}#subtitle .eyebrow{background:#0e171bd9;padding:3px 8px}#dialogue-line{font-size:15px;line-height:1.7;background:#0e171be8;padding:10px 18px;margin:8px 0 0;box-shadow:0 8px 30px #0003}dialog{background:#121a1ef5;color:var(--chalk);border:1px solid var(--line);padding:28px 32px;max-width:420px;width:88%;box-shadow:0 20px 100px #0009}dialog::backdrop{background:#080e1366;backdrop-filter:blur(5px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:20px}.dialog-heading h2{font:600 36px var(--display);margin:0}.dialog-heading button{font-size:11px;color:var(--muted)}dialog label{display:flex;gap:20px;justify-content:space-between;align-items:center;margin:22px 0;font-size:13px}input[type=range]{width:55%;accent-color:var(--accent);direction:ltr}#voice-note{font-size:11px;color:var(--muted)}#mute{margin-top:25px;width:100%}#credits-link{display:block;font-size:11px;margin-top:14px;color:var(--muted)}#error{position:fixed;inset:25%;z-index:10;background:#111c22;padding:30px}#error-detail{overflow-wrap:anywhere}@media(max-width:700px){.topline,.bottomline{inset-inline:20px}.topline{top:16px}.bottomline{font-size:9px;bottom:14px;gap:14px}#opening{top:29%}#tagline{font-size:16px;margin-bottom:30px}#objective{inset-inline-start:20px;top:80px;max-width:290px}#objective-line{font-size:12px}.action-row{gap:18px;flex-wrap:wrap}.action-row button{font-size:11px}#document-tools,#comparison-actions{inset-inline:6%;bottom:82px}#choices{bottom:110px}#choices>button{font-size:14px}#resolution{bottom:96px}#subtitle{bottom:200px}#resolution h2{font-size:34px}#outcome-body{font-size:13px}#outcome-evidence{font-size:11px}#skip{inset-inline-end:20px}html[dir=rtl] #opening{top:25%}html[dir=rtl] #opening h1{font-size:clamp(60px,13vw,90px)}html[dir=rtl] #tagline{margin-top:10px}html[dir=rtl] #choices>button{font-size:13px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

[data-stage=outcome] #subtitle{top:155px;bottom:auto}
#identity-status{position:fixed;inset-inline-end:38px;top:90px;z-index:4;color:var(--accent);font-size:10px;text-align:end;max-width:260px;text-shadow:0 1px 8px #000}#inspection-toolbar{position:fixed;inset-inline:6%;bottom:73px;z-index:5;display:flex;justify-content:space-between;align-items:end;gap:20px;pointer-events:none}.perspectives,.inspection-actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap;pointer-events:auto}.perspectives button,.inspection-actions button{font-size:11px;text-shadow:0 2px 6px #000;border-top:1px solid var(--line);padding:9px 0}.perspectives button:hover{border-color:var(--accent)}#mesh-context{position:fixed;transform:translate(-50%,-50%);pointer-events:none;padding:5px 9px;border-bottom:1px solid var(--accent);font-size:11px;text-shadow:0 2px 8px #000;background:#11191cb3;z-index:3}#finding-panel{position:fixed;inset-inline-start:7%;bottom:160px;z-index:4;width:min(420px,70%);padding:18px 20px;background:linear-gradient(90deg,#111a1fe8,#111a1fbb);border-inline-start:1px solid var(--accent)}#finding-panel p{margin:0 0 12px}#finding-detail{font-size:12px;line-height:1.8}#finding-panel .action-row{justify-content:start;gap:20px}#finding-panel button{font-size:11px}#event-panel{position:fixed;inset-inline-start:8%;bottom:110px;z-index:5;width:min(620px,80%);text-shadow:0 2px 8px #000}#event-body{max-width:540px;font-size:15px;line-height:1.9;margin:18px 0 25px}#event-actions{display:flex;flex-direction:column}#event-actions .text-action{font-size:14px;min-height:58px;width:100%}#light-tools{position:fixed;inset-inline:10%;bottom:100px;z-index:5;text-align:center}#light-tools button{font-size:13px;border-top:1px solid var(--line);padding:14px 0}#inspection-finish{position:fixed;inset-inline-start:8%;bottom:105px;z-index:4;max-width:650px;width:84%}#inspection-finish h2{font:600 clamp(30px,4.5vw,56px)/1.15 var(--display);margin:18px 0}html[dir=rtl] #inspection-finish h2{line-height:1.7}#inspection-finish-body{font-size:14px;color:var(--chalk)}#inspection-finish-status,#inspection-saved{font-size:11px;color:var(--muted)}#inspection-finish .action-row{justify-content:start;margin-top:28px}#inspection-finish button{font-size:12px;border-top:1px solid var(--line);padding:12px 0}#observation-toast{position:fixed;inset-inline-start:38px;top:168px;z-index:6;color:var(--accent);font-size:12px;text-shadow:0 2px 8px #000;pointer-events:none}[data-stage=inspection] .cinema-shade,[data-stage=equipment] .cinema-shade{opacity:.18}[data-stage=identityHold] .cinema-shade,[data-stage=supervisorPending] .cinema-shade,[data-stage=welfareReport] .cinema-shade,[data-stage=inspectionComplete] .cinema-shade,[data-stage=inspectionEnd] .cinema-shade{background:linear-gradient(0deg,#0c1217ed,transparent 80%);opacity:1}[data-stage=documentation] #event-panel{width:42%;max-width:550px}[data-stage=documentation] #event-body{font-size:12px}[data-stage=documentation] #event-actions button{font-size:12px}[data-stage=welfareReport] #subtitle{top:170px;bottom:auto}[data-stage=documentation] #subtitle{top:170px;bottom:auto}#continue-scenario{color:var(--accent)}@media(max-width:700px){#identity-status{top:139px;inset-inline-end:20px;font-size:9px;max-width:180px}#inspection-toolbar{inset-inline:20px;bottom:65px;gap:12px;align-items:start;flex-direction:column}.perspectives,.inspection-actions{gap:18px}.inspection-actions button,.perspectives button{font-size:10px}#finding-panel{bottom:185px;width:86%;inset-inline-start:7%}#event-panel{bottom:140px}#event-body{font-size:13px}#event-actions .text-action{font-size:12px}#inspection-finish{bottom:130px}#inspection-finish h2{font-size:30px}[data-stage=documentation] #event-panel{width:45%;inset-inline-start:4%;bottom:130px}[data-stage=documentation] #event-actions button{font-size:10px}#observation-toast{inset-inline-start:20px;top:184px}}

/* Vector arrows avoid platform emoji substitution. */
.ui-arrow{display:inline-block;flex:none;vertical-align:middle;pointer-events:none}

/* Persistent, surface-anchored guidance; the underlying mesh supplies evidence. */
#inspection-guides{position:fixed;inset:0;z-index:4;pointer-events:none}
.inspection-marker{position:absolute;width:36px;height:36px;padding:0;transform:translate(-50%,-50%);pointer-events:auto;touch-action:manipulation;color:var(--accent);text-shadow:0 1px 5px #000}
.marker-spot{display:grid;place-items:center;width:36px;height:36px;border:1px solid currentColor;border-radius:50%;background:#111a1fe6;box-shadow:0 0 0 5px #d3ae7220;font:500 11px/1 Arial,sans-serif;direction:ltr}
.marker-label{position:absolute;inset-inline-start:45px;top:50%;transform:translateY(-50%);white-space:nowrap;background:#111a1fe6;border-bottom:1px solid #d3ae7266;padding:4px 7px;font-size:11px}
.inspection-marker[data-edge=end] .marker-label{inset-inline-start:auto;inset-inline-end:45px}
.inspection-marker[data-recorded=true]{color:#b6c8bc}.inspection-marker[data-recorded=true] .marker-spot{box-shadow:none;background:#1d302ce6}
.inspection-marker:focus-visible .marker-spot,.inspection-marker:hover .marker-spot{background:#394039}
@media(pointer:coarse){.inspection-marker{width:44px;height:44px}.marker-spot{width:44px;height:44px}.marker-label{inset-inline-start:52px;font-size:10px}.inspection-marker[data-edge=end] .marker-label{inset-inline-end:52px}}