:root{
  --burgundy:#3B0818;--cherry:#12060B;--gold:#D6A84F;--brass:#A8742A;--coral:#FF6F59;--teal:#1FB6A6;--pearl:#F6E7C8;--plum:#231126;
  --display:'Cinzel Decorative', Georgia, serif;--body:'Alegreya Sans', system-ui, sans-serif;--label:'Cabin', system-ui, sans-serif;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% 20%,#231126 0,#3B0818 38%,#12060B 100%);color:var(--pearl);font-family:var(--body);overflow-x:hidden}body::before{content:"";position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(90deg,rgba(246,231,200,.025) 0 1px,transparent 1px 7px),radial-gradient(circle at 20% 30%,rgba(214,168,79,.12),transparent 28%),radial-gradient(circle at 80% 70%,rgba(31,182,166,.09),transparent 30%);mix-blend-mode:screen;z-index:1}.story{position:relative;z-index:2}.room{min-height:100vh;position:relative;display:grid;place-items:center;overflow:hidden;padding:8rem 8vw;isolation:isolate}.room::before{content:"";position:absolute;inset:7vh 6vw;border:1px solid rgba(168,116,42,.36);box-shadow:inset 0 0 0 1px rgba(214,168,79,.12),0 0 60px rgba(18,6,11,.75);clip-path:polygon(0 8%,4% 8%,4% 0,96% 0,96% 8%,100% 8%,100% 92%,96% 92%,96% 100%,4% 100%,4% 92%,0 92%);z-index:-1}.brass-frame{position:fixed;inset:1.1rem;border:1px solid var(--brass);z-index:10;pointer-events:none;box-shadow:0 0 0 1px rgba(214,168,79,.15),inset 0 0 35px rgba(214,168,79,.08)}.corner{position:absolute;width:62px;height:62px;border-color:var(--gold);opacity:.9}.corner-tl{left:12px;top:12px;border-left:2px solid;border-top:2px solid}.corner-tr{right:12px;top:12px;border-right:2px solid;border-top:2px solid}.corner-bl{left:12px;bottom:12px;border-left:2px solid;border-bottom:2px solid}.corner-br{right:12px;bottom:12px;border-right:2px solid;border-bottom:2px solid}.inlay-nav{position:fixed;inset:2rem auto 2rem 2rem;width:70px;z-index:12;display:flex;flex-direction:column;align-items:center;justify-content:space-between;color:var(--gold);font-family:var(--label);text-transform:uppercase;letter-spacing:.18em}.monogram{font-family:var(--display);color:var(--pearl);text-decoration:none;font-size:1.1rem;text-shadow:0 0 12px rgba(246,231,200,.35)}.nav-ticks{display:grid;gap:1rem}.tick{width:34px;height:2px;background:var(--brass);display:block;position:relative;transition:.5s}.tick.active{width:52px;background:var(--gold);box-shadow:0 0 18px rgba(214,168,79,.65)}.tick span{position:absolute;left:62px;top:-.65rem;white-space:nowrap;opacity:0;color:var(--pearl);font-size:.65rem;transition:.4s}.tick:hover span,.tick.active span{opacity:1}.room-indicator{writing-mode:vertical-rl;font-size:.62rem}.room-indicator b{color:var(--pearl);font-size:1rem}.plaque{max-width:620px;padding:2.1rem 2.4rem;background:linear-gradient(145deg,rgba(59,8,24,.84),rgba(18,6,11,.72));border:1px solid rgba(214,168,79,.48);box-shadow:0 32px 90px rgba(0,0,0,.45),inset 0 0 24px rgba(214,168,79,.08);text-align:center;clip-path:polygon(8% 0,92% 0,100% 14%,100% 86%,92% 100%,8% 100%,0 86%,0 14%)}.eyebrow{font-family:var(--label);font-size:.75rem;letter-spacing:.25em;text-transform:uppercase;color:var(--gold);margin:0 0 1rem}h1,h2{font-family:var(--display);text-transform:uppercase;letter-spacing:.08em;line-height:.95;color:var(--pearl);margin:.2rem 0 1.2rem;text-shadow:0 0 20px rgba(246,231,200,.25)}h1{font-size:clamp(3rem,8vw,8.8rem)}h2{font-size:clamp(2.2rem,5vw,5.2rem)}p{font-size:clamp(1.05rem,1.4vw,1.35rem);line-height:1.55;margin:0}.seal-stage{position:absolute;width:min(52vw,620px);top:14vh;opacity:.86}.fish-seal{width:100%;filter:drop-shadow(0 0 18px rgba(214,168,79,.38))}.seal-line{fill:none;stroke:var(--gold);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1050;stroke-dashoffset:1050;animation:drawSeal 3.2s ease forwards}.seal-line.delay{animation-delay:.75s}.pearl-dot{fill:var(--pearl);opacity:0;animation:pearlGlow 1s 2.7s forwards}@keyframes drawSeal{to{stroke-dashoffset:0}}@keyframes pearlGlow{to{opacity:1}}.fish{position:absolute;width:185px;height:74px;border-radius:55% 45% 45% 55%;background:linear-gradient(100deg,var(--coral),#ffad70 35%,var(--teal) 72%,#0b706a);filter:drop-shadow(0 18px 24px rgba(0,0,0,.35)) drop-shadow(0 0 18px rgba(31,182,166,.3));transform-style:preserve-3d}.fish::before{content:"";position:absolute;right:-44px;top:12px;border-left:58px solid var(--teal);border-top:25px solid transparent;border-bottom:25px solid transparent}.fish::after{content:"";position:absolute;left:28px;top:18px;width:14px;height:14px;border-radius:50%;background:var(--cherry);box-shadow:38px -18px 0 10px rgba(246,231,200,.28)}.fish span{position:absolute;inset:10px 46px 10px 58px;border-left:4px solid rgba(246,231,200,.65);border-right:4px solid rgba(246,231,200,.32);border-radius:50%;opacity:.8}.fish-moorish{top:43vh;left:-220px;animation:swimFoyer 9s 2s ease-in-out infinite}.fish-idol{right:9vw;top:19vh;animation:orbit 12s linear infinite}.fish-angel{left:8vw;bottom:18vh;animation:angelPass 10s ease-in-out infinite}@keyframes swimFoyer{0%{transform:translateX(0) rotateY(0)}55%{transform:translateX(64vw) translateY(-35px) rotateY(0)}56%{transform:translateX(64vw) translateY(-35px) rotateY(180deg)}100%{transform:translateX(0) rotateY(180deg)}}@keyframes orbit{from{transform:rotate(0deg) translateX(40px) rotate(0deg)}to{transform:rotate(360deg) translateX(40px) rotate(-360deg)}}@keyframes angelPass{50%{transform:translateX(42vw) translateY(-8vh) scale(1.08)}}.clue-strip,.edge-note,.cipher-letters{font-family:var(--label);letter-spacing:.28em;text-transform:uppercase;color:rgba(246,231,200,.65);font-size:.72rem}.clue-strip{position:absolute;top:50%;writing-mode:vertical-rl}.clue-strip.left{left:7vw}.clue-strip.right{right:7vw}.shutters span{position:absolute;top:0;bottom:0;width:50%;background:linear-gradient(90deg,var(--cherry),rgba(59,8,24,.82));z-index:4;animation:partShutters 2.2s .5s cubic-bezier(.7,0,.2,1) forwards}.shutters span:first-child{left:0}.shutters span:last-child{right:0}@keyframes partShutters{to{width:0}}.room-cabinet{grid-template-columns:1fr 1fr;gap:5vw}.side-plaque{text-align:left}.deco-window{position:absolute;width:52vw;height:72vh;right:6vw;border-radius:50% 50% 4% 4%;border:1px solid rgba(31,182,166,.28);background:radial-gradient(circle at 50% 25%,rgba(31,182,166,.18),transparent 45%)}.artifact{position:relative;transform-style:preserve-3d;transition:transform .25s ease}.labyrinth{width:min(38vw,430px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,var(--plum) 0 18%,var(--gold) 19% 21%,var(--burgundy) 22% 38%,var(--brass) 39% 41%,var(--cherry) 42% 100%);border:4px solid var(--gold);box-shadow:0 35px 80px rgba(0,0,0,.55),inset 0 0 30px rgba(246,231,200,.12);animation:slowTurn 20s linear infinite}.disc-rings{position:absolute;inset:12%;border:2px solid var(--gold);border-radius:50%;box-shadow:inset 0 0 0 32px rgba(168,116,42,.14)}.maze-line{position:absolute;background:var(--gold);box-shadow:0 0 12px rgba(214,168,79,.5)}.m1{width:42%;height:3px;left:18%;top:39%}.m2{width:3px;height:31%;left:59%;top:39%}.m3{width:29%;height:3px;left:42%;top:70%}.cabinet-pearl{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--pearl)}.p1{left:29%;top:34%}.p2{right:28%;top:58%}.p3{left:47%;bottom:21%}@keyframes slowTurn{to{rotate:360deg}}.edge-note{position:absolute;right:9vw;bottom:12vh}.room-cipher{background:radial-gradient(circle at 50% 50%,rgba(31,182,166,.12),transparent 42%)}.center-plaque{margin-top:-22vh}.coral-key{position:absolute;bottom:14vh;width:290px;height:120px;border:2px solid var(--gold);border-radius:70px;background:linear-gradient(90deg,var(--coral),var(--brass));box-shadow:0 25px 70px rgba(255,111,89,.24);animation:keyTurn 8s ease-in-out infinite}.coral-key span{position:absolute;width:72px;height:72px;border:2px solid var(--gold);border-radius:50%;background:var(--burgundy);top:-28px}.coral-key span:nth-child(1){left:38px}.coral-key span:nth-child(2){left:95px;top:70px}.coral-key span:nth-child(3){right:72px}.coral-key span:nth-child(4){right:22px;top:42px}@keyframes keyTurn{50%{transform:rotate(8deg) translateY(-12px)}}.tetra-school{position:absolute;inset:0}.tetra-school i{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--teal);box-shadow:0 0 18px var(--teal);animation:dotSchool 6s ease-in-out infinite}.tetra-school i:nth-child(1){left:22%;top:35%;animation-delay:.1s}.tetra-school i:nth-child(2){left:30%;top:62%;animation-delay:.3s}.tetra-school i:nth-child(3){left:42%;top:28%;animation-delay:.5s}.tetra-school i:nth-child(4){left:51%;top:68%;animation-delay:.7s}.tetra-school i:nth-child(5){left:58%;top:38%;animation-delay:.9s}.tetra-school i:nth-child(6){left:66%;top:57%;animation-delay:1.1s}.tetra-school i:nth-child(7){left:73%;top:31%;animation-delay:1.3s}.tetra-school i:nth-child(8){left:18%;top:70%;animation-delay:1.5s}.tetra-school i:nth-child(9){left:82%;top:66%;animation-delay:1.7s}@keyframes dotSchool{50%{transform:translate(22px,-18px) scale(1.5);background:var(--pearl)}}.cipher-letters{position:absolute;bottom:9vh;color:var(--gold)}.sunburst{position:absolute;inset:auto auto 8vh auto;width:min(76vw,850px);height:44vh;background:repeating-conic-gradient(from 180deg at 50% 100%,rgba(214,168,79,.55) 0 3deg,transparent 3deg 9deg);opacity:.42;clip-path:polygon(0 100%,50% 0,100% 100%)}.final-plaque{transform:translateY(-8vh)}.inlay-cube{position:absolute;right:14vw;bottom:16vh;width:190px;height:190px;transform:rotateX(58deg) rotateZ(45deg);animation:cubeFloat 7s ease-in-out infinite}.cube-face{position:absolute;inset:0;background:linear-gradient(135deg,var(--burgundy),var(--plum));border:2px solid var(--gold);box-shadow:inset 0 0 24px rgba(246,231,200,.12)}.cube-face.top{transform:translateY(-95px) skewX(-45deg) scaleY(.5);transform-origin:bottom;background:linear-gradient(135deg,var(--brass),var(--gold))}.cube-face.side{transform:translateX(95px) skewY(-45deg) scaleX(.5);transform-origin:left;background:linear-gradient(135deg,var(--plum),var(--cherry))}@keyframes cubeFloat{50%{translate:0 -18px}}.cabinet-tab{position:absolute;bottom:9vh;color:var(--pearl);text-decoration:none;font-family:var(--label);letter-spacing:.22em;text-transform:uppercase;border:1px solid var(--brass);padding:.8rem 1.2rem;background:rgba(18,6,11,.6)}.room.revealed .plaque{animation:plaqueReveal .9s cubic-bezier(.7,0,.2,1) both}@keyframes plaqueReveal{from{opacity:.25;transform:translateY(30px) scale(.98);filter:blur(8px)}}@media(max-width:760px){.inlay-nav{inset:auto 2rem 2rem 2rem;width:auto;height:44px;flex-direction:row}.room-indicator{writing-mode:initial}.nav-ticks{display:flex}.tick span{display:none}.room{padding:7rem 1.6rem}.room-cabinet{grid-template-columns:1fr}.labyrinth{width:72vw}.seal-stage{width:82vw}h1{font-size:3rem}.brass-frame{inset:.7rem}}