:root{color-scheme:dark;--ink:#e9e1cf;--dim:#a79e8c;--line:rgba(240,228,204,.2);font-family:Georgia,'Times New Roman',serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#080909;color:var(--ink)}body{min-height:100vh}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}.brand{display:inline-flex;align-items:center;gap:.7rem;font:600 .69rem/1 system-ui,sans-serif;letter-spacing:.23em}.brand-mark{width:1.8rem;height:1.8rem;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;font-size:1.2rem}.folio{font:600 .65rem/1.4 system-ui,sans-serif;letter-spacing:.26em}.demo-label{font:600 .56rem/1.4 system-ui,sans-serif;letter-spacing:.18em}.index-page{background:#090a0a;color:#e8e2d5;display:flex;flex-direction:column}.compare-header,.compare-footer{min-height:72px;padding:0 clamp(1.2rem,4vw,4rem);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #292b29}.compare-header p,.compare-footer{font:500 .65rem/1.4 system-ui,sans-serif;letter-spacing:.15em;color:#8f928e;text-transform:uppercase}.compare-main{flex:1;display:grid;grid-template-columns:minmax(260px,.7fr) minmax(520px,1.3fr);gap:clamp(2rem,5vw,7rem);align-items:center;padding:clamp(3rem,6vw,7rem) clamp(1.2rem,4vw,4rem)}.compare-intro{max-width:550px}.compare-intro .folio{color:#9c8365}.compare-intro h1{font-weight:400;font-size:clamp(3rem,5vw,6.7rem);line-height:.91;letter-spacing:-.045em;margin:1.5rem 0 2rem}.compare-intro>p:last-child{font:400 1rem/1.7 system-ui,sans-serif;color:#999c97;max-width:41ch}.concept-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid #333}.concept-tile{position:relative;min-height:310px;padding:1.2rem;overflow:hidden;border-right:1px solid #333;border-bottom:1px solid #333;display:flex;flex-direction:column;justify-content:space-between;isolation:isolate}.concept-tile:nth-child(even){border-right:0}.concept-tile:nth-child(n+3){border-bottom:0}.concept-tile:focus-visible{outline:2px solid #e6c681;outline-offset:-5px}.concept-number{font:600 .62rem system-ui,sans-serif;letter-spacing:.18em;color:#a4a5a0;z-index:3}.concept-copy,.enter{z-index:3}.concept-copy strong{display:block;font-size:clamp(1.35rem,2.2vw,2.3rem);font-weight:400;line-height:1.05}.concept-copy small{display:block;margin-top:.6rem;font:500 .64rem/1.4 system-ui,sans-serif;letter-spacing:.1em;color:#aaa59b;text-transform:uppercase}.enter{font:600 .62rem system-ui,sans-serif;text-transform:uppercase;letter-spacing:.16em;margin-top:1.7rem}.mini-art{position:absolute;inset:0;z-index:-1;transition:transform .6s ease,filter .6s ease}.concept-tile:hover .mini-art{transform:scale(1.05);filter:brightness(1.15)}.mini-map{background:radial-gradient(circle at 73% 38%,transparent 0 6%,#a83e31 6.5% 7%,transparent 7.5%),linear-gradient(26deg,transparent 49%,#822a25 49.5% 50%,transparent 50.5%),radial-gradient(ellipse at 72% 60%,#6b5840 0 19%,transparent 20%),radial-gradient(ellipse at 15% 15%,#8a7352 0 20%,transparent 21%),#292219;opacity:.7}.mini-map:after{content:"";position:absolute;inset:0;background:repeating-radial-gradient(ellipse at 20% 40%,transparent 0 18px,rgba(229,206,160,.12) 19px 20px)}.mini-inn{background:linear-gradient(90deg,transparent 0 58%,#1a1110 58%),linear-gradient(#151f25,#08090a)}.mini-inn:before{content:"";position:absolute;left:10%;top:12%;width:43%;height:62%;border:8px solid #18100c;background:repeating-linear-gradient(105deg,transparent 0 16px,rgba(190,213,220,.14) 17px 18px),linear-gradient(90deg,transparent 48%,#18100c 49% 53%,transparent 54%),linear-gradient(transparent 47%,#18100c 48% 53%,transparent 54%),#202f35}.mini-inn:after{content:"";position:absolute;right:5%;bottom:12%;width:34%;height:28%;background:radial-gradient(ellipse,#e77f2d 0 8%,#7d321b 25%,transparent 65%)}.mini-clock{background:radial-gradient(circle at 62% 43%,transparent 0 17%,#8c7450 17.5% 18%,transparent 18.5% 25%,#6d5b42 25.5% 26%,transparent 26.5%),radial-gradient(circle at 62% 43%,#2c2242,#0c0d13 58%)}.mini-clock:before,.mini-clock:after{content:"";position:absolute;width:40%;height:1px;background:#8b7550;left:42%;top:43%;transform-origin:right}.mini-clock:before{transform:rotate(24deg)}.mini-clock:after{transform:rotate(-63deg)}.mini-archive{background:repeating-linear-gradient(90deg,#120e0c 0 18%,#3c3028 18.5% 19%,#120e0c 19.5% 37%);opacity:.88}.mini-archive:before{content:"";position:absolute;inset:15% 12%;border:1px solid #80694e;background:repeating-linear-gradient(#c6baa0 0 3px,transparent 3px 23px),#2d241e;opacity:.6}.compare-footer{border-top:1px solid #292b29;border-bottom:0;min-height:52px}
/* Map */
.map-page{overflow:hidden;background:#17130d}.map-stage{height:100vh;min-height:650px;position:relative;overflow:hidden}.map-nav{position:fixed;z-index:20;left:0;right:0;top:0;padding:1.3rem 2.2rem;display:flex;justify-content:space-between;align-items:center;color:#e8d3a4}.map-nav nav,.inn-nav nav,.clock-nav nav,.archive-nav nav{display:flex;gap:.5rem}.map-nav nav a,.inn-nav nav a,.clock-nav nav a,.archive-nav nav a{width:2.2rem;height:2.2rem;display:grid;place-items:center;border:1px solid currentColor;font:600 .62rem system-ui,sans-serif}.map-paper{position:absolute;inset:0;background:radial-gradient(circle at 22% 45%,rgba(159,114,55,.34),transparent 23%),radial-gradient(circle at 70% 40%,rgba(117,88,47,.28),transparent 34%),linear-gradient(120deg,#352b1d,#17130e 73%)}.map-paper:before{content:"";position:absolute;inset:0;opacity:.25;background:repeating-radial-gradient(ellipse at 20% 30%,transparent 0 5px,rgba(240,207,151,.09) 6px 7px)}.map-paper svg{position:absolute;width:100%;height:100%;filter:drop-shadow(0 12px 24px #000)}.coast{fill:none;stroke:#a78a59;stroke-width:42;opacity:.48;filter:url(#rough)}.contours{fill:none;stroke:#b69a66;stroke-width:1.2;opacity:.33}.route{fill:none;stroke:#7f211d;stroke-width:3;stroke-dasharray:7 9}.route-2{opacity:.8}.compass{fill:none;stroke:#b69862;stroke-width:1.3;opacity:.42}.compass path{fill:#b69862;fill-opacity:.3}.fog{position:absolute;border-radius:50%;filter:blur(32px);background:rgba(203,193,165,.13)}.fog-a{width:52vw;height:20vw;right:-9%;top:8%;animation:drift 16s ease-in-out infinite alternate}.fog-b{width:40vw;height:17vw;left:18%;bottom:-4%;animation:drift 20s ease-in-out infinite alternate-reverse}.map-title{position:absolute;z-index:4;left:clamp(1.5rem,5vw,6rem);top:18%;color:#eadbb6;text-shadow:0 3px 20px #1a0d04}.map-title .folio{color:#b77d60}.map-title h1{font-weight:400;font-size:clamp(3.4rem,6.4vw,7.6rem);line-height:.76;letter-spacing:-.06em;margin:1.5rem 0 2rem}.map-title h1 em{color:#b93a2f;font-weight:400}.map-title>p:not(.folio){font-size:clamp(1rem,1.3vw,1.4rem);line-height:1.5}.map-instruction{display:block;margin-top:3.5rem;padding-left:2.2rem;position:relative;font:600 .63rem system-ui,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#b9aa88}.map-instruction:before{content:"";position:absolute;left:0;top:50%;width:1.4rem;height:1px;background:#b93a2f}.map-locations{position:absolute;inset:0}.map-pin{position:absolute;background:transparent;border:0;display:flex;align-items:center;gap:.7rem;cursor:pointer;padding:.8rem;z-index:5}.map-pin:focus-visible{outline:1px solid #f0d392;outline-offset:3px}.pin-dot{width:13px;height:13px;border:2px solid #d4ad5f;border-radius:50%;box-shadow:0 0 0 6px rgba(179,47,36,.22),0 0 20px #c74b35}.pin-label{opacity:0;transform:translateX(-5px);transition:.25s;background:#2b2015de;border:1px solid #7f6040;padding:.5rem .7rem;font:600 .65rem system-ui,sans-serif;letter-spacing:.15em;text-transform:uppercase}.map-pin:hover .pin-label,.map-pin:focus .pin-label,.map-pin.active .pin-label{opacity:1;transform:none}.saltmarsh{left:13%;bottom:17%}.chronicles{left:44%;bottom:28%}.vault{right:21%;top:45%}.wilds{right:7%;top:24%}.map-drawer{position:absolute;z-index:10;right:0;bottom:0;width:min(420px,90vw);padding:2.2rem 2.5rem;background:#17110dea;border-left:1px solid #654630;border-top:1px solid #654630;transform:translateY(105%);transition:transform .4s cubic-bezier(.2,.8,.2,1);box-shadow:-20px -20px 80px #0008}.map-drawer.open{transform:none}.map-drawer>p:first-of-type{font:600 .6rem system-ui,sans-serif;letter-spacing:.22em;color:#ba6d4e}.map-drawer h2{font-weight:400;font-size:2.5rem;margin:.8rem 0}.map-drawer p{line-height:1.65;color:#c9bda5}.drawer-close,.room-close,.archive-close{position:absolute;right:1rem;top:1rem;background:transparent;border:0;font:300 1.6rem system-ui,sans-serif;cursor:pointer}.drawer-close:focus-visible,.room-close:focus-visible,.archive-close:focus-visible{outline:1px solid currentColor}.map-drawer .demo-label{display:block;border-top:1px solid #4b382a;padding-top:1.2rem;margin-top:1.5rem;color:#8c806c}
/* Inn */
.inn-page{overflow:hidden;background:#080b0d}.inn-stage{height:100vh;min-height:680px;position:relative;overflow:hidden;background:linear-gradient(90deg,rgba(4,5,5,.96) 0 23%,rgba(4,5,5,.28) 48%,#050607aa 100%),linear-gradient(#152128 0,#090b0c 70%)}.inn-nav{position:fixed;z-index:20;left:0;right:0;top:0;padding:1.2rem 2rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #7e5e392e}.inn-nav .weather{font:600 .58rem system-ui,sans-serif;letter-spacing:.25em;color:#897d6a}.inn-copy{position:absolute;z-index:5;left:clamp(1.5rem,5vw,6rem);top:24%;}.inn-copy .folio{color:#9f7650}.inn-copy h1{font-size:clamp(4.4rem,8vw,9rem);line-height:.66;font-weight:400;letter-spacing:-.07em;margin:1.7rem 0 2.2rem}.inn-copy h1 em{font-weight:400;color:#d88a47}.inn-copy .tagline{font-size:clamp(1rem,1.5vw,1.45rem);line-height:1.45;color:#c9bba7}.inn-enter{margin-top:1.4rem;padding:1rem 1.2rem;background:#b56332;border:1px solid #e5a96d;color:#120b07;text-transform:uppercase;font:700 .65rem system-ui,sans-serif;letter-spacing:.14em;cursor:pointer}.inn-enter:focus-visible{outline:2px solid #fff;outline-offset:4px}.inn-scene{position:absolute;inset:0}.rafters{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(12deg,transparent 0 57%,#050403 57.5% 61%,transparent 61.5%),linear-gradient(-13deg,transparent 0 64%,#070504 64.5% 68%,transparent 68.5%)}.window{position:absolute;right:23%;top:12%;width:34%;height:43%;border:18px solid #1e1510;box-shadow:0 15px 50px #000,inset 0 0 50px #0b1115;background:repeating-linear-gradient(105deg,transparent 0 18px,rgba(218,230,232,.15) 19px 20px),linear-gradient(145deg,#263a42,#0a1015 65%)}.window:before,.window:after{content:"";position:absolute;background:#18110d}.window:before{left:48%;top:0;bottom:0;width:10px}.window:after{left:0;right:0;top:47%;height:10px}.window i{position:absolute;width:2px;height:42%;background:#a7bdc455;transform:rotate(14deg);animation:rain 2.4s linear infinite}.window i:nth-child(1){left:15%}.window i:nth-child(2){left:36%;top:18%;animation-delay:-1s}.window i:nth-child(3){left:72%;top:4%;animation-delay:-.4s}.window i:nth-child(4){left:88%;top:40%;animation-delay:-1.7s}.lightning{position:absolute;inset:0;background:#d7e8ee;opacity:0;animation:flash 9s infinite}.fireplace{position:absolute;right:4%;bottom:14%;width:26%;height:34%;background:linear-gradient(90deg,#1c100a,#392117,#160c08);border:18px solid #21130d;box-shadow:0 0 80px #b3461c44}.fireplace:before{content:"";position:absolute;left:-12%;right:-12%;top:-22%;height:20%;background:#2c1a10}.fire{position:absolute;inset:24% 18% 4%;background:radial-gradient(ellipse at bottom,#e49b44 0 9%,#a63b1d 25%,#29110b 55%,transparent 56%)}.fire i,.fire b{position:absolute;bottom:15%;left:36%;width:18%;height:48%;background:#ed9a3e;border-radius:80% 0 55% 55%;transform:rotate(22deg);animation:flame 2s ease-in-out infinite}.fire b{left:51%;height:34%;background:#ffc567;animation-delay:-1.1s}.bar{position:absolute;right:-4%;bottom:0;width:62%;height:19%;background:linear-gradient(#362014,#170d08);border-top:10px solid #5a3520;transform:skewX(-7deg);box-shadow:0 -20px 50px #0008}.bar span{position:absolute;left:15%;top:-48px;width:60px;height:56px;background:#0c0907;border:2px solid #63452e}.chest{position:absolute;right:34%;bottom:12%;width:120px;height:82px;border:6px solid #372217;background:#1f120b;display:grid;place-items:center;color:#a7733d}.mirror{position:absolute;right:2%;top:12%;width:12%;height:32%;border:12px solid #3d2b20;border-radius:50% 50% 8% 8%;background:radial-gradient(ellipse,#4c5361,#14151a 58%,#080808);box-shadow:inset 0 0 30px #8a73aa44}.inn-hotspots button{position:absolute;z-index:6;text-align:left;background:#15110de8;border:1px solid #705038;padding:.7rem .9rem;cursor:pointer;box-shadow:0 8px 20px #000}.inn-hotspots button span{display:block;font-size:.9rem}.inn-hotspots button small{font:500 .55rem system-ui,sans-serif;letter-spacing:.1em;color:#a99b86;text-transform:uppercase}.inn-hotspots button:focus-visible,.inn-hotspots button:hover{outline:1px solid #e3a15d;transform:translateY(-2px)}.notice{left:53%;top:21%}.ledger{left:48%;bottom:12%}.chest-hotspot{right:27%;bottom:23%}.mirror-hotspot{right:3%;top:46%}.room-panel{position:absolute;z-index:10;right:0;top:0;height:100%;width:min(430px,94vw);padding:9rem 3rem 3rem;background:linear-gradient(#23160feF,#0f0d0bef);border-left:1px solid #6d4a31;transform:translateX(105%);transition:.45s cubic-bezier(.2,.8,.2,1);box-shadow:-20px 0 70px #000}.room-panel.open{transform:none}.room-panel>p:first-of-type{font:600 .6rem system-ui,sans-serif;letter-spacing:.2em;color:#c27d43}.room-panel h2{font-size:3.2rem;font-weight:400;line-height:1;margin:1rem 0 2rem}.room-panel p{line-height:1.7;color:#c7b8a3}.room-panel>span{position:absolute;bottom:2rem;font:600 .55rem system-ui,sans-serif;letter-spacing:.16em;color:#7d7366}
/* Clock */
.clock-page{overflow:hidden;background:#08090d}.clock-stage{height:100vh;min-height:680px;position:relative;overflow:hidden;background:radial-gradient(circle at 64% 42%,#2d2143 0,#11111a 31%,#08090d 61%)}.clock-nav{position:fixed;z-index:20;left:0;right:0;top:0;padding:1.3rem 2rem;display:flex;justify-content:space-between;align-items:center;color:#d3c099}.clock-monument{position:absolute;left:41%;top:-20%;width:min(62vw,850px);aspect-ratio:1}.clock-ring{position:absolute;inset:9%;border:3px solid #9b8256;border-radius:50%;box-shadow:0 0 0 20px #17141c,0 0 0 22px #66563e,0 0 90px #70599a44,inset 0 0 80px #000}.clock-ring:before,.clock-ring:after{content:"";position:absolute;inset:8%;border:1px solid #89724d;border-radius:50%;opacity:.5}.clock-ring:after{inset:24%;border-style:dashed}.tick{position:absolute;left:49.5%;top:-1%;width:2px;height:12%;background:#ad9465;transform-origin:50% 425%}.t1{transform:rotate(0)}.t2{transform:rotate(90deg)}.t3{transform:rotate(180deg)}.t4{transform:rotate(270deg)}.hand{position:absolute;left:50%;top:50%;height:3px;background:linear-gradient(90deg,#b19867,transparent);transform-origin:0 50%}.hand-a{width:36%;transform:rotate(-68deg)}.hand-b{width:25%;transform:rotate(22deg)}.hub{position:absolute;left:48.5%;top:48.5%;width:3%;height:3%;border-radius:50%;background:#c3a578;box-shadow:0 0 18px #c4a8e2}.clock-shard{position:absolute;background:linear-gradient(145deg,#8f774f,#241f25);clip-path:polygon(10% 0,100% 31%,60% 100%,0 70%);filter:drop-shadow(0 10px 20px #000);animation:float 6s ease-in-out infinite}.shard-a{width:16%;height:19%;left:0;top:53%}.shard-b{width:13%;height:10%;right:4%;top:62%;animation-delay:-2s}.shard-c{width:9%;height:12%;left:35%;bottom:0;animation-delay:-4s}.clock-copy{position:absolute;z-index:5;left:clamp(1.4rem,5vw,6rem);bottom:13%;text-shadow:0 4px 30px #000}.clock-copy .folio{color:#aa8ec6}.clock-copy h1{font-size:clamp(4rem,7.5vw,8.7rem);line-height:.72;font-weight:300;letter-spacing:-.065em;margin:1.5rem 0 2rem}.clock-copy h1 em{font-weight:300;color:#bf9f60}.clock-copy>p:not(.folio){font-size:clamp(1rem,1.5vw,1.45rem);line-height:1.5;color:#bdb8c4}.stars{position:absolute;inset:0;background-image:radial-gradient(circle,#cbb6e5 0 1px,transparent 1.5px),radial-gradient(circle,#b9a06f 0 1px,transparent 1.5px);background-size:83px 83px,127px 127px;background-position:11px 30px,70px 13px;opacity:.35;mask-image:linear-gradient(90deg,transparent,#000)}.realities button{position:absolute;z-index:6;min-width:150px;text-align:left;padding:1rem 1.2rem;background:linear-gradient(135deg,#2d2635e8,#14141be8);border:1px solid #796688;color:#e6deea;cursor:pointer;clip-path:polygon(6% 0,100% 8%,94% 92%,0 100%);animation:float 5s ease-in-out infinite}.realities button span{display:block;font-size:1rem}.realities button small{font:600 .55rem system-ui,sans-serif;letter-spacing:.18em;color:#a99373;text-transform:uppercase}.realities button:hover,.realities button:focus-visible,.realities button.active{outline:0;border-color:#d0ad69;filter:brightness(1.25);box-shadow:0 0 35px #8c6ab155}.r1{right:7%;top:23%}.r2{right:22%;top:68%;animation-delay:-1.4s!important}.r3{right:2%;bottom:10%;animation-delay:-3s!important}.reality-readout{position:absolute;z-index:5;left:42%;top:69%;max-width:390px;border-left:1px solid #8873a2;padding-left:1.5rem}.reality-readout>p:first-child{font:600 .57rem system-ui,sans-serif;letter-spacing:.2em;color:#a894c1}.reality-readout h2{font-weight:400;font-size:1.8rem;margin:.5rem 0}.reality-readout p{font-size:.9rem;line-height:1.5;color:#9994a2}.pulse{display:block;width:6px;height:6px;background:#a687d0;border-radius:50%;box-shadow:0 0 0 6px #a687d022;animation:pulse 2s infinite}.clock-demo{position:absolute;left:2rem;top:48%;writing-mode:vertical-rl;font:600 .52rem system-ui,sans-serif;letter-spacing:.18em;color:#5f5d66}
/* Archive */
.archive-page{background:#0e0b09;color:#ddd3be}.archive-stage{min-height:100vh;display:grid;grid-template-columns:minmax(300px,.8fr) minmax(520px,1.2fr);position:relative;background:linear-gradient(90deg,#0c0908 0 39%,#231b15 39.2% 39.5%,#15100d 39.5%)}.archive-nav{position:fixed;z-index:20;left:0;right:0;top:0;padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #5b4632;background:#0c0908d9}.archive-nav>span{font:600 .57rem system-ui,sans-serif;letter-spacing:.23em;color:#887762}.seal-mark{width:2rem;height:2rem;border-radius:50%;background:#6d1f1d;border:2px ridge #a5594d;display:grid;place-items:center;font-size:.55rem;letter-spacing:0}.archive-title{padding:clamp(8rem,15vh,11rem) 5vw 4rem;display:flex;flex-direction:column;align-items:flex-start;position:relative;overflow:hidden}.archive-title:after{content:"";position:absolute;right:-30%;bottom:-15%;width:80%;height:55%;border:1px solid #705c43;border-radius:50%;box-shadow:0 0 0 18px #0d0a08,0 0 0 19px #5b4936;opacity:.25}.archive-title .folio{color:#9e8466}.archive-title h1{font-size:clamp(4.2rem,7.5vw,9rem);line-height:.72;font-weight:400;letter-spacing:-.06em;margin:2rem 0 2.5rem}.archive-title h1 em{font-weight:400;color:#a95042}.archive-title>p:not(.folio){font-size:1.15rem;line-height:1.5;color:#aca08f}.wax-seal{margin-top:auto;width:74px;height:74px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#a73a32,#561613 70%);border:4px double #c26759;box-shadow:0 7px 22px #000;font-weight:700}.catalogue{padding:clamp(8rem,15vh,11rem) 5vw 4rem;background:repeating-linear-gradient(0deg,transparent 0 31px,rgba(207,185,147,.025) 32px),linear-gradient(120deg,#211913,#110d0b);border-left:1px solid #6a5138}.catalogue-head{display:grid;grid-template-columns:100px 1fr 90px;align-items:end;padding-bottom:1.4rem;border-bottom:1px solid #73583c}.catalogue-head span{font:600 .57rem system-ui,sans-serif;letter-spacing:.2em;color:#8e7b63}.catalogue-head span:last-child{text-align:right}.catalogue-head h2{font-size:1.05rem;font-weight:400;margin:0;text-align:center;color:#a99b87}.index-list{border-bottom:1px solid #73583c}.index-entry{width:100%;display:grid;grid-template-columns:100px 1fr 60px;align-items:center;text-align:left;background:transparent;border:0;border-bottom:1px solid #4c3a2a;padding:clamp(1.2rem,3.4vh,2.3rem) 0;cursor:pointer;position:relative}.index-entry:after{content:"";position:absolute;inset:0;background:#91704b12;transform:scaleX(0);transform-origin:left;transition:transform .35s}.index-entry:hover:after,.index-entry:focus-visible:after{transform:scaleX(1)}.index-entry:focus-visible{outline:1px solid #c09967;outline-offset:3px}.roman{font-style:italic;color:#9c8262}.index-entry strong{display:block;font-size:clamp(1.7rem,3vw,3.2rem);font-weight:400;line-height:1}.index-entry small{display:block;margin-top:.5rem;font:500 .6rem system-ui,sans-serif;letter-spacing:.1em;color:#8c806f;text-transform:uppercase}.sigil{text-align:right;font-size:1.3rem;color:#8c332d}.archive-note{display:grid;grid-template-columns:100px 1fr;padding-top:1.5rem}.archive-note span{font:600 .55rem system-ui,sans-serif;letter-spacing:.15em;color:#8e3a34}.archive-note p{margin:0;font-size:.82rem;line-height:1.6;color:#8c8172;max-width:50ch}.archive-card{position:fixed;z-index:30;right:4vw;top:14vh;width:min(470px,90vw);min-height:360px;padding:3rem;background:#d0c3a7;color:#241b15;box-shadow:0 30px 100px #000;transform:translateX(130%) rotate(2deg);transition:.5s cubic-bezier(.2,.8,.2,1);background-image:repeating-linear-gradient(0deg,transparent 0 27px,rgba(74,50,34,.08) 28px)}.archive-card.open{transform:rotate(-1deg)}.archive-card>span{font:700 .58rem system-ui,sans-serif;letter-spacing:.18em;color:#74302a}.archive-card h2{font-weight:400;font-size:3.3rem;line-height:1;margin:2.6rem 0 1.5rem}.archive-card p{font-size:1rem;line-height:1.7}.archive-card .redaction{margin-top:2.5rem;border-top:2px solid #5c1e1b;border-bottom:2px solid #5c1e1b;padding:.6rem 0;font:800 .6rem system-ui,sans-serif;letter-spacing:.18em;color:#5c1e1b}.archive-close{color:#241b15}
@keyframes drift{to{transform:translate3d(-8%,3%,0) scale(1.08)}}@keyframes rain{to{transform:translate(10px,80px) rotate(14deg)}}@keyframes flash{0%,93%,100%{opacity:0}94%{opacity:.35}95%{opacity:0}96%{opacity:.2}}@keyframes flame{50%{transform:rotate(-10deg) scaleY(.82)}}@keyframes float{50%{transform:translateY(-12px) rotate(1deg)}}@keyframes pulse{50%{box-shadow:0 0 0 12px #a687d000}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
@media(max-width:800px){.compare-header p,.compare-footer span:last-child{display:none}.compare-main{grid-template-columns:1fr;padding-top:2.5rem}.compare-intro h1{font-size:3.4rem}.concept-grid{grid-template-columns:1fr}.concept-tile{min-height:230px;border-right:0!important;border-bottom:1px solid #333!important}.concept-tile:last-child{border-bottom:0!important}.map-stage,.inn-stage,.clock-stage{min-height:780px}.map-nav,.inn-nav,.clock-nav,.archive-nav{padding:.8rem 1rem}.map-title{top:13%;left:1.25rem}.map-title h1{font-size:3.8rem;line-height:.82}.map-instruction{margin-top:1.8rem}.saltmarsh{left:7%;bottom:16%}.chronicles{left:41%;bottom:29%}.vault{right:8%;top:53%}.wilds{right:2%;top:36%}.pin-label{opacity:1;font-size:.5rem}.map-paper svg{width:150%;left:-25%}.inn-stage{background:linear-gradient(180deg,rgba(4,5,5,.7),transparent 50%),linear-gradient(#152128,#090b0c)}.inn-nav .weather{display:none}.inn-copy{top:11%;left:1.25rem}.inn-copy h1{font-size:4.8rem}.window{right:5%;top:34%;width:70%;height:31%}.fireplace{right:0;bottom:13%;width:47%;height:27%}.bar{width:100%;height:15%}.notice{left:5%;top:49%}.ledger{left:5%;bottom:9%}.chest-hotspot{right:34%;bottom:17%}.mirror-hotspot{right:2%;top:66%}.mirror,.chest{display:none}.room-panel{padding:7rem 2rem 2rem}.clock-monument{left:18%;top:9%;width:100vw}.clock-copy{left:1.25rem;bottom:8%}.clock-copy h1{font-size:4.9rem}.realities button{min-width:120px;padding:.7rem}.r1{right:3%;top:21%}.r2{left:5%;top:49%;right:auto}.r3{right:2%;bottom:28%}.reality-readout{left:1.25rem;top:60%;max-width:70%}.clock-demo{display:none}.archive-stage{display:block;background:#0e0b09}.archive-title{min-height:650px;padding:8rem 1.25rem 3rem}.archive-title h1{font-size:5.4rem}.catalogue{padding:5rem 1.25rem 3rem;border-left:0;border-top:1px solid #6a5138}.archive-nav>span{display:none}.catalogue-head{grid-template-columns:50px 1fr 60px}.index-entry{grid-template-columns:50px 1fr 35px}.index-entry strong{font-size:2rem}.archive-note{grid-template-columns:1fr;gap:.7rem}.archive-card{right:5vw;top:18vh}}
.archive-page{overflow-x:hidden}
@media(max-width:800px){.clock-monument{top:7%}.clock-copy{top:68%;bottom:auto}.clock-copy .folio{display:none}.clock-copy h1{font-size:4rem;line-height:.72;margin:1rem 0 1.3rem}.clock-copy>p:not(.folio){font-size:1rem}.r2{top:45%}.r3{top:56%;right:1%;bottom:auto}.reality-readout{top:53%;max-width:64%;background:#090a0de8;padding:.7rem .8rem .7rem 1.2rem}.reality-readout h2{font-size:1.35rem}.reality-readout p{margin:.4rem 0;font-size:.82rem}.archive-card{right:12px;top:18vh;width:calc(100vw - 24px);transform:translateX(120%);padding:2.5rem}.archive-card.open{transform:none}}

/* deliberately retro fifth concept */
.retro-tile{grid-column:1/-1;min-height:245px!important;border-right:0!important;background:#030013}.mini-retro{background:repeating-linear-gradient(45deg,#07001b 0 12px,#13002b 12px 24px),radial-gradient(circle,#00ffff 1px,transparent 2px);background-size:auto,21px 21px;color:#00ffff;display:flex;align-items:center;justify-content:center;gap:1.2rem;opacity:.7}.mini-retro i{font-size:5rem;font-style:normal;text-shadow:3px 3px #ff00ff}.mini-retro b{font:900 .72rem 'Courier New',monospace;background:#ffff00;color:#000;padding:.5rem;border:4px outset #bbb;transform:rotate(-3deg)}
.retro-page{color:#f6f1ff;background-color:#080012;background-image:radial-gradient(circle at 8px 8px,#45205e 0 1px,transparent 1px),linear-gradient(45deg,transparent 46%,#130426 47% 53%,transparent 54%);background-size:16px 16px,44px 44px;font-family:'Comic Sans MS','Trebuchet MS',sans-serif;padding:18px 8px;overflow-x:hidden}.retro-page a{color:#2ffcff;text-decoration:underline;font-weight:bold}.retro-page a:visited{color:#ff72ff}.retro-page a:hover,.retro-page a:focus-visible{color:#ffff33;background:#690069;outline:2px dotted #fff}.retro-shell{width:min(820px,100%);margin:0 auto;background:#08000f;border:8px ridge #7b4b91;box-shadow:0 0 30px #b000c888}.retro-header{text-align:center;padding:14px 12px 0;background:linear-gradient(#19002d,#05000d);border-bottom:5px groove #b57bc7}.spark-line{color:#ffeb3b;letter-spacing:.45em;font:700 .8rem 'Courier New',monospace}.retro-header h1{font-family:'Times New Roman',serif;font-size:clamp(2rem,6vw,3.4rem);line-height:.96;color:#fff;margin:12px 0 8px;text-shadow:3px 3px #8b008b,-2px -2px #003e68}.retro-header h1 span{color:#72ffff;font-family:'Comic Sans MS',sans-serif;letter-spacing:.08em}.pixel{image-rendering:pixelated}.spooky-gif{width:48px;height:auto;vertical-align:middle}.flip{transform:scaleX(-1)}.blinkish{display:inline-block;color:#fffe2f;background:#650044;border:3px outset #d6a9dd;padding:5px 12px;font:bold .78rem 'Courier New',monospace}.retro-marquee{overflow:hidden;white-space:nowrap;border:3px inset #aaa;background:#000;color:#65ff42;padding:6px 0;font:bold .78rem 'Courier New',monospace}.retro-marquee span{display:inline-block;min-width:100%;animation:retro-scroll 16s linear infinite}.retro-columns{display:grid;grid-template-columns:205px 1fr;gap:10px;padding:10px;background:linear-gradient(90deg,#150022,#05000d)}.retro-sidebar{display:flex;flex-direction:column;gap:10px}.bevel,.retro-box{border:5px ridge #a45bc1;background:#11001c}.bevel h2,.retro-box h2{margin:0;background:linear-gradient(90deg,#57006e,#220044);border-bottom:3px groove #b786ca;color:#ffff33;text-align:center;padding:5px;font:bold .86rem 'Courier New',monospace;text-transform:uppercase}.bevel nav,.mini-links{display:flex;flex-direction:column}.bevel nav a,.mini-links a{padding:8px;border-bottom:1px dotted #9158a8;font-size:.77rem}.side-gif{display:block;width:60px;margin:12px auto}.webring{text-align:center;padding-bottom:9px}.webring p{font-size:.7rem;color:#ff84e6}.webring small{color:#aaa;font-size:.58rem}.retro-content{min-width:0;display:flex;flex-direction:column;gap:10px}.retro-box{padding:12px;font-size:.92rem;line-height:1.5;position:relative}.retro-box h2{margin:-12px -12px 12px}.welcome-box{text-align:center;background:radial-gradient(circle at center,#2d0036,#0b0011 70%)}.welcome-box .bat-left,.welcome-box .bat-right{position:absolute;top:43px;width:70px}.bat-left{left:15px}.bat-right{right:15px}.lime{color:#77ff44;font-weight:bold}.construction{display:inline-block;border:4px outset #ddd;background:repeating-linear-gradient(135deg,#ffdb00 0 12px,#111 12px 24px);color:#fff;text-shadow:2px 2px #000;padding:5px 10px;font:bold .68rem 'Courier New',monospace}.retro-link-row{display:grid;grid-template-columns:60px 1fr;align-items:center;border-bottom:1px dashed #65347e;padding:7px 0}.retro-link-row:last-child{border:0}.retro-link-row img{width:48px;justify-self:center}.retro-link-row p{margin:0}.retro-link-row small,.tiny{color:#cbb5d5;font-size:.74rem}.retro-box ul{margin-bottom:0}.retro-box li{margin:.55rem 0}.vault-box{text-align:center;border-color:#827c00}.vault-box h2{background:#484300}.guestbook{display:grid;grid-template-columns:1fr auto;gap:7px;align-items:center}.guestbook h2,.guestbook p{grid-column:1/-1}.guestbook label{font:bold .72rem 'Courier New',monospace;color:#ffff44}.guestbook input{min-width:0;background:#fff;color:#1e0628;border:4px inset #bbb;padding:7px}.guestbook button,.retro-enter button,.music-control button{border:4px outset #eee;background:#bcbcbc;color:#000;padding:6px 10px;font:bold .68rem 'Courier New',monospace;cursor:pointer}.guestbook button:active,.retro-enter button:active,.music-control button:active{border-style:inset}.retro-pop{display:none;border:5px double #ffde00;background:#1c0030;padding:15px;box-shadow:8px 8px #000;position:relative}.retro-pop.open{display:block}.retro-pop h2{color:#67ffff}.retro-pop button{position:absolute;right:5px;top:5px;background:#c4c4c4;color:#000;border:3px outset #fff}.retro-footer{text-align:center;border-top:5px groove #ae66c2;padding:15px;background:#030007;font:.72rem 'Courier New',monospace}.retro-footer>.spooky-gif{width:38px}.music-control{margin-bottom:12px}.music-control button{background:#7b24a2;color:#fff}.music-control span{display:block;margin-top:5px;color:#7dff66}.visitor-label{font-size:.58rem;color:#ffdf45;letter-spacing:.2em}.odometer{display:inline-block;margin:5px;padding:5px 8px;background:#020202;border:4px inset #aaa;color:#ff3b30;font:bold 1.3rem 'Courier New',monospace;letter-spacing:.2em;text-shadow:0 0 5px red}.retro-enter{position:fixed;z-index:99;inset:0;background:#020005e8;display:grid;place-items:center;padding:18px}.retro-enter[hidden]{display:none}.retro-enter>div{max-width:430px;text-align:center;background:#150020;border:8px ridge #b65fcf;padding:25px;box-shadow:0 0 40px #d000ff}.retro-enter h2{color:#ffff3b;text-shadow:2px 2px #c000c0}.retro-enter button{display:block;margin:9px auto}.retro-enter #enter-silent{border:0;background:transparent;color:#64faff;text-decoration:underline}.retro-enter p{line-height:1.5}.retro-page audio{display:none}@keyframes retro-scroll{from{transform:translateX(100%)}to{transform:translateX(-100%)}}
@media(max-width:640px){.retro-page{padding:0}.retro-shell{border-left:0;border-right:0}.retro-columns{grid-template-columns:1fr}.retro-sidebar{display:grid;grid-template-columns:1fr 1fr}.retro-sidebar .webring{grid-column:1/-1}.retro-header h1{font-size:2.1rem}.spooky-gif{width:38px}.welcome-box .bat-left,.welcome-box .bat-right{width:44px;top:48px}.guestbook{grid-template-columns:1fr}.guestbook button{width:100%}.retro-content{grid-row:1}.retro-sidebar{grid-row:2}}
@media(prefers-reduced-motion:reduce){.retro-page .spooky-gif{display:none}.retro-marquee span{animation:none;white-space:normal}.retro-marquee{white-space:normal}}
.retro-link-row{grid-template-columns:60px minmax(0,1fr)}.retro-link-row img{grid-column:1}.retro-link-row p{grid-column:2;min-width:0}
.retro-pop-close{min-width:36px;min-height:36px;cursor:pointer}.vault-gallery[hidden]{display:none!important}.vault-gallery{margin:0;text-align:center}.vault-gallery img{display:block;width:100%;height:auto;max-height:min(70vh,760px);object-fit:contain;background:#050008;border:4px inset #8e5ba5}.vault-gallery figcaption{margin:.55rem 0;color:#ffeb3b;font:bold .72rem 'Courier New',monospace}.vault-gallery-controls{display:flex;justify-content:center;gap:.65rem;flex-wrap:wrap}.retro-pop .vault-gallery-controls button{position:static;min-height:42px;border:4px outset #eee;background:#bcbcbc;color:#000;padding:6px 10px;font:bold .68rem 'Courier New',monospace;cursor:pointer}.retro-pop .vault-gallery-controls button:active{border-style:inset}@media(max-width:640px){.vault-gallery img{max-height:60vh}.vault-gallery-controls button{flex:1 1 130px}}
.retro-pop.gallery-open #retro-pop-title{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.retro-pop.gallery-open .vault-gallery-controls{margin-bottom:.65rem;padding-right:48px}@media(max-width:640px){.retro-pop.gallery-open .vault-gallery-controls{padding:42px 0 0}}
.guestbook{display:block}.guestbook form{display:grid;grid-template-columns:1fr auto;gap:7px;align-items:center}.guestbook form>label,.guestbook form>textarea,.guestbook .guestbook-notice,.guestbook #guest-result{grid-column:1/-1}.guestbook input,.guestbook textarea{box-sizing:border-box;width:100%;min-width:0;background:#fff;color:#1e0628;border:4px inset #bbb;padding:7px;font:inherit}.guestbook textarea{resize:vertical;min-height:92px}.guestbook-notice{margin:.2rem 0;color:#ffdf45;font:.68rem/1.45 'Courier New',monospace}.guestbook-trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.guestbook button:disabled{cursor:wait;opacity:.7}.guestbook #guest-result{margin:.25rem 0;color:#7dff66;font:bold .72rem/1.5 'Courier New',monospace}.guestbook #guest-result.error{color:#ff8fa7}.guestbook-entries[hidden]{display:none}.guestbook-entries{margin-top:14px;padding-top:12px;border-top:3px groove #b786ca}.guestbook-entries h3{margin:0 0 10px;color:#72ffff;text-align:center;font:bold .8rem 'Courier New',monospace}.guestbook-entries ol{list-style:none;margin:0;padding:0;display:grid;gap:8px}.guestbook-entries li{border:2px inset #8c5b9f;background:#08000f;padding:9px}.guestbook-entries strong{display:block;color:#ffff44;font:.78rem 'Courier New',monospace}.guestbook-entries p{margin:.35rem 0;white-space:pre-wrap;overflow-wrap:anywhere}.guestbook-entries time{display:block;color:#bba7c5;font:.6rem 'Courier New',monospace}@media(max-width:640px){.guestbook form{grid-template-columns:1fr}.guestbook form>*{grid-column:1/-1}.guestbook button{width:100%}}