:root{
  --midnight:#0B1324;
  --teal:#1F6F66;
  --brass:#C99A45;
  --parchment:#F3E7C8;
  --umber:#2A1B16;
  --garnet:#8E2430;
  --lapis:#163B6C;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--midnight)}
body{margin:0;font-family:"Commissioner",Inter,sans-serif;color:var(--parchment);background:radial-gradient(circle at 50% 12%,rgba(22,59,108,.78),transparent 38%),linear-gradient(180deg,var(--midnight),#050914 48%,var(--midnight));overflow-x:hidden}
.grain{position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.18;background-image:repeating-radial-gradient(circle at 18% 22%,rgba(243,231,200,.24) 0 1px,transparent 1px 5px),repeating-linear-gradient(100deg,rgba(201,154,69,.08) 0 1px,transparent 1px 9px);mix-blend-mode:soft-light}
.quest-atlas{position:relative}.scene{min-height:100vh;position:relative;display:grid;place-items:center;padding:7vw 8vw;overflow:hidden;border-bottom:1px solid rgba(201,154,69,.28)}
.scene:before{content:"";position:absolute;inset:2.1rem;border:1px solid rgba(201,154,69,.38);clip-path:polygon(0 0,12% 0,12% 2px,88% 2px,88% 0,100% 0,100% 100%,88% 100%,88% calc(100% - 2px),12% calc(100% - 2px),12% 100%,0 100%);pointer-events:none}.scene.is-visible .scene-label,.scene.is-visible .vellum-panel,.scene.is-visible .vault-notes,.scene.is-visible .stair-copy{opacity:1;transform:translateY(0)}
.progress-rail{position:fixed;right:1.2rem;top:12vh;width:3px;height:76vh;background:rgba(243,231,200,.16);z-index:30;border-radius:9px}.progress-rail span{display:block;width:100%;height:0;background:linear-gradient(var(--brass),var(--teal),var(--garnet));border-radius:9px;box-shadow:0 0 18px var(--brass)}
.chamber-nav{position:fixed;left:1rem;top:50%;transform:translateY(-50%);z-index:31;display:flex;flex-direction:column;gap:.55rem}.chamber-nav a{font-family:"Cinzel Decorative";color:var(--brass);text-decoration:none;width:2.35rem;height:2.35rem;border:1px solid rgba(201,154,69,.42);display:grid;place-items:center;background:rgba(11,19,36,.72);box-shadow:inset 0 0 18px rgba(201,154,69,.09)}.chamber-nav a.active{background:var(--brass);color:var(--umber)}
.scene-label{position:absolute;top:3.4rem;left:7vw;font:500 .78rem/1 "Commissioner";letter-spacing:.28em;text-transform:uppercase;color:var(--brass);opacity:0;transform:translateY(-18px);transition:900ms}.scene-label span{font-family:"Cinzel Decorative";font-size:1.4rem;margin-right:.8rem;color:var(--parchment)}
.bracket{position:absolute;width:74px;height:74px;border-color:var(--brass);opacity:.8}.tl{top:2.7rem;left:2.7rem;border-top:3px solid;border-left:3px solid}.tr{top:2.7rem;right:2.7rem;border-top:3px solid;border-right:3px solid}.bl{bottom:2.7rem;left:2.7rem;border-bottom:3px solid;border-left:3px solid}.br{bottom:2.7rem;right:2.7rem;border-bottom:3px solid;border-right:3px solid}
.antechamber{background:radial-gradient(circle at 50% 18%,rgba(201,154,69,.18),transparent 22%),linear-gradient(90deg,#070c18,var(--midnight) 40%,#060912)}.clock-halo{position:absolute;top:5vh;width:min(70vw,720px);aspect-ratio:1;border:1px solid rgba(201,154,69,.22);border-radius:50%;opacity:.58;animation:turn 28s linear infinite}.clock-halo span{position:absolute;left:50%;top:0;width:1px;height:100%;background:linear-gradient(transparent,rgba(201,154,69,.35),transparent);transform-origin:50% 50%}.clock-halo span:nth-child(2){transform:rotate(45deg)}.clock-halo span:nth-child(3){transform:rotate(90deg)}.clock-halo span:nth-child(4){transform:rotate(135deg)}
.doorcase{position:relative;width:min(78vw,840px);height:70vh;display:grid;place-items:center}.plaque{position:absolute;top:5%;z-index:4;padding:.7rem 2rem;border:1px solid var(--brass);background:linear-gradient(135deg,#6e4b1d,var(--brass),#7a541e);color:var(--umber);font:700 clamp(2rem,6vw,6rem)/.9 "Cormorant Garamond";letter-spacing:.04em;text-shadow:0 1px rgba(243,231,200,.45);box-shadow:0 0 42px rgba(201,154,69,.27),inset 0 0 0 4px rgba(42,27,22,.16)}
.double-door{position:absolute;bottom:3vh;width:72%;height:74%;display:flex;perspective:1200px}.door{width:50%;height:100%;background:linear-gradient(90deg,#111a2f,var(--lapis) 55%,#07101e);border:1px solid rgba(201,154,69,.55);box-shadow:inset 0 0 80px rgba(0,0,0,.42);transition:transform 1100ms cubic-bezier(.2,.7,.15,1)}.door.left{transform-origin:left}.door.right{transform-origin:right}.is-visible.antechamber .door.left{transform:rotateY(0deg)}.is-visible.antechamber .door.right{transform:rotateY(0deg)}body.scrolled .door.left{transform:rotateY(-44deg)}body.scrolled .door.right{transform:rotateY(44deg)}.door i{display:block;margin:16% auto;width:54%;height:68%;border:1px solid rgba(201,154,69,.32);background:repeating-linear-gradient(135deg,transparent 0 12px,rgba(201,154,69,.08) 12px 14px)}
.route-line{position:absolute;bottom:0;width:88%;height:120px;fill:none;stroke:var(--teal);stroke-width:3;filter:drop-shadow(0 0 10px var(--teal))}.route-line path,.glow-route,.convergence path,.pen-arc path{stroke-dasharray:1200;stroke-dashoffset:1200;animation:draw 4s ease forwards}.intro-copy{position:absolute;right:8vw;bottom:7vh;width:min(420px,80vw)}.ledger-copy{background:rgba(42,27,22,.56);border-left:4px solid var(--brass);padding:1.2rem;color:var(--parchment)}.room-number{font-family:"Cinzel Decorative";font-size:2.5rem;color:var(--brass);float:left;margin-right:1rem}.ledger-copy p{font:600 1.35rem/1.25 "Cormorant Garamond";margin:0}
.map-table{background:radial-gradient(circle at 50% 50%,rgba(243,231,200,.15),transparent 36%),linear-gradient(135deg,var(--midnight),var(--lapis) 55%,#071020)}.fold{position:absolute;background:rgba(243,231,200,.12);border:1px solid rgba(201,154,69,.18);transform:rotate(-18deg)}.fold-a{width:45vw;height:150vh;left:-18vw}.fold-b{width:38vw;height:130vh;right:-16vw;transform:rotate(22deg)}.table-surface{position:relative;width:min(1000px,82vw);height:min(620px,62vh);background:linear-gradient(135deg,#d9bd7b,var(--parchment) 43%,#cda963);border:10px solid var(--umber);box-shadow:0 30px 80px rgba(0,0,0,.55),inset 0 0 0 2px var(--brass);transform:rotate(-2deg)}.treaty-map{position:absolute;inset:3%;width:94%;height:94%}.sea{fill:rgba(22,59,108,.23);stroke:var(--lapis);stroke-width:5}.border{fill:none;stroke:var(--umber);stroke-width:3;stroke-dasharray:9 10}.border-one,.border-two,.border-three{stroke-dasharray:1000;stroke-dashoffset:1000}.is-visible .border-one{animation:draw 2s .2s forwards}.is-visible .border-two{animation:draw 2.3s .6s forwards}.is-visible .border-three{animation:draw 2.1s 1s forwards}.glow-route{fill:none;stroke:var(--teal);stroke-width:5;filter:drop-shadow(0 0 8px var(--teal));animation-delay:1.2s}.pins circle{fill:var(--brass);stroke:var(--garnet);stroke-width:5;animation:tremble 1.4s infinite}.wax-seal{position:absolute;width:96px;height:96px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#b83b46,var(--garnet) 58%,#4a1018);display:grid;place-items:center;font-family:"Cinzel Decorative";color:var(--parchment);box-shadow:0 9px 20px rgba(0,0,0,.42),inset 0 0 0 8px rgba(42,27,22,.18);transition:filter .35s,transform .35s}.seal-one{right:10%;top:12%;animation:sealStamp 1.1s 1.2s both}.seal-two{left:12%;bottom:10%;animation:sealStamp 1.1s 1.55s both}.telegram{position:absolute;padding:.6rem 1rem;background:var(--parchment);color:var(--umber);font:600 .72rem/1 "Azeret Mono";letter-spacing:.06em;box-shadow:0 8px 16px rgba(0,0,0,.2);transform:translateX(-120%);transition:1.2s}.is-visible .telegram{transform:translateX(0)}.strip-one{left:-6%;top:18%;rotate:-4deg}.strip-two{right:-5%;bottom:20%;rotate:3deg}.vellum-panel{position:absolute;right:7vw;bottom:8vh;width:min(430px,72vw);padding:1.6rem;background:rgba(243,231,200,.94);color:var(--umber);border:1px solid var(--brass);box-shadow:0 16px 34px rgba(0,0,0,.32);opacity:0;transform:translateY(28px);transition:900ms}.vellum-panel h2,.vault-notes h2{font:700 clamp(2rem,4vw,3.6rem)/.9 "Cormorant Garamond";margin:0 0 1rem}.vellum-panel p,.vault-notes p,.accord-table p{line-height:1.7}
.cipher-corridor{background:linear-gradient(90deg,#050812,var(--midnight),#050812)}.corridor-perspective{width:min(980px,84vw);height:62vh;position:relative;background:repeating-linear-gradient(90deg,rgba(201,154,69,.14) 0 2px,transparent 2px 84px),linear-gradient(120deg,rgba(22,59,108,.35),rgba(11,19,36,.9));clip-path:polygon(8% 0,92% 0,100% 100%,0 100%);border:1px solid rgba(201,154,69,.42)}.telegram-wall{position:absolute;inset:12%;display:flex;flex-direction:column;justify-content:space-around}.cipher{font:600 clamp(1.1rem,2.4vw,2.2rem)/1.4 "Azeret Mono";color:var(--brass);background:rgba(11,19,36,.7);padding:1rem;border-left:3px solid var(--teal);letter-spacing:.08em}.keyhole{position:absolute;left:50%;bottom:9%;width:60px;height:110px;transform:translateX(-50%);background:var(--umber);clip-path:polygon(50% 0,78% 22%,68% 48%,86% 100%,14% 100%,32% 48%,22% 22%);box-shadow:0 0 44px rgba(201,154,69,.5)}.passport-stamp{position:absolute;right:12vw;bottom:12vh;border:4px double var(--garnet);color:var(--garnet);padding:1rem 1.3rem;rotate:-9deg;font:700 1rem/1.2 "Commissioner";text-transform:uppercase;opacity:.78}
.neutral-stair{background:radial-gradient(ellipse at 44% 58%,rgba(31,111,102,.22),transparent 36%),linear-gradient(160deg,var(--lapis),var(--midnight) 65%)}.staircase{position:relative;width:min(920px,82vw);height:66vh}.step{position:absolute;height:72px;background:linear-gradient(90deg,rgba(243,231,200,.12),rgba(201,154,69,.28));border:1px solid rgba(201,154,69,.42);transform:skewX(-24deg);box-shadow:0 20px 28px rgba(0,0,0,.22)}.step span{display:block;transform:skewX(24deg);padding:1.4rem 2rem;font-family:"Azeret Mono";color:var(--parchment)}.step:nth-child(1){left:5%;bottom:6%;width:70%}.step:nth-child(2){left:16%;bottom:24%;width:61%}.step:nth-child(3){left:28%;bottom:42%;width:52%}.step:nth-child(4){left:40%;bottom:60%;width:42%}.oval-zone{position:absolute;right:4%;top:14%;width:250px;height:150px;border-radius:50%;border:2px solid var(--teal);display:grid;place-items:center;color:var(--teal);text-transform:uppercase;letter-spacing:.18em;background:rgba(11,19,36,.42);box-shadow:0 0 38px rgba(31,111,102,.28)}.pen-arc{position:absolute;width:80vw;height:45vh;fill:none;stroke:var(--brass);stroke-width:2;opacity:.82}.stair-copy{position:absolute;left:9vw;bottom:8vh;width:min(430px,80vw);font:600 1.6rem/1.25 "Cormorant Garamond";opacity:0;transform:translateY(22px);transition:900ms}
.seal-vault{background:radial-gradient(circle at 50% 50%,rgba(142,36,48,.25),transparent 30%),linear-gradient(180deg,#060912,var(--midnight))}.vault-wheel{position:relative;width:min(620px,76vw);aspect-ratio:1;display:grid;place-items:center}.sunburst{position:absolute;inset:0;border-radius:50%;background:repeating-conic-gradient(from 0deg,rgba(201,154,69,.8) 0 4deg,transparent 4deg 10deg);mask:radial-gradient(circle,transparent 0 30%,#000 31% 100%);animation:turn 40s linear infinite}.vault-seal{width:250px;height:250px;border-radius:50%;background:radial-gradient(circle at 35% 28%,#bd4b56,var(--garnet) 55%,#300910);display:grid;place-items:center;box-shadow:0 0 0 12px rgba(201,154,69,.34),0 0 70px rgba(142,36,48,.62),inset 0 0 0 16px rgba(42,27,22,.24);transition:.45s}.vault-seal span{font:700 5rem/1 "Cinzel Decorative"}.ribbon{position:absolute;background:var(--brass);color:var(--umber);padding:.7rem 2rem;text-transform:uppercase;font:700 .8rem "Commissioner";letter-spacing:.15em}.ribbon-a{top:24%;left:4%;rotate:-18deg}.ribbon-b{bottom:19%;right:0;rotate:17deg}.vault-notes{position:absolute;right:8vw;bottom:9vh;width:min(420px,78vw);opacity:0;transform:translateY(28px);transition:900ms}.warmable.is-warm,.warmable:hover{filter:brightness(1.16) saturate(1.18);transform:scale(1.03)}
.final-accord{background:radial-gradient(circle at 50% 42%,rgba(243,231,200,.32),transparent 26%),linear-gradient(180deg,var(--midnight),var(--lapis) 52%,#080d18)}.accord-table{position:relative;width:min(920px,86vw);min-height:62vh;border-radius:50%;background:radial-gradient(ellipse,var(--parchment),#c9aa68 68%,var(--umber) 69%,#0b0e16 72%);color:var(--umber);display:grid;place-items:center;text-align:center;padding:7rem 8rem;box-shadow:0 30px 90px rgba(0,0,0,.55),inset 0 0 0 8px rgba(201,154,69,.5)}.convergence{position:absolute;inset:3%;width:94%;height:94%;fill:none;stroke:var(--teal);stroke-width:4;filter:drop-shadow(0 0 8px var(--teal))}.final-seal{z-index:2;width:118px;height:118px;border-radius:50%;background:var(--garnet);color:var(--parchment);display:grid;place-items:center;font-family:"Cinzel Decorative";box-shadow:0 0 0 8px rgba(201,154,69,.45)}.accord-table h1{z-index:2;font:700 clamp(3rem,7vw,7rem)/.82 "Cormorant Garamond";margin:1.2rem 0 .6rem}.accord-table p{z-index:2;max-width:560px;margin:0 auto 1.4rem}.artifact-cta{z-index:2;color:var(--umber);text-decoration:none;border:2px solid var(--umber);padding:.9rem 1.4rem;text-transform:uppercase;letter-spacing:.16em;font:700 .78rem "Commissioner";background:rgba(243,231,200,.42)}
@keyframes draw{to{stroke-dashoffset:0}}@keyframes turn{to{transform:rotate(360deg)}}@keyframes tremble{0%,100%{transform:translate(0)}50%{transform:translate(2px,-2px)}}@keyframes sealStamp{0%{opacity:0;transform:scale(1.8) rotate(-24deg)}65%{opacity:1;transform:scale(.86) rotate(8deg)}100%{transform:scale(1) rotate(0)}}
@media (max-width:760px){.chamber-nav{display:none}.scene{padding:6rem 1.2rem}.scene:before{inset:1rem}.plaque{font-size:2.5rem}.table-surface{width:92vw;height:58vh}.vellum-panel,.vault-notes,.stair-copy{position:relative;left:auto;right:auto;bottom:auto;margin-top:1.5rem}.accord-table{border-radius:36px;padding:4rem 1.4rem}.passport-stamp{right:2rem}.progress-rail{right:.35rem}.oval-zone{width:190px;height:112px}.vault-seal{width:190px;height:190px}}