:root{--ink:#ecf2ed;--muted:#abbdbd;--gold:#e1bd88;--teal:#9ae0d6;--line:#c6e6dc29;--glass:#101e24d9;--serif:Georgia,'Times New Roman',serif;color-scheme:dark;font-family:Arial,Helvetica,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:#0c171c;color:var(--ink)}button,a,input,select{touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,canvas:focus-visible{outline:3px solid var(--teal);outline-offset:5px}button{border:1px solid var(--line);background:#1021289c;border-radius:4px;min-height:44px;padding:12px 17px;transition:background .2s,border-color .2s}button:hover{background:#254048;border-color:#98dcd69c}button[aria-pressed=true]{border-color:var(--teal);color:var(--teal)}button.primary{background:#bee3d7;color:#152a2c;border-color:#bee3d7;display:flex;align-items:center;justify-content:space-between;gap:30px;font-weight:600;min-width:205px}button.primary:hover{background:#dcf3e8}button.secondary{background:#17313bbb}button.quiet{background:transparent;border-color:transparent;color:var(--muted);padding-left:0;padding-right:0}button.quiet:hover{color:var(--ink)}button.danger{color:#f2b4a6}.eyebrow{font-size:10px;letter-spacing:2px;line-height:1.6;color:var(--gold);font-weight:600}.skip{position:fixed;top:-100px;background:#fff;color:#111;z-index:99;padding:15px}.skip:focus{top:0}#museum{height:100svh;min-height:620px;position:relative;overflow:hidden}#scene,.vignette,.transition{position:absolute;inset:0}canvas#world{width:100%;height:100%;display:block;touch-action:none}.vignette{pointer-events:none;background:linear-gradient(90deg,#061319cc 0%,#09141933 32%,transparent 58%),linear-gradient(0deg,#061319ed 0%,transparent 36%,transparent 80%,#061319bd 100%)}.transition{background:#0c171c;z-index:7;pointer-events:none;opacity:0;transition:opacity .32s}.transition.active{opacity:1}.topbar{position:absolute;top:0;left:0;right:0;padding:26px 3.7%;display:flex;align-items:center;justify-content:space-between;gap:15px;z-index:5}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:var(--ink);letter-spacing:4px;font-size:17px}.mark{font-size:35px;color:var(--gold);font-weight:normal}.brand-sub{display:block;letter-spacing:2px;font-size:8px;margin-top:6px;color:var(--muted)}.top-actions{display:flex;gap:9px;align-items:center}.top-actions button{font-size:11px;border-color:transparent;background:#07182155;padding:10px 12px}.top-actions button.outlined{border:1px solid var(--line);padding:12px 16px}.draft{font-size:8px;letter-spacing:1px;color:#a6bbbb;border:1px solid var(--line);padding:5px 8px;margin-right:7px}.chapter{position:absolute;top:19%;left:5%;max-width:470px;pointer-events:none}.chapter h1{font:normal clamp(50px,6.6vw,92px)/.98 var(--serif);letter-spacing:-3px;margin:20px 0;color:#f2eee4}.chapter h1 em{font-weight:normal;color:#d6c3a2}.chapter p{font-size:14px;line-height:1.8;max-width:310px;color:#b9cbca}.room-index{position:absolute;right:4%;top:22%;display:flex;flex-direction:column;gap:15px;align-items:center;font-size:13px;color:var(--muted)}.room-index i{height:80px;width:1px;background:var(--line)}.room-index span:first-child{color:var(--gold)}.artifact-tag{position:absolute;left:57%;top:48%;display:flex;gap:10px;align-items:center;border-color:#8bded660;background:#07232aa8;font-size:11px;backdrop-filter:blur(12px);color:#bef1e6;border-radius:25px}.artifact-tag small{padding-left:8px;border-left:1px solid var(--line);font-size:10px;color:#d4d6c5}.whisper{position:absolute;left:5%;bottom:220px;max-width:260px;padding-left:17px;border-left:1px solid #e1bd8880;pointer-events:none}.whisper-label{font-size:8px;letter-spacing:2px;color:#b5c5c3}.whisper p{font:italic 16px/1.55 var(--serif);color:#d9d0be;margin:8px 0}.bottom-dock{position:absolute;bottom:66px;left:5%;right:5%;display:flex;align-items:flex-end;justify-content:space-between;gap:35px;border-top:1px solid var(--line);padding:22px 0 0}.dock-copy{max-width:470px}.dock-copy p{font-size:14px;line-height:1.5;margin:8px 0 15px;color:#dde4da}.dock-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.dock-actions .quiet{font-size:11px;white-space:nowrap}.progress{display:flex;gap:8px;flex-wrap:wrap}.trace{display:inline-flex;width:26px;height:26px;border:1px solid #7faba842;align-items:center;justify-content:center;font-size:12px;color:#719495;transform:rotate(45deg);border-radius:2px}.trace span{transform:rotate(-45deg)}.trace.found{color:var(--gold);border-color:var(--gold);background:#a8834930}.camera-tools{position:absolute;right:5%;bottom:16px;display:flex;gap:6px}.camera-tools button{width:34px;min-height:32px;padding:4px;color:var(--muted);font-size:17px;background:#062029a0}.camera-hint{position:absolute;left:5%;bottom:28px;font-size:10px;color:#91aaa9}.camera-hint span{padding:0 8px;color:var(--gold)}#loading{position:absolute;inset:0;background:#0c171c;z-index:10;display:grid;place-content:center;text-align:center;gap:25px;color:#b9d2c9;font-size:12px;letter-spacing:1px}#loading.done{opacity:0;visibility:hidden;transition:opacity .6s,visibility .6s}.loader-orbit{width:55px;height:55px;border:1px solid #70968c;border-top-color:#efc58c;border-radius:50%;margin:auto;animation:rotate 2s linear infinite}.loader-orbit:after{content:'';display:block;inset:10px;position:relative;width:32px;height:32px;border:1px solid #9ae0d6;border-radius:50%}@keyframes rotate{to{transform:rotate(360deg)}}#fallback{position:absolute;top:38%;left:42%;width:45%;max-width:500px;background:var(--glass);padding:25px;line-height:1.6;border:1px solid var(--line)}#fallback h2{font:26px var(--serif)}#toast{position:absolute;top:100px;left:50%;transform:translateX(-50%);background:#15302df2;border:1px solid var(--teal);max-width:85%;width:max-content;padding:14px 23px;opacity:0;pointer-events:none;transition:opacity .3s;z-index:12;font-size:13px}#toast.visible{opacity:1}dialog{border:1px solid #8db4b350;border-radius:10px;background:#12242af7;backdrop-filter:blur(22px);color:var(--ink);padding:0;width:min(700px,92vw);max-height:88svh;box-shadow:0 30px 110px #0009}dialog::backdrop{background:#0614198c;backdrop-filter:blur(7px)}.dialog-top{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;background:#12242a;z-index:2;padding:17px 28px;border-bottom:1px solid var(--line)}.close{min-height:38px;width:38px;font-size:25px;padding:2px}.dialog-body{padding:20px 32px 30px}.dialog-body h2{font:normal 39px/1.12 var(--serif);letter-spacing:-.6px;margin:10px 0 19px}.dialog-body h2 em{color:var(--gold)}.narrative{font-size:14px;line-height:1.8;color:#bfcecc;margin:0 0 22px}.quote{border-left:2px solid var(--gold);padding:12px 17px;background:#ffffff05;font:italic 17px/1.65 var(--serif);color:#e4d5b7}.task-title{font-size:13px;font-weight:600;line-height:1.6;color:var(--teal);margin:22px 0 15px}.puzzle-row{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}.puzzle-row>*{flex:1}.choice{display:flex;align-items:center;justify-content:space-between;text-align:left;width:100%;gap:15px;margin:9px 0;font-size:13px;padding:16px}.choice small{display:block;font-size:11px;font-weight:normal;color:var(--muted);margin-top:5px}.choice.selected{border-color:var(--teal);background:#285455}.choice .symbol{font-size:27px;color:var(--gold)}label.field{display:block;margin:15px 0;line-height:1.6;font-size:13px}select{display:block;width:100%;border:1px solid #87b8b84a;background:#102027;color:#edf1e9;padding:14px;border-radius:4px;font:inherit;margin-top:7px}input[type=range]{width:100%;accent-color:var(--teal);height:35px}output{color:var(--gold);font-variant-numeric:tabular-nums}.measure{display:flex;align-items:center;gap:15px;margin:12px 0}.measure label{width:110px;font-size:13px}.measure input{flex:1}.measure output{min-width:45px}.light-code{display:flex;justify-content:center;gap:25px;padding:26px 0}.light-code span{font-size:38px;color:var(--teal);text-shadow:0 0 25px #62d8cb88}.light-code span.dim{opacity:.2}.sequence{display:flex;gap:12px;margin:20px 0}.sequence button{flex:1;font-size:25px;min-height:80px;background:#143840}.sequence-output{font:22px/1.5 var(--serif);color:var(--gold);text-align:center;min-height:34px}.hint-area{border-top:1px solid var(--line);margin-top:23px;padding-top:12px}.hint-area .quiet{color:var(--gold);font-size:12px}.hint-area span{color:var(--muted);font-size:10px;margin-left:12px}.hint-area p{font-size:13px;line-height:1.7;color:#ced7c6}.hint-area p:empty{display:none}#feedback{line-height:1.6;font-size:13px;color:#ead6b5;min-height:20px}#feedback.success{color:var(--teal)}#map{width:min(900px,94vw)}#room-map{display:grid;grid-template-columns:1fr 1fr;gap:10px}.map-room{padding:17px;text-align:left;display:flex;align-items:center;gap:18px;background:#172b30;min-height:90px}.map-room .map-number{font:30px var(--serif);color:var(--gold);opacity:.65}.map-room h3{font:21px var(--serif);margin:0 0 5px}.map-room p{font-size:10px;color:var(--muted);margin:0;line-height:1.5}.map-room.solved{border-color:#8aceac70}.map-room.current{background:#284343;border-color:#accac3}.map-bottom{display:flex;gap:25px;margin-top:22px;align-items:center}.note-entry{padding:15px 0;border-bottom:1px solid var(--line);font-size:13px;line-height:1.75}.note-entry strong{color:var(--gold);display:block}.design-note{font-size:12px;line-height:1.7;color:var(--muted);margin:20px 0;padding:15px;background:#0002}.result-card{border:1px solid var(--gold);padding:25px;text-align:center;background:radial-gradient(ellipse at top,#34574c55,transparent)}.result-card .large-symbol{font-size:45px;color:var(--gold)}.result-card h3{font:30px var(--serif)}.result-card p{font:italic 17px/1.7 var(--serif)}.wheel{width:170px;height:170px;border:8px double #b69865;border-radius:50%;margin:20px auto;display:grid;place-items:center;background:conic-gradient(#28565a 0deg 120deg,#554867 120deg 240deg,#645641 240deg);box-shadow:0 0 35px #a6e5dc1a}.wheel span{font-size:42px;text-shadow:0 3px 12px #000}.wheel.spinning{animation:rotate .5s linear infinite}.status-note{font-size:11px;line-height:1.7;color:var(--muted)}.event{border:1px solid #91c7bd45;padding:18px;background:#233e3c55;border-radius:5px;margin:20px 0}.event h3{font:23px var(--serif);margin:0 0 10px}.event p{font-size:13px;line-height:1.7;color:#bcd1cc}.warning-small{font-size:11px;color:var(--muted)}[hidden]{display:none!important}
@media(min-width:1600px){.chapter{left:6%;top:22%}.chapter h1{font-size:104px}.bottom-dock{bottom:90px}.whisper{bottom:245px}}
@media(max-width:1000px){.draft{display:none}.topbar{padding:20px 4%}.top-actions{gap:3px}.top-actions button{font-size:10px;padding:8px}.brand{font-size:13px;letter-spacing:2px}.brand-sub{letter-spacing:1px;font-size:7px}.chapter{top:20%;max-width:300px}.chapter h1{font-size:62px}.whisper{bottom:240px;max-width:240px}.bottom-dock{gap:20px}.dock-actions{max-width:230px}.dock-actions .primary{width:100%}.dock-copy{max-width:380px}.artifact-tag{left:60%}}
@media(max-width:650px){#museum{min-height:670px}.topbar{padding:16px 5%;align-items:flex-start}.mark{font-size:29px}.brand{gap:8px;font-size:12px}.brand-sub{font-size:6px}.top-actions{flex-wrap:wrap;justify-content:flex-end;max-width:180px;gap:3px}.top-actions #motion{display:none}.top-actions button{padding:6px;min-height:33px;font-size:9px}.top-actions #fullscreen span{display:none}.top-actions #fullscreen{font-size:19px}.top-actions button.outlined{padding:8px}.chapter{top:15%;left:6%;max-width:230px}.chapter .eyebrow{font-size:8px;letter-spacing:1.3px}.chapter h1{font-size:53px;margin:12px 0;letter-spacing:-2px}.chapter p{font-size:11px;line-height:1.65;max-width:210px}.room-index{top:25%;font-size:10px}.room-index i{height:45px}.vignette{background:linear-gradient(90deg,#061319aa,transparent 65%),linear-gradient(0deg,#061319 0%,#071419dd 23%,transparent 56%,#06131980 100%)}.artifact-tag{top:45%;left:47%;font-size:10px;padding:9px}.artifact-tag small{display:none}.whisper{display:none}.bottom-dock{bottom:70px;left:6%;right:6%;display:block;padding-top:14px}.dock-copy p{font-size:12px;margin:6px 0 13px}.dock-copy .eyebrow{font-size:8px}.dock-actions{max-width:none;gap:8px;display:grid;grid-template-columns:1fr auto;margin-top:17px}.dock-actions .primary{min-width:0;min-height:45px;font-size:12px;gap:10px;padding:12px}.dock-actions .quiet{font-size:10px;grid-column:2}.dock-actions .secondary{font-size:10px;padding:10px}.trace{width:22px;height:22px;margin-right:2px}.progress{gap:9px}.camera-hint{left:6%;font-size:8px;bottom:22px;max-width:160px;line-height:1.6}.camera-hint span{padding:0 2px}.camera-tools{right:6%;bottom:16px;gap:4px}.camera-tools button{width:29px;min-height:32px}.dialog-body{padding:14px 21px 22px}.dialog-top{padding:12px 21px}.dialog-top .eyebrow{font-size:8px}.dialog-body h2{font-size:31px}.narrative{font-size:13px}.quote{font-size:16px}.choice{padding:13px;font-size:12px}#room-map{grid-template-columns:1fr}.map-room{min-height:75px}.map-room h3{font-size:20px}.map-bottom{gap:10px;flex-wrap:wrap}.measure label{width:78px;font-size:11px}.measure{gap:9px}.hint-area span{display:block;margin:0}.light-code{gap:18px}.light-code span{font-size:32px}#fallback{top:39%;left:6%;width:88%;padding:18px}#toast{top:90px;font-size:12px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
.cinema .chapter,.cinema .bottom-dock,.cinema .whisper,.cinema .room-index,.cinema .artifact-tag{display:none}.cinema .vignette{background:linear-gradient(0deg,#06131970,transparent 20%,transparent 85%,#06131990)}@media(max-width:650px){.top-actions #motion{display:block;font-size:8px;padding:6px 4px}.top-actions #cinema{font-size:8px;padding:6px 4px}.top-actions{max-width:185px}}
@media(max-width:650px){.top-actions{gap:4px;max-width:188px}.top-actions button,.top-actions #motion,.top-actions #cinema{font-size:11px;min-height:44px;padding:8px 7px}.top-actions button.outlined{padding:8px 10px}.top-actions #fullscreen{width:44px}.camera-tools button{min-height:38px;width:32px}.camera-hint{max-width:135px}}
.transition.active{pointer-events:auto}