:root{--ink:#221d18;--paper:#f4efe6;--veil:#181512c7;--gold:#c9a452;--serif:"EB Garamond", Georgia, serif;--sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html,body{height:100%;color:var(--paper);font-family:var(--serif);background:#1c1a17;margin:0;overflow:hidden}#c{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}button{font:inherit;cursor:pointer}#intro{z-index:10;background:radial-gradient(#1c19158c,#12100deb);place-items:center;padding:16px;display:grid;position:fixed;inset:0}.intro-card{background:var(--paper);width:100%;max-width:560px;color:var(--ink);border-radius:4px;padding:36px 40px 28px;box-shadow:0 20px 60px #00000073}.brand{align-items:center;gap:12px;display:flex}.brand img{flex:none;width:48px;height:48px}.eyebrow{font-family:var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#7a6a55;margin:0;font-size:12px}h1{margin:6px 0 12px;font-size:44px;font-weight:500;line-height:1.05}.lede{margin:0 0 18px;font-size:19px;line-height:1.45}.keys{font-family:var(--sans);grid-template-columns:auto 1fr;gap:4px 14px;margin:0 0 22px;padding:0;font-size:13px;display:grid}.keys b{white-space:nowrap;font-weight:600}.buttons{flex-wrap:wrap;gap:10px;display:flex}.buttons button{background:var(--ink);color:var(--paper);border:0;border-radius:3px;padding:12px 20px;font-size:18px}.buttons button.quiet{color:var(--ink);background:0 0;box-shadow:inset 0 0 0 1px #221d1859}.buttons button:disabled{opacity:.55;cursor:progress}#load-status{font-family:var(--sans);color:#7a6a55;min-height:1em;margin:12px 0 0;font-size:12px}.support{font-family:var(--sans);color:#7a6a55;margin:14px 0 0;font-size:13px}.support a{color:inherit;text-underline-offset:2px;text-decoration:underline}.support a:hover{color:var(--ink)}#map .support{color:var(--paper);opacity:.85;margin:8px 0 0}#map .support a:hover{color:var(--gold)}#thanks{background:var(--paper);width:min(420px,100% - 32px);color:var(--ink);border-radius:3px;padding:22px 26px;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 16px 50px #00000080}#thanks h2{margin:0 0 8px;font-size:26px;font-weight:500}#thanks p{margin:0 0 10px;font-size:17px;line-height:1.4}#thanks .kofi{background:var(--ink);color:var(--paper);border-radius:3px;margin-top:6px;padding:10px 18px;font-size:17px;text-decoration:none;display:inline-block}#thanks .close{color:var(--ink);background:0 0;border:0;font-size:24px;position:absolute;top:8px;right:10px}.kofi-big{color:#fff;font-family:var(--sans);background:#ff5e5b;border-radius:999px;align-items:center;gap:12px;width:-moz-fit-content;width:fit-content;max-width:100%;margin:18px 0 0;padding:10px 18px 10px 12px;text-decoration:none;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 6px 22px #ff5e5b73,inset 0 -2px #0000001f}.kofi-big:hover{transform:translateY(-1px)scale(1.02);box-shadow:0 10px 28px #ff5e5b99,inset 0 -2px #0000001f}.kofi-big .cup{color:#202020;--cup-heart:#ff5e5b;background:#fff;border-radius:50%;flex:none;width:40px;height:40px;padding:6px;animation:3.2s ease-in-out infinite sip}.kofi-big b{font-size:16px;font-weight:700;line-height:1.2;display:block}.kofi-big small{opacity:.92;font-size:12.5px;display:block}@keyframes sip{0%,70%,to{transform:rotate(0)}76%{transform:rotate(-12deg)}82%{transform:rotate(9deg)}88%{transform:rotate(-5deg)}94%{transform:rotate(2deg)}}#corner{flex-direction:column;align-items:flex-end;gap:8px;display:flex;top:14px;right:16px}#minimap{cursor:pointer;background:#1815128c;border-radius:6px;width:240px;display:block;box-shadow:0 2px 10px #0000004d}#corner[hidden]{display:none}#kofi-pill{color:var(--paper);font-family:var(--sans);opacity:.8;background:#1815128c;border-radius:999px;align-items:center;gap:6px;padding:4px 10px 4px 6px;font-size:12.5px;text-decoration:none;transition:opacity .2s,background .2s;display:flex}#kofi-pill:hover{opacity:1;background:#ff5e5b}#kofi-pill .cup{color:#fff;--cup-heart:#ff5e5b;width:18px;height:18px;animation:12s ease-in-out infinite beat}#kofi-pill:hover .cup{--cup-heart:#fff;color:#202020}#kofi-pill kbd{font:inherit;background:#f4efe629;border-radius:3px;padding:0 5px;font-size:11px}@keyframes beat{0%,92%,to{transform:scale(1)}94%{transform:scale(1.25)}96%{transform:scale(1)}98%{transform:scale(1.18)}}@media (prefers-reduced-motion:reduce){.kofi-big .cup,#kofi-pill .cup{animation:none}}#shortcuts{flex-direction:column;align-items:flex-end;gap:5px;display:flex}#shortcuts>*{color:var(--paper);font-family:var(--sans);opacity:.72;background:#18151280;border:0;border-radius:999px;align-items:center;gap:7px;padding:3px 5px 3px 10px;font-size:12px;line-height:18px;transition:opacity .2s,background .2s;display:flex}#shortcuts button{cursor:pointer}#shortcuts button:hover{opacity:1;background:#181512cc}#shortcuts kbd{font:inherit;text-align:center;background:#f4efe629;border-radius:3px;min-width:18px;padding:0 5px;font-size:11px}#shortcuts.folded>:not(.fold){display:none}@media (max-width:600px){#minimap{width:150px}#kofi-pill kbd,#kofi-pill span{display:none}}@media (pointer:coarse){#kofi-pill kbd,#shortcuts kbd,#shortcuts .desk{display:none}#shortcuts>*{padding:5px 12px}#shortcuts.folded>:not(.desk){display:flex}}#watermark{opacity:.55;pointer-events:none;filter:drop-shadow(0 1px 3px #00000059);width:34px;height:34px;bottom:18px;left:16px}@media (max-width:600px){#watermark{width:26px;height:26px;bottom:12px;left:12px}}@media (max-width:700px){#hud:has(#guide:not([hidden])) #watermark{bottom:96px}}#hud>*{z-index:5;position:fixed}#place{text-shadow:0 1px 3px #0009;pointer-events:none;font-size:17px;top:14px;left:16px}#reticle{pointer-events:none;background:#ffffffb3;border-radius:50%;width:6px;height:6px;margin:-3px 0 0 -3px;top:50%;left:50%;box-shadow:0 0 0 1px #00000059}#hint{background:var(--veil);font-family:var(--sans);pointer-events:none;white-space:nowrap;border-radius:3px;padding:5px 12px;font-size:13px;top:calc(50% + 26px);left:50%;transform:translate(-50%)}#resume{background:var(--veil);font-family:var(--sans);pointer-events:none;border-radius:4px;padding:12px 20px;font-size:14px;top:50%;left:50%;transform:translate(-50%,-50%)}#guide{background:var(--veil);width:min(560px,100% - 32px);font-family:var(--sans);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:6px;padding:8px 10px 9px;bottom:18px;left:50%;transform:translate(-50%)}#guide .row{align-items:center;gap:6px;display:flex}#guide button{color:var(--paper);background:0 0;border:0;border-radius:4px;width:34px;height:34px;font-size:20px;line-height:1}#guide button:hover{background:#ffffff1f}#guide button.small{letter-spacing:.05em;font-size:11px;font-weight:600}#guide button.off{opacity:.45}#guide .what{white-space:nowrap;flex:1;align-items:baseline;gap:8px;min-width:0;display:flex;overflow:hidden}#g-num{color:var(--gold);font-variant-numeric:tabular-nums;font-size:12px}#g-title{font-family:var(--serif);text-overflow:ellipsis;font-size:18px;overflow:hidden}#guide .bar{background:#ffffff26;height:2px;margin-top:6px}#guide .bar i{background:var(--gold);width:0;height:100%;display:block}#caption{text-align:center;text-shadow:0 1px 2px #000,0 0 12px #000c;pointer-events:none;width:min(760px,100% - 32px);margin:0;font-size:21px;line-height:1.35;bottom:96px;left:50%;transform:translate(-50%)}#caption .who{font-family:var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin-right:8px;font-size:12px}#caption.letter{font-style:italic}#map{background:var(--veil);width:280px;font-family:var(--sans);border-radius:6px;padding:12px 14px;font-size:14px;top:14px;right:16px}#map h2{font-family:var(--serif);margin:0 0 8px;font-size:20px;font-weight:500}#map button{text-align:left;width:100%;color:var(--paper);background:0 0;border:0;border-radius:3px;padding:5px 6px;font-size:14px;display:block}#map button:hover,#map button.here{background:#ffffff1f}.small{opacity:.75;font-size:12px}#label{background:var(--paper);width:min(420px,100% - 32px);color:var(--ink);border-radius:3px;padding:22px 26px 18px;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 16px 50px #00000080}#label h2{margin:0 0 6px;font-size:26px;font-style:italic;font-weight:500;line-height:1.15}#label p{margin:0 0 4px;font-size:17px}#label .close{color:var(--ink);background:0 0;border:0;font-size:24px;position:absolute;top:6px;right:8px}#joy{pointer-events:none;background:#ffffff14;border-radius:50%;width:110px;height:110px;bottom:110px;left:22px;box-shadow:inset 0 0 0 1px #ffffff40}#joy i{background:#ffffff59;border-radius:50%;width:44px;height:44px;margin:-22px 0 0 -22px;position:absolute;top:50%;left:50%}[hidden]{display:none!important}@media (max-width:600px){.intro-card{padding:24px 20px 20px}h1{font-size:34px}.keys{display:none}#caption{font-size:17px;bottom:88px}}#look{z-index:8;color:var(--paper);touch-action:none;-webkit-user-select:none;user-select:none;background:#0e0d0c;position:fixed;inset:0;overflow:hidden}#look-stage{cursor:grab;position:absolute;inset:0}#look-stage:active{cursor:grabbing}#look-img{transform-origin:0 0;image-rendering:auto;max-width:none;transition:filter .3s;position:absolute;top:0;left:0;box-shadow:0 10px 60px #0009}#look.soft #look-img{filter:blur(1.5px)}#look .side{width:48px;height:72px;color:var(--paper);cursor:pointer;background:#0e0d0c8c;border:0;border-radius:3px;font-size:34px;position:absolute;top:calc(50% - 60px)}#look-prev{left:12px}#look-next{right:12px}#look-tools{align-items:center;gap:6px;display:flex;position:absolute;top:12px;right:12px}#look-tools button{width:40px;height:40px;color:var(--paper);cursor:pointer;background:#0e0d0c8c;border:0;border-radius:3px;font-size:22px}#k-zoom{text-align:center;min-width:48px;font:13px var(--sans);opacity:.8}#look-bar{font-family:var(--serif);text-align:center;pointer-events:none;background:linear-gradient(#0000,#0e0d0ceb 30%);padding:10px 76px 12px;position:absolute;bottom:0;left:0;right:0}#look-bar h2{margin:0;font-size:24px;font-style:italic;font-weight:500}#look-bar p{margin:2px 0 0;font-size:16px}#look-bar .keys{font-family:var(--sans);margin-top:6px}@media (pointer:coarse){#look-bar .keys{display:none}}
