:root{
  /* Design typography tokens: IBM Plex Mono` from Google Fonts */
  --grotto:#071009;
  --slime:#B6FF00;
  --violet:#8B5CFF;
  --cyan:#00F5FF;
  --coral:#FF4FD8;
  --marble:#E7E0D2;
  --moss:#243B1F;
  --display:'Cormorant Garamond', Georgia, serif;
  --body:'EB Garamond', Georgia, serif;
  --mono:'IBM Plex Mono', monospace;
  --scroll:0;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--grotto)}
body{margin:0;overflow-x:hidden;color:var(--marble);font-family:var(--body);font-weight:500;background:radial-gradient(circle at 30% 20%, rgba(182,255,0,.16) 0%, transparent 28%),radial-gradient(circle at 80% 60%, rgba(139,92,255,.18) 0%, transparent 34%),linear-gradient(180deg,#071009 0%,#0a150c 38%,#11100b 68%,#071009 100%)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:radial-gradient(circle,rgba(231,224,210,.45) 1px,transparent 1.5px),linear-gradient(115deg,transparent 0 45%,rgba(0,245,255,.12) 46%,transparent 47%);background-size:22px 22px,190px 240px;mix-blend-mode:screen;z-index:3}

.cursor-glow{position:fixed;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(182,255,0,.18),rgba(0,245,255,.09) 35%,transparent 68%);left:0;top:0;transform:translate(-50%,-50%);pointer-events:none;z-index:20;filter:blur(3px)}
.inventory{position:fixed;right:1.2rem;top:1.1rem;z-index:30;display:flex;gap:.75rem;padding:.55rem .75rem;border:1px solid rgba(231,224,210,.2);border-radius:999px;background:rgba(7,16,9,.58);box-shadow:0 0 30px rgba(0,245,255,.12);backdrop-filter:blur(8px)}
.relic{position:relative;color:var(--marble);text-decoration:none;font-family:var(--mono);font-size:.62rem;text-transform:uppercase;letter-spacing:.08em;display:grid;place-items:center;gap:.15rem;opacity:.72;transition:transform .35s cubic-bezier(.2,1.7,.3,1),opacity .3s}
.relic span{width:22px;height:18px;display:block;background:var(--marble);border-radius:63% 37% 55% 45%;box-shadow:inset -5px -3px 0 rgba(36,59,31,.45),0 0 10px transparent;transition:.3s}
.relic[data-relic="coin"] span{border-radius:50%;background:linear-gradient(135deg,var(--marble),var(--coral))}
.relic[data-relic="twig"] span{width:25px;height:5px;border-radius:9px;background:var(--moss);transform:rotate(-22deg)}
.relic[data-relic="prompt"] span{background:var(--cyan);clip-path:polygon(0 0,78% 0,100% 50%,78% 100%,0 100%,18% 50%)}
.relic.active,.relic:hover{opacity:1;transform:translateY(4px) scale(1.08)}
.relic.active span,.relic:hover span{box-shadow:0 0 16px var(--slime)}

.vine-path{position:absolute;left:52%;top:16vh;width:18vw;min-width:130px;height:360vh;z-index:5;overflow:visible;pointer-events:none;filter:drop-shadow(0 0 9px rgba(182,255,0,.65))}
.vine-path path{fill:none;stroke:var(--slime);stroke-width:1.6;stroke-dasharray:9 13;opacity:.72;animation:vinedrift 8s linear infinite}

.grotto{position:relative;isolation:isolate}.tableau{position:relative;min-height:100vh;overflow:hidden;padding:9vh 7vw;background:linear-gradient(180deg,rgba(7,16,9,.35),rgba(36,59,31,.12)),radial-gradient(circle at 20% 70%,rgba(255,79,216,.1),transparent 29%)}
.tableau:after{content:"";position:absolute;inset:auto -5vw -2px;height:20vh;background:linear-gradient(to top,var(--grotto),transparent);z-index:11;pointer-events:none}.fog{position:absolute;border-radius:50%;filter:blur(40px);opacity:.34;z-index:0;mix-blend-mode:screen}.fog-a{width:48vw;height:48vw;background:var(--slime);left:-16vw;top:8vh}.fog-b{width:44vw;height:44vw;background:var(--violet);right:-12vw;top:10vh}.fog-c{width:52vw;height:52vw;background:var(--cyan);left:24vw;top:20vh;opacity:.18}.fog-d{width:58vw;height:58vw;background:var(--coral);right:-10vw;bottom:2vh;opacity:.2}

.marble-slab,.chapter,.artifact,.state{background-color:rgba(231,224,210,.92);color:var(--grotto);background-image:linear-gradient(118deg,transparent 0 42%,rgba(36,59,31,.16) 43%,transparent 46%),linear-gradient(33deg,rgba(139,92,255,.1),transparent 24%),linear-gradient(160deg,rgba(255,255,255,.45),rgba(231,224,210,.82));box-shadow:0 28px 70px rgba(0,0,0,.45),inset 0 0 0 1px rgba(7,16,9,.18)}
.title-slab{position:absolute;left:5vw;top:13vh;width:min(76vw,920px);min-height:52vh;padding:4vw 4.5vw;clip-path:polygon(2% 8%,88% 0,100% 18%,94% 91%,68% 100%,6% 91%,0 46%);z-index:4;transform:translateY(calc(var(--scroll)*-12px)) rotate(-1.8deg)}
h1{font-family:var(--display);font-size:clamp(4rem,13vw,12rem);line-height:.82;letter-spacing:-.055em;margin:0;text-shadow:5px 8px 0 rgba(36,59,31,.24),0 0 28px rgba(182,255,0,.22)}
.inscription{font-size:clamp(1.25rem,2vw,2rem);max-width:620px;margin:1.2rem 0 0;line-height:1.35}.crack{position:absolute;background:var(--grotto);height:2px;transform-origin:left}.crack-one{width:38%;left:21%;top:41%;transform:rotate(31deg);box-shadow:0 0 12px var(--slime)}.crack-two{width:26%;left:60%;top:22%;transform:rotate(122deg);box-shadow:0 0 12px var(--cyan)}
.terminal-pool{position:absolute;right:8vw;bottom:16vh;width:min(32vw,380px);min-width:260px;min-height:190px;border-radius:52% 48% 60% 40%;display:grid;place-items:center;text-align:center;z-index:8;background:radial-gradient(ellipse at center,rgba(0,245,255,.6),rgba(139,92,255,.2) 47%,rgba(7,16,9,.75) 72%);box-shadow:0 0 55px rgba(0,245,255,.45),inset 0 0 38px rgba(0,245,255,.45)}
.terminal-pool code,.recovered-command code,.scraps code,.shell-fossils code{font-family:var(--mono);font-weight:600}.terminal-pool code{color:#fff;text-shadow:0 0 12px var(--cyan)}.terminal-pool em{position:absolute;bottom:22px;font-size:1.2rem;color:var(--marble)}.pool-ripple{position:absolute;inset:18%;border:1px solid rgba(231,224,210,.5);border-radius:50%;animation:ripple 2.6s ease-in-out infinite}
.scraps code{position:absolute;z-index:7;color:var(--marble);background:rgba(7,16,9,.55);border:1px solid rgba(182,255,0,.28);padding:.5rem .75rem;border-radius:999px;box-shadow:0 0 18px rgba(182,255,0,.16);animation:tumble 6s ease-in-out infinite}.scraps code:nth-child(1){left:59%;top:20%;animation-delay:-1s}.scraps code:nth-child(2){left:36%;top:67%;animation-delay:-2.3s}.scraps code:nth-child(3){left:72%;top:43%;animation-delay:-3.2s}.scraps code:nth-child(4){left:18%;top:76%;animation-delay:-4s}

.blob{position:absolute;z-index:10;width:120px;height:100px;border-radius:58% 42% 69% 31% / 47% 61% 39% 53%;background:radial-gradient(circle at 35% 30%,rgba(231,224,210,.95) 0 5px,transparent 6px),radial-gradient(circle at 62% 38%,rgba(231,224,210,.82) 0 4px,transparent 5px),radial-gradient(circle at 38% 30%,var(--slime),rgba(36,59,31,.95) 62%);box-shadow:0 0 24px rgba(182,255,0,.75),inset -17px -14px 0 rgba(7,16,9,.45);filter:drop-shadow(0 22px 20px rgba(0,0,0,.35));animation:springblob 4.7s cubic-bezier(.3,1.65,.4,.9) infinite}.blob i{position:absolute;width:46%;height:12px;left:25%;bottom:22%;border-radius:50%;border-bottom:3px solid var(--coral);transform:rotate(-8deg)}.goblin-one{left:68%;top:58%;animation-delay:-.5s}.goblin-two{left:10%;bottom:13%;width:82px;height:74px;animation-delay:-1.7s}.goblin-three{right:16%;top:21%;background:radial-gradient(circle at 34% 32%,var(--marble) 0 5px,transparent 6px),radial-gradient(circle at 61% 35%,var(--marble) 0 4px,transparent 5px),radial-gradient(circle,var(--coral),var(--moss) 64%)}.goblin-four{left:14%;bottom:20%;background:radial-gradient(circle at 34% 31%,var(--marble) 0 5px,transparent 6px),radial-gradient(circle at 62% 35%,var(--marble) 0 4px,transparent 5px),radial-gradient(circle,var(--cyan),var(--moss) 62%)}.goblin-five{right:9%;top:18%;width:150px;height:118px}
.foreground{position:absolute;left:-5%;right:-5%;bottom:-2%;height:24vh;z-index:14;background:linear-gradient(to top,var(--grotto),rgba(36,59,31,.92));clip-path:polygon(0 100%,0 35%,4% 52%,8% 28%,14% 61%,19% 20%,24% 57%,31% 32%,36% 64%,44% 27%,50% 55%,57% 31%,65% 62%,70% 24%,77% 58%,83% 36%,89% 66%,95% 24%,100% 48%,100% 100%)}.jagged{height:20vh}.crown{height:30vh}

.chapter{position:relative;z-index:6;width:min(44vw,560px);padding:3rem;clip-path:polygon(0 8%,91% 0,100% 82%,78% 100%,8% 91%)}.chapter-mark{font-family:var(--mono);color:var(--coral)}h2{font-family:var(--display);font-size:clamp(3rem,7vw,7rem);line-height:.86;letter-spacing:-.055em;margin:.15em 0}.chapter p{font-size:clamp(1.2rem,1.7vw,1.6rem);line-height:1.35}.shard-left{margin-left:6vw;margin-top:12vh;transform:rotate(2deg)}
.timeline-nest{position:absolute;right:9vw;top:22vh;width:min(42vw,540px);height:58vh;z-index:7}.state{position:absolute;width:76%;padding:1.2rem 1.4rem;border-radius:34px 16px 42px 20px;transition:transform .8s cubic-bezier(.2,1.7,.25,1)}.state b{font-family:var(--mono);font-size:.72rem;color:var(--violet);text-transform:uppercase}.state code{display:block;font-family:var(--mono);font-size:1.1rem;margin-top:.4rem}.before{left:2%;top:5%;transform:rotate(-7deg)}.current{right:0;top:33%;transform:rotate(4deg);box-shadow:0 0 30px rgba(255,79,216,.35)}.after{left:12%;bottom:7%;transform:rotate(-2deg)}.tableau.in-view .before{transform:translateX(16px) rotate(2deg)}.tableau.in-view .current{transform:translateX(-22px) rotate(-5deg)}.tableau.in-view .after{transform:translateY(-12px) rotate(4deg)}
.spore{position:absolute;z-index:16;width:26px;height:26px;border:0;border-radius:50%;background:var(--slime);color:var(--grotto);box-shadow:0 0 18px var(--slime);font-size:0;cursor:pointer;transition:transform .45s cubic-bezier(.2,1.8,.3,1)}.spore-one{left:51%;top:28%}.spore-two{left:42%;bottom:24%;background:var(--coral);box-shadow:0 0 18px var(--coral)}.spore-three{right:18%;bottom:18%;background:var(--cyan);box-shadow:0 0 18px var(--cyan)}.spore.bounced{transform:translateY(-55px) scale(1.5)}.column-fragment{position:absolute;left:9vw;bottom:13vh;width:92px;height:310px;background:repeating-linear-gradient(90deg,var(--marble) 0 14px,#d2c9ba 15px 25px);clip-path:polygon(10% 0,100% 7%,86% 100%,0 91%);z-index:5;box-shadow:0 0 35px rgba(231,224,210,.12)}
.bust-wrap{position:absolute;left:9vw;top:13vh;width:360px;height:560px;z-index:7;filter:drop-shadow(0 35px 34px rgba(0,0,0,.55))}.bust-head{position:absolute;left:87px;top:23px;width:170px;height:210px;background:var(--marble);border-radius:48% 42% 45% 55%;clip-path:polygon(20% 3%,82% 0,100% 31%,82% 100%,29% 93%,0 43%)}.bust-head:after{content:"";position:absolute;right:28px;top:65px;width:80px;height:16px;border-radius:50%;border-top:4px solid var(--moss);box-shadow:18px 45px 0 -5px var(--coral)}.bust-neck{position:absolute;left:130px;top:211px;width:95px;height:145px;background:linear-gradient(135deg,var(--marble),#cfc6b7);clip-path:polygon(14% 0,100% 6%,78% 100%,0 83%)}.bust-base{position:absolute;left:34px;top:332px;width:280px;height:150px;background:var(--marble);clip-path:polygon(10% 0,88% 7%,100% 100%,0 91%)}.reversal-ring{position:absolute;border:2px dashed var(--slime);border-radius:50%;inset:0;animation:spin 18s linear infinite;box-shadow:0 0 24px rgba(182,255,0,.4)}.ring-two{inset:40px;border-color:var(--violet);animation-duration:13s;animation-direction:reverse}.relic-copy{margin-left:auto;margin-right:8vw;margin-top:8vh;transform:rotate(-1deg)}.relic-stack{position:absolute;right:13vw;bottom:16vh;width:420px;height:240px;z-index:9}.artifact{position:absolute;width:100%;padding:1rem 1.35rem;border-radius:16px;transform-origin:left bottom}.artifact span{font-family:var(--mono);font-size:.7rem;color:var(--moss)}.artifact code{font-family:var(--mono);display:block;margin-top:.35rem}.artifact:nth-child(1){top:0;left:0;transform:rotate(-7deg)}.artifact:nth-child(2){top:72px;left:34px;transform:rotate(4deg)}.artifact:nth-child(3){top:144px;left:-18px;transform:rotate(-2deg)}.reversing{color:var(--coral);text-decoration:line-through;text-decoration-thickness:3px}
.restoration-stage{position:absolute;left:9vw;bottom:13vh;width:min(56vw,720px);height:58vh;z-index:8}.cyan-pool{position:absolute;left:5%;right:5%;bottom:0;height:42%;border-radius:50%;background:radial-gradient(ellipse at center,rgba(0,245,255,.72),rgba(139,92,255,.22) 52%,transparent 72%);box-shadow:0 0 80px rgba(0,245,255,.55)}.cyan-pool span{position:absolute;inset:20%;border-radius:50%;border:2px solid rgba(231,224,210,.5);animation:ripple 2.4s ease-in-out infinite}.recovered-command{position:absolute;left:18%;bottom:34%;padding:1rem 1.4rem;border:1px solid rgba(182,255,0,.65);border-radius:999px;background:rgba(7,16,9,.82);box-shadow:0 0 30px rgba(182,255,0,.45);animation:rise 5s cubic-bezier(.2,1.4,.3,1) infinite}.recovered-command code{color:var(--slime);font-size:clamp(1rem,2vw,1.55rem)}.sealed-cracks i{position:absolute;height:3px;background:var(--slime);box-shadow:0 0 14px var(--slime);border-radius:999px}.sealed-cracks i:nth-child(1){width:210px;left:12%;top:38%;transform:rotate(24deg)}.sealed-cracks i:nth-child(2){width:150px;left:48%;top:55%;transform:rotate(-36deg)}.sealed-cracks i:nth-child(3){width:185px;left:28%;top:68%;transform:rotate(7deg)}.final-copy{margin-left:auto;margin-top:15vh;margin-right:6vw;background-color:rgba(36,59,31,.94);color:var(--marble);box-shadow:0 0 45px rgba(139,92,255,.24),inset 0 0 0 1px rgba(231,224,210,.16)}.shell-fossils code{position:absolute;color:rgba(231,224,210,.22);font-size:clamp(2rem,7vw,7rem);z-index:2;transform:rotate(-8deg)}.shell-fossils code:nth-child(1){left:5%;top:8%}.shell-fossils code:nth-child(2){right:7%;bottom:32%}.shell-fossils code:nth-child(3){left:43%;top:26%;color:rgba(0,245,255,.18)}.shell-fossils code:nth-child(4){left:16%;bottom:10%;color:rgba(182,255,0,.18)}
.chip-reveal:before{content:attr(data-secret);position:absolute;right:1rem;top:1rem;font-family:var(--mono);font-size:.75rem;color:var(--coral);opacity:0;transform:translateY(8px) rotate(8deg);transition:.35s cubic-bezier(.2,1.6,.3,1);z-index:3}.chip-reveal:hover:before{opacity:1;transform:translateY(0) rotate(-5deg)}

@keyframes springblob{0%,100%{transform:translateY(0) scale(1,1) rotate(-2deg);border-radius:58% 42% 69% 31% / 47% 61% 39% 53%}42%{transform:translateY(-28px) scale(1.12,.88) rotate(4deg);border-radius:42% 58% 37% 63% / 61% 39% 58% 42%}58%{transform:translateY(8px) scale(.92,1.08) rotate(-4deg)}}
@keyframes tumble{0%,100%{transform:translate3d(0,0,0) rotate(-4deg)}50%{transform:translate3d(12px,-24px,0) rotate(9deg)}}
@keyframes ripple{0%{transform:scale(.72);opacity:.9}100%{transform:scale(1.42);opacity:0}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes rise{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-76px) rotate(2deg)}}
@keyframes vinedrift{to{stroke-dashoffset:-44}}

@media (max-width:800px){.inventory{left:.7rem;right:.7rem;justify-content:space-around}.relic b{display:none}.tableau{padding:12vh 5vw}.title-slab{width:92vw;left:3vw}.terminal-pool{right:5vw;bottom:10vh}.chapter{width:88vw;padding:2rem}.timeline-nest,.relic-stack{position:relative;right:auto;top:auto;width:88vw;margin:2rem auto;height:360px}.bust-wrap{opacity:.55;left:-60px}.relic-copy,.final-copy{margin:12vh 3vw}.restoration-stage{width:90vw;left:5vw}.vine-path{left:38%;opacity:.45}.cursor-glow{display:none}}