:root{--ivory:#efe4d2;--gold:#bd9569;--muted:#b2a28e}*{box-sizing:border-box}body{margin:0;background:#191613;color:var(--ivory);font:14px/1.6 Arial,sans-serif}button{font:inherit;cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible{outline:2px solid #b2ccbe;outline-offset:4px}[hidden]{display:none!important}header{height:95px;max-width:1600px;margin:auto;padding:20px 4vw;display:flex;align-items:center;justify-content:space-between}.brand{font:25px Georgia;letter-spacing:6px;color:var(--ivory);text-decoration:none}.brand span{display:block;font:8px Arial;letter-spacing:4.8px;margin-top:7px}.edition{font-size:9px;letter-spacing:3px;text-align:center;color:#c6ac8a}.edition span{display:block;font-size:7px;letter-spacing:2px;color:var(--muted);margin-top:5px}header button{background:none;border:1px solid #bd956936;border-radius:20px;color:var(--muted);font-size:10px;padding:9px 14px}main{padding:0 3vw;max-width:1600px;margin:auto}.frame{height:calc(100svh - 180px);min-height:600px;position:relative;border:1px solid #9f7c495a;perspective:1600px;overflow:hidden;background:#25231b;box-shadow:0 20px 80px #0007}.frame:after{content:'';position:absolute;inset:9px;border:1px solid #c29d6238;pointer-events:none;z-index:7}.scene{position:absolute;inset:0;transform:scale(1.04);transition:transform 4s ease}.scene img{width:100%;height:100%;object-fit:cover;object-position:center}.scene-shade{position:absolute;inset:0;background:linear-gradient(0deg,#10160ef5,transparent 70%)}.doors{position:absolute;inset:0;transform-style:preserve-3d;z-index:2;perspective:1400px}.door{position:absolute;width:50.1%;height:100%;top:0;backface-visibility:hidden;transition:transform 2.8s cubic-bezier(.25,.6,.25,1);background:repeating-linear-gradient(90deg,#ffffff01 0px,#ffffff01 1px,transparent 1px,transparent 18px),linear-gradient(110deg,#403022,#231c17 48%,#34261c);box-shadow:inset 0 0 90px #0005;border:1px solid #af865537}.left{left:0;transform-origin:left center}.right{right:0;transform-origin:right center;background:repeating-linear-gradient(90deg,#ffffff01 0px,#ffffff01 1px,transparent 1px,transparent 18px),linear-gradient(250deg,#403022,#231c17 48%,#34261c)}.inlay{position:absolute;inset:30px;border:1px solid #b68b4d45;outline:1px solid #8a643526;outline-offset:7px}.handle{position:absolute;top:47%;height:95px;width:5px;background:linear-gradient(90deg,#7e5832,#d7b487,#71502e);box-shadow:2px 3px 8px #000}.left .handle{right:20px}.right .handle{left:20px}.seam{position:absolute;width:1px;left:50%;height:100%;background:#c2a67538;z-index:3;box-shadow:0 0 15px #b8843533}.question{position:relative;z-index:4;text-align:center;max-width:650px;margin:auto;padding:34px 32px;transition:opacity .5s,transform .7s}.eyebrow{font-size:8px;letter-spacing:2.7px;color:#c7aa82}.seal{margin:16px auto;width:43px;height:43px;border:3px double #b28c60;border-radius:50%;display:grid;place-items:center;background:#58402b;color:#d9b589;font:italic 27px Georgia;box-shadow:0 5px 18px #0005}h1{font:37px/1.18 Georgia;font-weight:normal;white-space:pre-line;margin:17px 0}#question{font-size:12px;color:#c7bba9;max-width:420px;margin:15px auto 22px}.answers{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:470px;margin:auto}.answer{display:flex;align-items:center;gap:15px;padding:16px 20px;color:#e5d7c2;background:#1a1714bc;border:1px solid #a8835252;text-align:left;transition:background .25s,border-color .25s}.answer .letter{font:italic 19px Georgia;color:#b79163;border-right:1px solid #b7916344;padding-right:15px}.answer:hover{border-color:#d2b080;background:#443223}.answer.wrong{border-color:#b78265;background:#492a20}.answer.correct{border-color:#b4cbb8;background:#304939;color:#f4eddc}.feedback{height:40px;font-size:11px;color:#cadbc9;margin:13px 0 0}.hint{border:0;background:none;color:#b09c81;text-decoration:underline;text-underline-offset:4px;font-size:9px;padding:7px}.micro{font-size:7px;letter-spacing:2px;color:#806e55;margin:12px 0}.opening .question{opacity:0;transform:translateZ(70px);pointer-events:none}.opening .left{transform:rotateY(-105deg)}.opening .right{transform:rotateY(105deg)}.opening .seam{opacity:0}.opening .scene{transform:scale(1)}.revealed{position:absolute;z-index:5;bottom:45px;left:5%;right:5%;animation:appear 1s ease}.revealed h2{font:85px/1 Georgia;margin:18px 0}.revealed h2 small{display:block;font:9px Arial;letter-spacing:3px;margin-top:12px}.revealed p{font-size:13px;color:#e0e6d8;max-width:420px}.primary{background:#d2b28a;border:1px solid #c4a072;color:#241f17;font-size:11px;padding:16px 20px;min-width:250px;text-align:left;margin-top:15px}.primary span{float:right;margin-left:30px}.quiet{background:none;border:0;color:#e7d5bc;text-decoration:underline;text-underline-offset:5px;font-size:10px;margin:16px;padding:8px}.final-gate{position:absolute;inset:0;z-index:4;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:30px}.final-gate h2,.invitation h2{font:38px/1.3 Georgia;font-weight:normal}em{font-weight:normal;color:#c5a27b}.keys{font:20px Georgia;color:#c6ac88;letter-spacing:2px;margin:10px}.keys span{margin:0 13px;color:#796548}.invitation{position:absolute;inset:0;z-index:5;background:#142015db;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:30px;animation:appear 1.2s}.invitation>p{color:#b5bfa9;font-size:12px}.envelope{width:290px;height:145px;background:linear-gradient(135deg,#51402c,#302c20);border:1px solid #a27f50;box-shadow:0 20px 45px #0005}.envelope p{font-size:8px;letter-spacing:1.4px;margin:10px}.envelope>span{font-size:7px;letter-spacing:2px;color:#b79d76}footer{padding:21px 4vw 14px;max-width:1600px;margin:auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}#progress{display:flex;align-items:center;gap:16px;font-size:8px;letter-spacing:1.3px;color:#776d5e}#progress .active{color:#d1b68f}#progress .done{color:#a6bbaa}#progress i{height:1px;width:25px;background:#7b624237}footer button{border:0;background:none;color:#a18e75;font-size:9px}footer small{width:100%;font-size:7px;color:#786f60;letter-spacing:.3px}#viewer{position:fixed;inset:0;background:#111810f7;z-index:20;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:50px 16px 25px}#viewer img{max-width:100%;max-height:85svh;object-fit:contain}#viewer button{position:absolute;right:20px;top:10px;background:none;border:0;color:#e3d2b9;font-size:30px}#viewer p{font-size:9px;color:#b9baa9;text-align:center}@keyframes appear{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:700px){header{height:80px;padding:15px 6vw}.brand{font-size:21px}.edition{display:none}main{padding:0 12px}.frame{height:calc(100svh - 175px);min-height:585px}.question{padding:23px 22px}.seal{margin:14px auto}h1{font-size:29px;margin:16px 0}#question{font-size:11px;margin:14px auto 20px}.answer{padding:14px 12px;gap:10px;font-size:12px}.answer .letter{font-size:17px;padding-right:10px}.answers{gap:10px}.inlay{inset:20px}.feedback{font-size:10px;height:42px}.handle{width:3px}.left .handle{right:9px}.right .handle{left:9px}.revealed{bottom:30px;left:7%;right:7%}.revealed h2{font-size:67px}.revealed p{font-size:12px}.quiet{display:block;margin:14px 0 0}.scene img{object-position:61% center}.final-gate h2,.invitation h2{font-size:29px}.invitation{padding:24px}.envelope{width:255px}.keys{font-size:17px}.keys span{margin:0 7px}#progress{gap:6px;font-size:6px;letter-spacing:.5px}#progress i{width:10px}footer{padding:15px 18px;gap:10px}footer small{font-size:6px}.primary{min-width:230px}}@media(max-height:600px) and (orientation:landscape){.frame{min-height:540px}header{height:65px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
header{position:relative;z-index:30}.intro-mode{overflow:hidden}.intro-mode header{position:absolute;top:0;left:0;right:0}.intro-mode .edition{color:#eee0ca}.intro-mode header button{color:#eee0ca;background:#1c201c70}#intro{position:fixed;inset:0;background:#444a48;overflow:hidden}#cityCanvas{position:absolute;inset:0;background:linear-gradient(#626a6c,#454c49);transition:opacity 1.2s}#cityCanvas canvas{display:block;width:100%;height:100%}#intro:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#1119139c,transparent 80%),linear-gradient(0deg,#0c140ac4,transparent 70%);pointer-events:none}#seaIntro{position:absolute;inset:0;opacity:0;transform:scale(1.18);transition:opacity 1.6s,transform 4s}#seaIntro img{width:100%;height:100%;object-fit:cover;object-position:85% center}.seaOverlay{position:absolute;inset:0;background:linear-gradient(0deg,#122b27ac,transparent 70%)}.introCopy,.coastCopy{position:absolute;bottom:18%;left:7%;right:7%;z-index:4;transition:opacity .6s}.introCopy h1,.coastCopy h1{font:clamp(34px,4.5vw,68px)/1.14 Georgia;text-shadow:0 2px 20px #0005}.introCopy p,.coastCopy p{font-size:13px;color:#e3e2d5;line-height:1.9}.introCopy small{display:block;margin-top:20px;font-size:9px;color:#aeb6aa}.introNote{position:absolute;bottom:14px;left:7%;z-index:4;font-size:7px;color:#bdc5b5}#keyhole{position:absolute;left:50%;top:45%;width:34px;height:54px;transform:translate(-50%,-50%);z-index:2;opacity:0;transition:opacity .8s,transform 2.3s cubic-bezier(.6,0,.3,1)}#keyhole svg{width:100%;height:100%;filter:drop-shadow(0 0 20px #e4bc7e)}.entering .introCopy{opacity:0;pointer-events:none}.entering #keyhole{opacity:1}.through #keyhole{transform:translate(-50%,-50%) scale(100);opacity:0}.by-sea #cityCanvas{opacity:0;pointer-events:none}.by-sea #seaIntro{opacity:1;transform:scale(1)}#passForm{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(430px,90%);padding:32px;background:#24291fe8;border:1px solid #ae92685c;backdrop-filter:blur(14px);z-index:6;text-align:center}#passForm h2{font:38px/1.2 Georgia;margin:15px 0 24px}#passForm label{display:block;text-align:left;font-size:10px;color:#c1bba7;margin-bottom:8px}.passwordRow{display:flex;border:1px solid #aa93675c}.passwordRow input{width:100%;min-width:0;background:#151c16aa;border:0;padding:14px;color:#f0e4cf;font-size:16px;letter-spacing:2px}.passwordRow button{border:0;background:#3b3c2a;color:#cdbb98;padding:10px;font-size:10px}#passFeedback{font-size:11px;color:#e3bda2;min-height:18px}#passForm .primary{width:100%;margin-top:0}#passForm small{display:block;font-size:9px;color:#b7ad96;margin-top:18px}#passForm .quiet{margin:10px auto}#progress{flex-wrap:wrap}.question{padding-top:22px}.question h1{font-size:33px}#question{max-width:490px}.keys{font-size:17px}.revealed h2{font-size:clamp(45px,6vw,85px)}@media(max-width:700px){.introCopy,.coastCopy{bottom:17%;left:7%;right:7%}.introCopy h1,.coastCopy h1{font-size:37px}.introCopy p{font-size:12px}.introCopy p br{display:none}.introNote{font-size:6px;right:7%}.question h1{font-size:27px}.question{padding-top:20px}#question{font-size:11px}.frame{min-height:650px}.keys{font-size:14px}.keys span{margin:0 4px}#passForm{padding:27px}.answers{gap:8px}.answer{font-size:11px;padding:13px 9px}.answer .letter{padding-right:8px}.revealed h2{font-size:58px}}@media(prefers-reduced-motion:reduce){#keyhole{display:none}}
.fallbackStreet{position:absolute;inset:0;background:linear-gradient(#75817e,#343d39);perspective:500px}.fallbackStreet>span{position:absolute;top:0;width:25%;height:100%;background:repeating-linear-gradient(0deg,#68716e 0 18px,#394945 18px 35px);transform:rotateY(35deg)}.fallbackStreet>span:nth-child(1){left:0}.fallbackStreet>span:nth-child(2){left:22%;width:15%;height:75%}.fallbackStreet>span:nth-child(3){right:22%;width:15%;height:75%;transform:rotateY(-35deg)}.fallbackStreet>span:nth-child(4){right:0;transform:rotateY(-35deg)}.fallbackDoor{position:absolute;left:42%;top:20%;width:16%;height:55%;border:4px solid #b99a71;background:#30241a;display:grid;place-items:center;color:#b99a71;font:italic 42px Georgia}.entering .fallbackStreet{transform:scale(3);transition:transform 3.5s}