:root{--parchment: #d8c9a3;--brass: #c9a45f;--silver: #aeb9bd;--ink: #0a0907}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden;overscroll-behavior:none;background:var(--ink);font-family:system-ui,sans-serif;cursor:crosshair}#lens{position:fixed;inset:0;transition:clip-path 1.35s cubic-bezier(.22,.61,.36,1)}#map{position:absolute;inset:0;filter:sepia(.22) saturate(.82) brightness(.96) contrast(1.03)}#maptexture{position:absolute;inset:0;background:url(/lab/map-tile.png) repeat;background-size:420px;opacity:.12;mix-blend-mode:overlay;pointer-events:none;z-index:2}#photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:3;pointer-events:none;transition:opacity 1.8s ease .3s;filter:sepia(.22) saturate(.82) brightness(.96) contrast(1.03)}#photo.gone{opacity:0}#vignette{position:absolute;inset:0;background:radial-gradient(circle at center,transparent 50%,rgba(0,0,0,.5) 80%,rgba(0,0,0,.92) 100%);pointer-events:none;z-index:4;transition:opacity 1.35s ease}body.lens-open #vignette{opacity:.4}#ring{position:fixed;left:50%;top:50%;width:calc(min(100vw,100vh) - 2px);height:calc(min(100vw,100vh) - 2px);transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(201,164,95,.28);box-shadow:0 0 60px #000000e6;pointer-events:none;z-index:44;transition:opacity 1s ease}body.lens-open #ring{opacity:0}#monogram-wrap{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:45;pointer-events:none;transition:opacity .9s ease,scale .9s ease}body.lens-open #monogram-wrap{opacity:0;scale:.92}#monogram{display:block;width:calc(min(100vw,100vh)*.3);filter:drop-shadow(0 6px 24px rgba(0,0,0,.55));transition:transform 666ms cubic-bezier(.25,.46,.45,.94)}#compass-wrap{position:fixed;right:4%;bottom:6%;width:clamp(70px,9vw,130px);opacity:.3;z-index:46;pointer-events:none;transition:transform 1.2s cubic-bezier(.22,.61,.36,1)}#compass{display:block;width:100%;animation:spin 240s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#denim{position:fixed;inset:0;background:url(/lab/dark-denim-3.png) repeat;opacity:.3;pointer-events:none;z-index:40}#bar{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:1.1rem 1.4rem;z-index:60}#bar-left{display:flex;align-items:center;gap:1.1rem}#plate{color:var(--parchment);opacity:.5;font-size:.66rem;letter-spacing:.22em}#lens-close{background:none;border:1px solid rgba(216,201,163,.25);color:var(--parchment);font-family:system-ui,sans-serif;font-size:.58rem;letter-spacing:.22em;text-transform:uppercase;padding:.38rem .7rem;cursor:pointer;opacity:0;pointer-events:none;transition:opacity 1s ease .6s}body.lens-open #lens-close{opacity:.65;pointer-events:auto}#lens-close:hover{opacity:1}#navlinks{opacity:0;pointer-events:none;transition:opacity 1.2s ease .6s}body.lens-open #navlinks{opacity:1;pointer-events:auto}#navlinks a{color:var(--parchment);text-decoration:none;font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;margin-left:1.6rem;opacity:.75}#navlinks a:hover{opacity:1}#card{position:fixed;left:3.5%;bottom:8%;width:clamp(230px,21vw,300px);background:#0c0a08c7;border:1px solid rgba(201,164,95,.3);backdrop-filter:blur(6px);z-index:62;opacity:0;transform:translateY(14px);transition:opacity .8s ease,transform .8s ease;pointer-events:none}#card.show{opacity:1;transform:translateY(0);pointer-events:auto}#card.case{border-color:#aeb9bd59}#card-close{position:absolute;top:.3rem;right:.45rem;z-index:2;background:none;border:none;color:var(--parchment);opacity:.5;font-size:1.05rem;line-height:1;cursor:pointer;padding:.2rem;text-shadow:0 1px 6px rgba(0,0,0,.9)}#card-close:hover{opacity:1}#card-visit{display:inline-block;margin-top:.6rem;font-family:system-ui,sans-serif;font-style:normal;font-size:.56rem;letter-spacing:.24em;text-transform:uppercase;text-decoration:none;color:var(--brass);border-bottom:1px solid rgba(201,164,95,.35);padding-bottom:.15rem}#card-visit:empty{display:none}#card-visit:hover{border-bottom-color:var(--brass)}#card.case #card-visit{color:var(--silver);border-bottom-color:#aeb9bd66}#card.case #card-visit:hover{border-bottom-color:var(--silver)}#card-img{display:block;width:100%;height:150px;object-fit:cover}#card.case #card-img{object-fit:contain;background:#d8c9a30d;padding:8px}#card.noimg #card-img{display:none}#card-body{padding:.75rem .85rem .85rem}#card-plate{font-size:.56rem;letter-spacing:.26em;text-transform:uppercase;color:var(--brass);margin-bottom:.4rem}#card.case #card-plate{color:var(--silver)}#card-title{font-family:Iowan Old Style,Palatino,Georgia,serif;font-size:1.02rem;line-height:1.3;color:var(--parchment);margin-bottom:.35rem}#card-title:empty{display:none}#card-line{font-family:Iowan Old Style,Palatino,Georgia,serif;font-style:italic;font-size:.92rem;line-height:1.45;color:var(--parchment)}#chips{position:fixed;left:50%;bottom:6.5%;transform:translate(-50%);display:flex;gap:.55rem;z-index:61;opacity:0;pointer-events:none;transition:opacity 1.2s ease .8s}body.lens-open #chips{opacity:1;pointer-events:auto}.chip{background:#0c0a089e;border:1px solid rgba(216,201,163,.22);color:var(--parchment);font-family:system-ui,sans-serif;font-size:.6rem;letter-spacing:.26em;text-transform:uppercase;padding:.5rem .95rem .48rem;cursor:pointer;backdrop-filter:blur(6px);transition:opacity .35s ease,border-color .35s ease}.chip:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;margin-right:.55em;vertical-align:8%;transition:box-shadow .35s ease,background .35s ease}.chip.gold:before{background:#e6cb92;box-shadow:0 0 7px #c9a45fe6}.chip.silver:before{background:#ccd6d9;box-shadow:0 0 7px #aeb9bde6}.chip:hover{border-color:#d8c9a373}.chip:not(.on){opacity:.38}.chip:not(.on):before{background:transparent;box-shadow:inset 0 0 0 1px #d8c9a399}#dragons{position:fixed;left:1.3rem;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:.75rem;text-decoration:none;z-index:60;opacity:0;pointer-events:none;transition:opacity 1.2s ease 1.1s}body.lens-open #dragons{opacity:.5;pointer-events:auto}body.lens-open #dragons:hover{opacity:.95;transition-delay:0s}#dragons svg{width:27px;stroke:var(--brass);color:var(--brass)}#dragons span{writing-mode:vertical-rl;transform:rotate(180deg);font-family:Iowan Old Style,Palatino,Georgia,serif;font-style:italic;font-size:.78rem;letter-spacing:.26em;color:var(--parchment)}#caption{position:fixed;left:50%;bottom:7%;transform:translate(-50%);text-align:center;z-index:60;pointer-events:none;opacity:0;transition:opacity .6s ease}#caption.show{opacity:1}#caption-over{font-size:.56rem;letter-spacing:.32em;text-transform:uppercase;color:var(--brass);opacity:.9;margin-bottom:.5rem;text-shadow:0 1px 8px rgba(0,0,0,.8)}#caption-over:empty{display:none}#caption-name{font-family:Iowan Old Style,Palatino,Georgia,serif;font-style:italic;font-size:1.02rem;color:var(--parchment);text-shadow:0 2px 12px rgba(0,0,0,.8)}#caption-coords{margin-top:.4rem;font-size:.62rem;letter-spacing:.28em;color:var(--brass);opacity:.8}#hint{position:fixed;left:50%;bottom:2.4%;transform:translate(-50%);font-size:.62rem;letter-spacing:.24em;text-transform:uppercase;color:var(--parchment);opacity:0;transition:opacity 1.4s ease;z-index:60;pointer-events:none}#hint.show{opacity:.45}.town-label{font-family:Iowan Old Style,Palatino,Georgia,serif;font-variant:small-caps;letter-spacing:.24em;font-size:.74rem;color:var(--parchment);opacity:0;transition:opacity .9s ease;pointer-events:none;white-space:nowrap;text-shadow:0 1px 10px rgba(0,0,0,.95),0 0 3px rgba(0,0,0,.9)}body.towns-on .town-label{opacity:.8}.maplibregl-ctrl-attrib{background:#0a090766!important;font-size:10px}.maplibregl-ctrl-attrib a{color:#d8c9a399!important}.maplibregl-ctrl-bottom-right{z-index:61}@media(prefers-reduced-motion:reduce){#compass{animation:none}}@media(max-width:640px){#bar{padding:.9rem 1rem}#plate{font-size:.54rem}body.lens-open #plate{display:none}#navlinks a{font-size:.64rem;letter-spacing:.14em;margin-left:.9rem}#card{left:12px;right:12px;bottom:11%;width:auto}#card-img{height:126px}#card-close{top:0;right:0;padding:.55rem .65rem}#card.show~#caption{opacity:0}#caption{bottom:14.5%;width:88vw}#caption-name{font-size:.95rem}#chips{bottom:4.6%}#compass-wrap{width:54px;right:4%;bottom:3.4%}#dragons{left:.5rem}#dragons span{font-size:.7rem}#hint{bottom:3.2%;width:92vw;font-size:.56rem}}