:root{
  --cave:#080706;
  --umber:#3A2417;
  --moss:#3F5A35;
  --glass:#0F7B68;
  --foxfire:#D9F06A;
  --brass:#B8893B;
  --violet:#3B274F;
  --bone:#E2D2A2;
  --display:"Grenze Gotisch","Papyrus","Copperplate",fantasy;
  --serif:"Fraunces","Iowan Old Style","Georgia",serif;
  --ui:"Gabarito","Trebuchet MS","Verdana",sans-serif;
  --mono:"Space Mono","Courier New",monospace; /* stamped coordinates */
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--cave)}
body{margin:0;color:var(--bone);background:var(--cave);font-family:var(--serif);overflow-x:hidden;cursor:none}
.grain{position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.28;background-image:radial-gradient(circle at 20% 30%,rgba(226,210,162,.08) 0 1px,transparent 1.4px),radial-gradient(circle at 70% 60%,rgba(184,137,59,.08) 0 1px,transparent 1.6px),linear-gradient(100deg,transparent,rgba(63,90,53,.06),transparent);background-size:23px 27px,31px 29px,100% 100%;mix-blend-mode:screen}.lantern{position:fixed;width:260px;height:260px;margin:-130px 0 0 -130px;border-radius:50%;z-index:19;pointer-events:none;background:radial-gradient(circle,rgba(217,240,106,.22),rgba(184,137,59,.08) 35%,transparent 68%);filter:blur(4px);transform:translate3d(50vw,50vh,0)}
.chalk-nav{position:fixed;left:18px;top:50%;transform:translateY(-50%);z-index:30;display:flex;flex-direction:column;gap:13px;font-family:var(--ui);font-size:12px;letter-spacing:.08em;text-transform:uppercase}.chalk-nav:before{content:"";position:absolute;left:13px;top:24px;bottom:18px;width:2px;background:repeating-linear-gradient(to bottom,var(--foxfire) 0 11px,transparent 11px 18px);opacity:.55}.chalk-nav a,.route-name{position:relative;color:var(--bone);text-decoration:none;background:rgba(8,7,6,.6);border:1px solid rgba(226,210,162,.18);padding:7px 9px 7px 32px;border-radius:50% 44% 55% 40%/45% 61% 35% 52%;box-shadow:0 0 20px rgba(8,7,6,.8)}.chalk-nav a:before{content:attr(data-stop);position:absolute;left:5px;top:5px;width:20px;height:20px;border-radius:50%;background:var(--foxfire);color:var(--cave);display:grid;place-items:center;font-family:var(--mono);font-size:9px}.route-name{padding:6px 10px;color:var(--foxfire)}
.cabinet{position:relative}.route-svg{position:absolute;left:8%;top:0;width:84%;height:600vh;z-index:2;pointer-events:none}#routePath{fill:none;stroke:var(--foxfire);stroke-width:.55;stroke-linecap:round;stroke-dasharray:8 7;filter:drop-shadow(0 0 7px rgba(217,240,106,.55));opacity:.75}.chamber{min-height:100vh;position:relative;overflow:hidden;padding:9vh 9vw;background:radial-gradient(ellipse at 50% 50%,rgba(58,36,23,.55),transparent 62%),linear-gradient(180deg,var(--cave),#100d0a 55%,var(--cave));isolation:isolate}.chamber:before,.chamber:after{content:"";position:absolute;z-index:1;pointer-events:none}.chamber:before{inset:-10%;background:radial-gradient(ellipse at 10% 30%,rgba(59,39,79,.55),transparent 33%),radial-gradient(ellipse at 80% 70%,rgba(63,90,53,.32),transparent 34%);filter:blur(20px);opacity:.8}.chamber:after{inset:auto -5vw -14vh -5vw;height:32vh;background:var(--cave);border-radius:43% 57% 0 0/70% 80% 0 0;box-shadow:0 -30px 60px rgba(8,7,6,.92)}
h1,h2{font-family:var(--display);font-weight:400;line-height:.9;margin:0;color:var(--bone);text-shadow:0 0 18px rgba(217,240,106,.22)}h1{font-size:clamp(62px,13vw,190px);letter-spacing:.015em}h2{font-size:clamp(44px,7vw,112px)}p{font-size:clamp(18px,2vw,26px);line-height:1.45;max-width:680px}.stamp{font-family:var(--mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--foxfire);max-width:none}.reveal{opacity:0;transform:translateY(34px) rotate(-1.5deg);transition:opacity .9s ease,transform 1s cubic-bezier(.2,.8,.2,1),filter 1s ease;filter:brightness(.6)}.reveal.lit{opacity:1;transform:translateY(0) rotate(0deg);filter:brightness(1)}.delay-1{transition-delay:.16s}.delay-2{transition-delay:.32s}.delay-3{transition-delay:.48s}
.street{background:linear-gradient(180deg,#14110f 0 26%,var(--cave) 27% 100%)}.rain{position:absolute;inset:0;background:repeating-linear-gradient(100deg,transparent 0 14px,rgba(226,210,162,.12) 15px,transparent 17px);animation:rain 1.2s linear infinite;opacity:.38}.pavement{position:absolute;inset:0 0 auto 0;height:32vh;background:linear-gradient(#17120f,#0b0908);border-bottom:8px solid #000}.pavement span{position:absolute;height:1px;background:rgba(226,210,162,.13);left:0;right:0}.pavement span:nth-child(1){top:31%}.pavement span:nth-child(2){top:61%;transform:rotate(.6deg)}.pavement span:nth-child(3){top:84%;transform:rotate(-.5deg)}.grate{position:absolute;left:13vw;right:13vw;top:22vh;height:16vh;border-radius:4px;background:linear-gradient(90deg,transparent 45%,rgba(217,240,106,.16),transparent 55%);box-shadow:0 24px 70px rgba(217,240,106,.25)}.grate i{position:absolute;top:0;bottom:0;width:3.4%;background:#030302;border-left:1px solid #2a211b;border-right:1px solid #2a211b}.grate i:nth-child(1){left:8%}.grate i:nth-child(2){left:24%}.grate i:nth-child(3){left:40%}.grate i:nth-child(4){left:56%}.grate i:nth-child(5){left:72%}.grate i:nth-child(6){left:88%}.slit-glow{position:absolute;left:15vw;right:15vw;top:34vh;height:2vh;background:var(--foxfire);filter:blur(11px);opacity:.8}.dangling-tag{position:absolute;left:24vw;top:39vh;z-index:4;width:min(760px,64vw);padding:28px 34px;background:linear-gradient(135deg,rgba(226,210,162,.92),rgba(184,137,59,.72));color:var(--umber);border-radius:13% 4% 9% 6%/8% 12% 5% 16%;box-shadow:0 18px 50px rgba(0,0,0,.72);transform-origin:50% -40px;animation:swing 5s ease-in-out infinite}.dangling-tag:before{content:"";position:absolute;left:50%;top:-120px;width:2px;height:120px;background:var(--brass)}.dangling-tag h1,.dangling-tag p{color:var(--umber);text-shadow:none}.dangling-tag small{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase}.depth-mark{position:absolute;right:5vw;bottom:8vh;font-family:var(--mono);color:rgba(226,210,162,.45);writing-mode:vertical-rl;z-index:4}
.roots{background:radial-gradient(ellipse at 52% 40%,rgba(63,90,53,.28),transparent 38%),linear-gradient(var(--cave),#120d09)}.tunnel-mouth{position:absolute;inset:8vh 13vw 4vh 18vw;background:radial-gradient(ellipse at 50% 40%,rgba(8,7,6,.2),var(--cave) 62%);border-radius:43% 57% 53% 47%/26% 30% 70% 74%;box-shadow:inset 0 0 80px #000,0 0 90px rgba(59,39,79,.25)}.root-map{position:absolute;inset:0;width:100%;height:100%;z-index:3}.root{fill:none;stroke:var(--umber);stroke-width:16;stroke-linecap:round;filter:drop-shadow(0 0 8px rgba(8,7,6,.9));stroke-dasharray:1000;stroke-dashoffset:1000}.active .root{animation:drawRoot 2.8s ease forwards}.note-cluster{position:relative;z-index:5;margin:14vh 0 0 43vw;padding:28px 32px;background:rgba(58,36,23,.76);border:1px solid rgba(184,137,59,.35);border-radius:58% 42% 49% 51%/18% 24% 76% 82%;box-shadow:0 0 50px rgba(8,7,6,.8)}.chalk-board{position:absolute;left:16vw;bottom:22vh;z-index:5;font-family:var(--ui);font-size:22px;color:var(--foxfire);transform:rotate(-8deg);border-bottom:2px dashed var(--foxfire)}.fungi{position:absolute;z-index:5;width:64px;height:28px;background:radial-gradient(ellipse at 50% 100%,var(--foxfire),#97a43e 70%);border-radius:50% 50% 14% 14%;filter:drop-shadow(0 0 18px var(--foxfire));animation:pulse 2.8s ease-in-out infinite}.f1{left:18%;bottom:16%}.f2{left:24%;bottom:20%;transform:scale(.65)}.f3{right:19%;bottom:25%;transform:scale(.85)}
.glass{background:radial-gradient(ellipse at 35% 45%,rgba(15,123,104,.32),transparent 38%),linear-gradient(150deg,var(--cave),#11110d,var(--umber))}.bottle-window{position:absolute;z-index:4;background:linear-gradient(135deg,rgba(15,123,104,.82),rgba(217,240,106,.24));border:5px solid rgba(226,210,162,.18);box-shadow:inset 0 0 30px rgba(217,240,106,.25),0 0 60px rgba(15,123,104,.32);clip-path:polygon(18% 6%,78% 0,95% 30%,86% 86%,28% 100%,0 63%)}.w1{left:10vw;top:20vh;width:24vw;height:44vh}.w2{right:13vw;top:11vh;width:18vw;height:32vh;transform:rotate(9deg)}.w3{right:31vw;bottom:13vh;width:19vw;height:28vh;transform:rotate(-12deg)}.crossing-sign{position:relative;z-index:5;margin:23vh 0 0 27vw;width:min(620px,58vw);padding:28px;background:rgba(8,7,6,.74);border-left:6px solid var(--brass);border-radius:8% 18% 10% 14%/12% 8% 20% 10%}.pebble-field span{position:absolute;z-index:4;width:12px;height:9px;border-radius:50%;background:var(--brass);opacity:.65}.pebble-field span:nth-child(1){left:58%;top:68%}.pebble-field span:nth-child(2){left:61%;top:72%}.pebble-field span:nth-child(3){left:65%;top:70%}.pebble-field span:nth-child(4){left:33%;top:82%}.pebble-field span:nth-child(5){left:36%;top:78%}.pebble-field span:nth-child(6){left:75%;top:53%}
.moths{background:radial-gradient(circle at 50% 43%,rgba(184,137,59,.34),transparent 25%),linear-gradient(var(--cave),#0d090e 55%,var(--violet))}.lantern-post{position:absolute;left:48%;top:18vh;z-index:4;width:70px;height:210px;border:2px solid var(--brass);border-radius:50% 50% 24% 24%;background:radial-gradient(circle,var(--foxfire),rgba(184,137,59,.55),transparent 70%);box-shadow:0 0 110px rgba(217,240,106,.45)}.lantern-post span{position:absolute;left:32px;top:-90px;width:4px;height:90px;background:var(--brass)}.orbit{position:absolute;left:calc(48% - 100px);top:calc(18vh - 100px);z-index:6;width:270px;height:270px;border-radius:50%;animation:orbit 9s linear infinite}.orbit-b{width:360px;height:360px;animation-duration:13s;animation-direction:reverse}.orbit-c{width:210px;height:210px;animation-duration:7s}.moth{position:absolute;left:50%;top:0;width:24px;height:16px}.moth:before,.moth:after{content:"";position:absolute;width:14px;height:18px;background:var(--bone);border-radius:90% 10%;opacity:.82}.moth:before{left:-2px;transform:rotate(-30deg)}.moth:after{right:-2px;transform:rotate(30deg) scaleX(-1)}.archive-wall{position:relative;z-index:5;margin:32vh 0 0 9vw;width:min(560px,54vw);padding:28px;background:rgba(226,210,162,.88);color:var(--umber);border-radius:4% 8% 6% 15%;box-shadow:12px 16px 0 rgba(58,36,23,.45)}.archive-wall h2,.archive-wall p{color:var(--umber);text-shadow:none}.specimen-cards{position:absolute;right:9vw;bottom:17vh;display:flex;gap:16px;z-index:6}.specimen-cards span{display:block;padding:24px 18px;background:rgba(226,210,162,.8);color:var(--umber);font-family:var(--mono);text-transform:uppercase;transform:rotate(var(--r,-3deg));border-radius:4px}.specimen-cards span:nth-child(2){--r:5deg}.specimen-cards span:nth-child(3){--r:-8deg}
.keys{background:radial-gradient(ellipse at 70% 42%,rgba(184,137,59,.22),transparent 34%),linear-gradient(180deg,var(--cave),#100a07)}.alcove{position:absolute;right:7vw;top:10vh;width:58vw;height:76vh;background:radial-gradient(ellipse at 50% 48%,rgba(59,39,79,.25),rgba(8,7,6,.94) 63%);border-radius:49% 51% 48% 52%/31% 30% 70% 69%;box-shadow:inset 0 0 90px #000}.key-note{position:relative;z-index:5;margin:19vh 0 0 8vw;width:min(610px,55vw);padding:30px;background:rgba(63,90,53,.42);border:1px solid rgba(217,240,106,.24);border-radius:18% 8% 13% 5%/9% 18% 8% 15%}.key-ring{position:absolute;right:24vw;top:18vh;z-index:6;width:180px;height:360px;transform-origin:50% 0;animation:swing 4.2s ease-in-out infinite}.string{position:absolute;left:89px;top:0;width:2px;height:160px;background:var(--bone)}.key{position:absolute;top:150px;width:26px;height:120px;border:5px solid var(--brass);border-top-width:18px;border-radius:50% 50% 6px 6px;filter:drop-shadow(0 0 12px rgba(184,137,59,.45))}.key:after{content:"";position:absolute;bottom:-18px;left:7px;width:35px;height:12px;background:var(--brass);box-shadow:0 15px 0 var(--brass)}.k1{left:52px;transform:rotate(-18deg)}.k2{left:85px;transform:rotate(8deg);height:145px}.k3{left:118px;transform:rotate(24deg);height:108px}.placard{position:absolute;right:12vw;bottom:20vh;z-index:5;padding:18px 24px;background:var(--bone);color:var(--umber);font-family:var(--ui);font-size:22px;transform:rotate(6deg);border-radius:8px;box-shadow:0 10px 30px #000}
.well{background:radial-gradient(ellipse at 50% 62%,rgba(15,123,104,.18),transparent 30%),linear-gradient(var(--cave),#030302)}.well-mouth{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);width:min(72vw,820px);height:min(72vw,820px);border-radius:50%;background:radial-gradient(circle,#020202 44%,var(--umber) 45% 49%,#020202 50%);box-shadow:inset 0 0 70px #000,0 0 90px rgba(15,123,104,.22)}.water{position:absolute;inset:17%;border-radius:50%;background:radial-gradient(circle,rgba(15,123,104,.55),rgba(8,7,6,.96) 72%);overflow:hidden;box-shadow:inset 0 0 40px #000}.water:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(180deg,transparent 0 17px,rgba(217,240,106,.12) 18px 20px);animation:sediment 5s linear infinite}.water span{position:absolute;left:50%;top:54%;transform:translate(-50%,-50%) scaleY(-1);font-family:var(--display);font-size:clamp(48px,8vw,110px);color:var(--foxfire);text-shadow:0 0 30px var(--foxfire);opacity:.75}.net-map{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);z-index:6;width:min(72vw,760px);height:auto;filter:drop-shadow(0 0 12px rgba(217,240,106,.75))}.net-lines path{fill:none;stroke:var(--foxfire);stroke-width:2;stroke-dasharray:500;stroke-dashoffset:500}.active .net-lines path{animation:drawRoot 3s ease forwards}.nodes circle{fill:var(--foxfire);opacity:.9}.final-label{position:absolute;z-index:7;right:8vw;bottom:8vh;width:min(550px,52vw);padding:24px;background:rgba(8,7,6,.78);border:1px solid rgba(217,240,106,.28);border-radius:10% 16% 9% 13%/18% 8% 15% 10%}
@keyframes rain{to{background-position:0 60px}}@keyframes swing{0%,100%{rotate:-2deg}50%{rotate:2.5deg}}@keyframes drawRoot{to{stroke-dashoffset:0}}@keyframes pulse{0%,100%{filter:drop-shadow(0 0 10px var(--foxfire));opacity:.72}50%{filter:drop-shadow(0 0 30px var(--foxfire));opacity:1}}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes sediment{to{transform:translateY(40px)}}
@media (max-width:760px){body{cursor:auto}.chalk-nav{display:none}.chamber{padding:8vh 6vw}.dangling-tag{left:8vw;width:84vw}.note-cluster,.crossing-sign,.archive-wall,.key-note,.final-label{margin-left:0;width:88vw}.specimen-cards{right:4vw;gap:6px;transform:scale(.8)}.key-ring{right:12vw}.route-svg{left:0;width:100%}}