#atlas .paint{opacity:0;transition:opacity 1.2s ease}#atlas .paint.loaded{opacity:1}#atlas .region{cursor:pointer;outline:none}#atlas .halo{fill:none;stroke:#ffe7b000;stroke-width:16;stroke-linejoin:round;transition:stroke .3s}#atlas .region:hover .halo,#atlas .region:focus-visible .halo,#atlas .region.lit .halo,#atlas .region.at .halo{stroke:#ffe7b066}#atlas .hit{fill:#fff4d600;stroke:#ffeec400;stroke-width:5;stroke-dasharray:14 9;stroke-linecap:round;transition:fill .3s,stroke .3s}#atlas .region:hover .hit,#atlas .region:focus-visible .hit,#atlas .region.lit .hit{fill:#fff4d629;stroke:#ffeec4f2}#atlas .region:hover .hit{animation:march 1.2s linear infinite}@keyframes march{to{stroke-dashoffset:-46}}#atlas .label rect,.atlas-over .label rect{fill:var(--paper);stroke:var(--edge);stroke-width:1.2;filter:url(#atlas-lift)}#atlas .label text,.atlas-over .label text{font:700 25px Caveat,cursive;fill:var(--pen);text-anchor:middle}#atlas .label.small text{font-size:20px}#atlas .label.sketch rect{fill:#fbf7ecc7;stroke:#8a7a5e;stroke-dasharray:5 4;filter:none}#atlas .label.sketch text{fill:#6b5f52;font-weight:400}#atlas .label .lift{transition:transform .3s cubic-bezier(.3,1.6,.5,1);transform-box:fill-box;transform-origin:center}#atlas .region:hover .label .lift,#atlas .region:focus-visible .label .lift{transform:translateY(-4px) rotate(-2deg) scale(1.06)}#atlas .seal circle{fill:#a8322b;stroke:#7e1f1a;stroke-width:2;filter:url(#atlas-lift)}#atlas .seal text{font:700 24px Caveat,cursive;fill:#fbeee0;text-anchor:middle}#atlas .trail{fill:none;stroke:var(--accent);stroke-width:4;stroke-dasharray:11 8;stroke-linecap:round}#atlas .trail.future{stroke:#6b5f52;stroke-width:3;stroke-dasharray:2 8}#atlas .ruler{fill:#f3e6c4;stroke:#fbf6ea;stroke-width:4;filter:url(#atlas-lift)}#atlas .tick{stroke:#5c5046;stroke-width:1.5}.tick.minor{stroke-width:1;opacity:.5}#atlas .tnum{font:12px Special Elite,monospace;fill:#4a3f36;text-anchor:middle}#atlas .band{fill:#1e6e5047}#atlas .string{stroke:#a8433a;stroke-width:1.3}#atlas .pin circle.disc{fill:var(--paper);stroke:var(--edge);stroke-width:1.4;filter:url(#atlas-lift)}#atlas .pin.harm circle.ring{fill:none;stroke:var(--accent);stroke-width:2.4}#atlas .pin.help circle.ring{fill:none;stroke:var(--green);stroke-width:2.4}#atlas .ptip{opacity:0;transition:opacity .2s;pointer-events:none}#atlas .ptip rect{fill:var(--paper);stroke:var(--edge)}#atlas .ptip text{font:700 17px Caveat,cursive;fill:var(--pen);text-anchor:middle}#atlas .pin{cursor:help}#atlas .pin:hover .ptip{opacity:1}#atlas .caption{font:12.5px Special Elite,monospace;fill:#4a3f36;text-anchor:middle}#atlas .fog{fill:url(#atlas-fog);animation:drift 14s steps(36) infinite alternate;pointer-events:none}@keyframes drift{0%{transform:translate(-30px)}to{transform:translate(40px)}}#atlas .apop{opacity:0;transform-box:fill-box;transform-origin:center;animation:apop .8s cubic-bezier(.2,.8,.3,1.15) forwards;animation-delay:calc(var(--d, 0s) + var(--intro, 0s))}@keyframes apop{0%{opacity:0;transform:translateY(8px) scale(.88) rotate(-3deg)}to{opacity:1;transform:none}}#atlas .mask-draw{stroke-dasharray:1 1;stroke-dashoffset:1;animation:adraw 1.8s ease forwards;animation-delay:calc(var(--d, 0s) + var(--intro, 0s))}@keyframes adraw{to{stroke-dashoffset:0}}@media(prefers-reduced-motion:reduce){.atlas-over .here .ring,.atlas-over .here.drop .pinbody,#atlas .apop,#atlas .mask-draw,#atlas .paint,#atlas .fog,#atlas .hit{animation:none!important;opacity:1;stroke-dashoffset:0}}#atlas,.atlas-over{grid-area:1 / 1}.atlas-over,.atlas-over .here,.atlas-over .spot{pointer-events:none}.atlas-over .spot{fill-opacity:0;transition:fill-opacity .6s ease}.atlas-over .spot.on{fill-opacity:1}.atlas-over .here .ring{fill:none;stroke:var(--accent);stroke-width:3;vector-effect:non-scaling-stroke;transform-box:fill-box;transform-origin:center;animation:ripple 1.8s steps(22) infinite}.atlas-over .here .ring.late{animation-delay:.9s}@keyframes ripple{0%{transform:scale(.8);opacity:.95}to{transform:scale(7);opacity:0}}.atlas-over .here.drop .pinbody{animation:pindrop .8s cubic-bezier(.25,1.5,.45,1) both}@keyframes pindrop{0%{transform:translateY(-160px) scale(1.3);opacity:0}40%{opacity:1}to{transform:none}}.atlas-over .pinlabel text{font-size:28px;fill:var(--accent)}.atlas-over .pinlabel rect{stroke:var(--accent);stroke-width:2}#atlas .region.at .hit{fill:#fff4d629;stroke:#fff0cdf2;stroke-width:4;stroke-dasharray:none}#atlas .region.at .halo{stroke:#ffe2a08c;stroke-width:18}#atlas .label .go{opacity:0;transition:opacity .2s}#atlas .label .go circle{fill:var(--accent);stroke:#fbf5e6;stroke-width:2}#atlas .label .go path{fill:#fbf5e6}#atlas .region:hover .label .go,#atlas .region:focus-visible .label .go{opacity:1}#atlas .start{cursor:pointer;outline:none}#atlas .start rect{fill:var(--paper);stroke:var(--accent);stroke-width:2;filter:url(#atlas-lift)}#atlas .start text{font:700 28px Caveat,cursive;fill:var(--accent);text-anchor:middle}#atlas .start .arrow{fill:none;stroke:var(--accent);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:6 5}#atlas .start .bob{animation:bob-tag 2.6s ease-in-out infinite;transform-box:fill-box}@keyframes bob-tag{0%,to{transform:translate(0) rotate(-2deg)}50%{transform:translate(-3px,4px) rotate(1deg)}}#atlas .start:hover .bob,#atlas .start:focus-visible .bob{animation-play-state:paused;transform:scale(1.06)}#atlas .start .beckon{fill:none;stroke:var(--accent);stroke-width:3;transform-box:fill-box;transform-origin:center;animation:beckon 1.8s steps(22) infinite;animation-delay:calc(3.8s + var(--intro, 0s));opacity:0}@keyframes beckon{0%{transform:scale(1);opacity:.9}to{transform:scale(3);opacity:0}}@media(prefers-reduced-motion:reduce){#atlas .start .bob,#atlas .start .beckon{animation:none}#atlas .paint{transition:none}}#atlas .unexplored{pointer-events:none}#atlas .unexplored .wash{fill:#f7f1e46b}#atlas .unexplored>g{opacity:.6}#atlas .seal.plays{cursor:pointer;outline:none}#atlas .seal.plays circle{transition:transform .25s cubic-bezier(.3,1.6,.5,1);transform-box:fill-box;transform-origin:center}#atlas .seal.plays:hover circle,#atlas .seal.plays:focus-visible circle{transform:scale(1.18)}#atlas .still{pointer-events:none}#explore{position:fixed;inset:0;z-index:5;background:#8cbab2}#explore[hidden]{display:none}#explore .ex-map{position:absolute;inset:0}#explore:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:2;background:radial-gradient(ellipse at 50% 50%,transparent 55%,rgba(40,30,15,.28));box-shadow:inset 0 0 0 10px #fbf5e68c}#explore .ex-card,#explore .ex-close,#explore .ex-note{position:absolute;z-index:3;background:var(--paper) url(styles/paper-collage/img/bg_paper_seamless.webp) center / 500px;border:1.5px solid var(--edge);border-radius:3px;box-shadow:4px 10px 26px #140c0566;color:var(--pen);font-family:var(--text)}#explore .ex-head{top:calc(clamp(44px,4.9vw,70px) + 34px);left:18px;width:min(340px,calc(100vw - 36px));padding:14px 18px 12px;transform:rotate(-.6deg)}#explore .ex-head h2{font:700 30px/1 Caveat,cursive;margin:0 0 4px}#explore .ex-sub,#explore .ex-hint{font-size:13.5px;line-height:1.45;margin:0 0 8px}#explore .ex-hint{font-size:12.5px;color:var(--muted);margin:8px 0 0}#explore .ex-tabs{display:flex;gap:6px;margin:6px 0 10px}#explore .ex-tabs button{flex:1;font:700 17px Caveat,cursive;padding:2px 6px 4px;background:#fbf5e699;border:1.5px solid var(--edge);border-radius:3px;cursor:pointer;color:var(--muted)}#explore .ex-tabs button.on{color:var(--paper);background:var(--accent);border-color:var(--accent);transform:rotate(-1.5deg)}#explore .ex-legend{display:grid;grid-template-columns:1fr 1fr;gap:4px 8px}#explore .ex-legend button{display:flex;align-items:center;gap:6px;padding:2px 4px;font:700 17px Caveat,cursive;color:var(--pen);background:none;border:0;border-radius:3px;cursor:pointer;opacity:.4;transition:opacity .2s;text-align:left}#explore .ex-legend button.on{opacity:1}#explore .ex-legend button:hover{background:#b8322b14}#explore .ex-legend img{width:30px;height:30px;object-fit:contain;filter:drop-shadow(1px 2px 2px rgba(40,25,10,.35))}#explore .ex-legend i{width:14px;height:14px;border-radius:50%;box-shadow:inset 0 0 0 1.5px #28190a59;flex:none}#explore .ex-places{left:18px;bottom:34px;width:min(220px,40vw);padding:10px 14px;transform:rotate(.8deg)}#explore .ex-places h3{font:700 22px/1 Caveat,cursive;margin:0 0 6px}#explore .ex-places ul{list-style:none;margin:0;padding:0;max-height:36vh;overflow:auto}#explore .ex-places button{font:700 17px Caveat,cursive;color:var(--green);background:none;border:0;padding:1px 0;cursor:pointer;text-align:left}#explore .ex-places button:hover{color:var(--accent)}#explore .ex-close{top:calc(clamp(44px,4.9vw,70px) + 30px);left:50%;transform:translate(-50%) rotate(-1.5deg);font:700 22px Caveat,cursive;padding:2px 16px 4px;cursor:pointer;border-color:var(--accent)}#explore .ex-close:hover{transform:translate(-50%) rotate(0) scale(1.05)}#explore .ex-note{top:calc(clamp(44px,4.9vw,70px) + 82px);left:50%;transform:translate(-50%) rotate(1deg);max-width:min(440px,70vw);padding:6px 14px 8px;font-size:14.5px;line-height:1.45}#explore .ex-note b{font:700 21px Caveat,cursive;color:var(--accent);margin-right:.3em}#explore .ex-note.in{animation:ex-in .5s cubic-bezier(.3,1.6,.5,1)}@keyframes ex-in{0%{opacity:0;transform:translate(-50%) scale(.6) rotate(-6deg)}}#explore .ex-loading{position:absolute;inset:0;z-index:1;display:grid;place-items:center;pointer-events:none}#explore .ex-loading div{display:flex;align-items:center;gap:14px;padding:12px 24px 14px;font:700 30px Caveat,cursive;color:var(--pen);background:var(--paper);border:1.5px solid var(--edge);border-radius:3px;box-shadow:4px 10px 26px #140c0566;transform:rotate(-1.5deg)}#explore .ex-loading img{width:64px;animation:ex-spy 2.4s ease-in-out infinite}@keyframes ex-spy{0%,to{transform:rotate(-12deg) translate(-4px)}50%{transform:rotate(10deg) translate(4px)}}#explore .ex-busy{position:absolute;z-index:3;left:50%;bottom:26px;transform:translate(-50%) rotate(-1deg);display:flex;align-items:center;gap:8px;padding:4px 14px 5px 8px;font:700 19px Caveat,cursive;color:var(--pen);background:var(--paper);border:1.5px solid var(--edge);border-radius:3px;box-shadow:3px 7px 16px #140c0559;pointer-events:none}#explore .ex-busy[hidden]{display:none}#explore .ex-busy b{color:var(--accent)}#explore .ex-busy img{width:34px;animation:ex-scribble .7s steps(6) infinite}@keyframes ex-scribble{0%{transform:translate(0) rotate(-20deg)}25%{transform:translate(5px,-3px) rotate(-12deg)}50%{transform:translate(9px,1px) rotate(-22deg)}75%{transform:translate(4px,3px) rotate(-14deg)}to{transform:translate(0) rotate(-20deg)}}@media(prefers-reduced-motion:reduce){#explore .ex-busy img,#explore .ex-loading img{animation:none}}#explore.ready .ex-loading{display:none}#explore .maplibregl-ctrl-group{background:var(--paper);border:1.5px solid var(--edge);box-shadow:2px 5px 12px #28190a4d;margin:calc(clamp(44px,4.9vw,70px) + 34px) 18px 0 0}#explore .maplibregl-ctrl-attrib{font:11px var(--text);background:#fbf5e6d9}#explore .maplibregl-ctrl-bottom-left{left:250px}.ex-pop .maplibregl-popup-content{background:var(--paper) url(styles/paper-collage/img/bg_paper_seamless.webp) center / 400px;border:1.5px solid var(--edge);border-radius:3px;box-shadow:4px 10px 24px #140c0566;padding:10px 14px 8px;font:14px/1.45 var(--text);color:var(--pen)}.ex-pop .maplibregl-popup-tip{border-top-color:var(--paper);border-bottom-color:var(--paper)}.ex-pop p{margin:0 0 6px}.ex-pop b{font-weight:600}.ex-pop ul{list-style:none;margin:0 0 4px;padding:0;display:grid;gap:3px}.ex-pop li{display:grid;grid-template-columns:26px 1fr 72px;align-items:center;gap:6px}.ex-pop li img{width:24px;height:24px;object-fit:contain}.ex-pop li span{height:10px;border-radius:2px;background:var(--accent);min-width:2px}.ex-pop li em{font:700 15px Caveat,cursive;font-style:normal}.ex-pop small{color:var(--muted);font-size:11.5px}.ex-pop .maplibregl-popup-close-button{font:700 20px Caveat,cursive;color:var(--muted)}#explore:not([data-mode=food]) [data-card=food],#explore[data-mode=food] [data-card=life]{display:none}#explore .ex-switch{display:flex;align-items:center;gap:6px;margin:10px 0 0;padding:0;font:700 18px Caveat,cursive;color:var(--green);background:none;border:0;cursor:pointer}#explore .ex-switch img{width:32px;height:32px;object-fit:contain;filter:drop-shadow(1px 2px 2px rgba(40,25,10,.35))}#explore .ex-switch:hover{color:var(--accent)}#explore .ex-hint a{color:var(--green)}#explore .fd-head{max-height:calc(100vh - clamp(44px,4.9vw,70px) - 60px);overflow-y:auto;overscroll-behavior:contain}#explore .fd-pick{display:block;font-size:14px;margin:2px 0 4px}#explore .fd-pick select{font:700 21px Caveat,cursive;color:var(--accent);background:transparent;border:0;border-bottom:1.5px dashed rgba(184,50,43,.5);padding:0 2px;cursor:pointer;max-width:100%}#explore .fd-sum{font-size:14px;line-height:1.4;margin:6px 0}#explore .fd-sum b{color:var(--accent)}#explore .fd-bar{display:flex;height:7px;border-radius:4px;overflow:hidden;background:#28190a1a;margin-bottom:8px}#explore .fd-bar[hidden]{display:none}#explore .fd-bar .home{background:var(--pen)}#explore .fd-bar .abroad{background:var(--accent)}#explore .fd-key{display:flex;align-items:center;gap:6px;margin:2px 0 4px;font:11px Special Elite,monospace;color:var(--muted)}#explore .fd-key i{flex:1;height:7px;border-radius:4px;opacity:.8;background:linear-gradient(90deg,#7aa35e,#e39a3b,#b8322b)}#explore .fd-menu{display:grid;grid-template-columns:repeat(4,1fr);gap:2px 4px;margin:6px 0 4px}#explore .fd-menu button{display:flex;flex-direction:column;align-items:center;gap:1px;padding:4px 1px;background:none;border:1.5px solid transparent;border-radius:4px;cursor:pointer;color:var(--pen);font:inherit;min-width:0}#explore .fd-menu img{width:44px;height:38px;object-fit:contain;filter:drop-shadow(0 0 1px #fbf5e6) drop-shadow(1px 3px 3px rgba(40,25,10,.35));transition:transform .25s cubic-bezier(.3,1.6,.5,1)}#explore .fd-menu b{font:700 14.5px/1 Caveat,cursive;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}#explore .fd-menu .fd-share{width:78%;height:4px;border-radius:2px;background:#28190a1a;margin-top:2px}#explore .fd-menu .fd-share i{display:block;height:100%;border-radius:2px;background:var(--accent)}#explore .fd-menu em{font:10.5px Special Elite,monospace;font-style:normal;color:var(--muted)}#explore .fd-menu button:hover img,#explore .fd-menu button:focus-visible img{transform:rotate(-7deg) scale(1.12)}#explore .fd-menu button[aria-pressed=true]{border-color:var(--accent);background:#b8322b12}#explore .fd-menu button[aria-pressed=true] img{transform:rotate(-4deg) scale(1.08)}#explore .fd-menu button.none{opacity:.38}#explore .fd-items{display:flex;flex-wrap:wrap;gap:4px;margin:6px 0 2px}#explore .fd-items[hidden]{display:none}#explore .fd-items button{font:12px Special Elite,monospace;color:var(--pen);padding:2px 6px 3px;background:#fbf5e6bf;border:1px solid var(--edge);border-radius:3px;cursor:pointer}#explore .fd-items button em{font-style:normal;color:var(--muted)}#explore .fd-items button[aria-pressed=true]{color:var(--accent);border-color:var(--accent)}#explore .fd-sources{left:auto;right:18px;width:min(250px,36vw);transform:rotate(-.6deg)}#explore .fd-sources ol{list-style:none;margin:0;padding:0;display:grid;gap:3px}#explore .fd-sources button{position:relative;display:grid;grid-template-columns:1fr 44px;align-items:center;width:100%;padding:1px 2px;background:none;border:0;cursor:pointer;text-align:left;color:var(--pen)}#explore .fd-sources span{font:700 16px Caveat,cursive;position:relative;z-index:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#explore .fd-sources i{position:absolute;left:0;bottom:1px;height:3px;border-radius:2px;background:#b8322b8c;max-width:calc(100% - 48px)}#explore .fd-sources em{font:11px Special Elite,monospace;font-style:normal;color:var(--muted);text-align:right}#explore .fd-sources button:hover span{color:var(--accent)}.fd-tag{font:700 16px Caveat,cursive;color:var(--pen);background:var(--paper);border:1.2px solid var(--edge);border-radius:2px;padding:0 .45em .1em;box-shadow:1px 3px 7px #28190a4d;transform:rotate(-2deg);white-space:nowrap;pointer-events:none}.fd-tag em{font-style:normal;color:var(--accent)}.fd-tag.home{color:var(--pen);border-color:var(--pen);border-style:dashed;transform:rotate(1.5deg)}.ex-pop .fd-there{display:block;margin:6px 0 0;padding:0;font:700 16px Caveat,cursive;color:var(--green);background:none;border:0;cursor:pointer;text-align:left}.ex-pop .fd-there:hover{color:var(--accent)}@media(max-width:700px),(max-height:520px){#explore .ex-places{display:none}#explore .maplibregl-ctrl-bottom-left{left:0}#explore .ex-head{width:calc(100vw - 24px);left:12px;top:calc(clamp(40px,4.9vw,70px) + 22px);padding:8px 12px;transform:none;box-sizing:border-box}#explore .ex-head h2{font-size:22px}#explore .ex-sub,#explore .ex-hint{display:none}#explore .ex-tabs{margin:4px 0 6px}#explore .ex-tabs button{font-size:15px}#explore .ex-legend{grid-template-columns:1fr 1fr;gap:2px 8px}#explore .ex-legend button{font-size:14px;gap:3px}#explore .ex-legend img{width:22px;height:22px}#explore .ex-close{top:auto;bottom:36px}#explore .ex-note{top:auto;bottom:84px;max-width:calc(100vw - 32px);font-size:13px}#explore .maplibregl-ctrl-group{margin-top:calc(clamp(40px,4.9vw,70px) + 170px)}#explore .fd-sources{display:none}#explore .fd-head{max-height:46vh}#explore .fd-sum{font-size:12.5px;margin:2px 0 4px}#explore .fd-menu{display:flex;overflow-x:auto;gap:2px;padding-bottom:4px;scroll-snap-type:x proximity}#explore .fd-menu button{flex:none;width:64px;scroll-snap-align:start}#explore .fd-menu img{width:36px;height:30px}#explore .ex-switch{font-size:15px;margin-top:4px}#explore .ex-switch img{width:24px;height:24px}}@media(max-height:520px){#explore .ex-head{width:min(420px,60vw)}#explore .maplibregl-ctrl-group{margin-top:60px}}.fullpage{position:fixed;inset:0;z-index:5;overflow-y:auto;background:#efe6d3 url(styles/paper-collage/img/bg_paper_seamless.webp) center / 760px fixed}.fullpage[hidden]{display:none}.fullpage .hp-close{position:fixed;z-index:6;top:calc(clamp(44px,4.9vw,70px) + 30px);left:18px;font:700 22px Caveat,cursive;padding:2px 16px 4px;cursor:pointer;color:var(--pen);background:var(--paper);border:1.5px solid var(--accent);border-radius:3px;box-shadow:3px 7px 16px #140c054d;transform:rotate(-1.5deg)}.fullpage .hp-close:hover{transform:rotate(0) scale(1.05)}.fullpage .hp-article{width:min(820px,90vw);margin:0 auto;padding:calc(clamp(44px,4.9vw,70px) + 40px) 0 80px;color:#2e2620;font:400 17px/1.65 var(--text)}.fullpage h1{font:700 clamp(40px,4.4vw,58px)/1 "Caveat",cursive;margin:0 0 12px;text-align:center}.fullpage h2{font:700 clamp(30px,3vw,40px)/1.1 "Caveat",cursive;margin:44px 0 10px}.fullpage h3{font:700 26px/1.1 Caveat,cursive;margin:26px 0 8px;color:var(--accent)}.fullpage p,.fullpage li{text-wrap:pretty}.fullpage ul{padding-left:1.2em}.fullpage li{margin:4px 0}.fullpage a{color:var(--green)}.fullpage sup{font-size:.7em}.fullpage .hp-toc{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 12px;margin:0 0 20px}.fullpage .hp-toc a{font:700 19px Caveat,cursive;color:var(--pen);text-decoration:none;padding:1px 12px 3px;background:var(--paper);border:1.5px solid var(--edge);border-radius:3px;box-shadow:2px 4px 9px #28190a33}.fullpage .hp-toc a:nth-child(odd){transform:rotate(-1.5deg)}.fullpage .hp-toc a:nth-child(2n){transform:rotate(1.2deg)}.fullpage .hp-toc a:hover{color:var(--accent)}.fullpage .hp-fig{margin:22px auto;padding:16px 18px 12px;border:1.5px solid rgba(226,211,179,.7);border-radius:4px;background:#efe6d3 url(styles/paper-collage/img/bg_paper_seamless.webp) center / 760px fixed;box-shadow:3px 8px 20px #28190a24}.fullpage .hp-fig:nth-of-type(odd){transform:rotate(-.4deg)}.fullpage .hp-fig:nth-of-type(2n){transform:rotate(.35deg)}.fullpage .hp-fig.narrow{width:min(640px,100%);box-sizing:border-box}.fullpage .hp-fig svg{display:block;width:100%;height:auto;overflow:visible}.fullpage .hp-fig canvas{display:block;width:100%;height:auto;border-radius:2px}.fullpage figcaption{margin-top:8px;font:700 19px/1.3 Caveat,cursive;color:#4a3f36;text-align:center}.fullpage .hp-curve svg{touch-action:none}.fullpage .hp-curve figcaption{display:flex;flex-direction:column;align-items:center;gap:8px;font:400 15px/1.45 var(--text)}.fullpage .hp-presets{display:flex;gap:8px}.fullpage .hp-presets button{font:700 17px Caveat,cursive;color:var(--pen);background:var(--paper);border:1.5px solid var(--edge);border-radius:3px;padding:0 10px 2px;cursor:pointer}.fullpage .hp-presets button:hover{color:var(--accent);border-color:var(--accent)}.fullpage .hp-trips{display:flex;flex-wrap:wrap;gap:10px}.fullpage .hp-trip,.fullpage .hp-explore{font:700 20px Caveat,cursive;color:var(--accent);background:var(--paper);border:1.5px solid currentColor;border-radius:3px;padding:1px 12px 3px;cursor:pointer;transform:rotate(-1.5deg);box-shadow:2px 4px 9px #28190a33}.fullpage .hp-explore{color:var(--green);transform:rotate(1deg)}.fullpage .hp-trip:hover{color:var(--paper);background:var(--accent);border-color:var(--accent)}.fullpage .hp-explore:hover{color:var(--paper);background:var(--green);border-color:var(--green)}.fullpage details{margin:8px 0;background:#fbf7eed9;border:1.5px solid var(--edge);border-radius:4px;box-shadow:2px 5px 12px #28190a1f}.fullpage summary{cursor:pointer;list-style:none;padding:8px 14px 9px 40px;position:relative;font:600 17px/1.35 var(--text)}.fullpage summary::-webkit-details-marker{display:none}.fullpage summary:before{content:"+";position:absolute;left:14px;top:4px;font:700 26px Caveat,cursive;color:var(--accent);transition:transform .25s}.fullpage details[open] summary:before{transform:rotate(45deg)}.fullpage details p{margin:0;padding:0 16px 12px 40px;font-size:16px}.fullpage summary:hover{color:var(--accent)}@media(max-width:700px){.fullpage .hp-article{font-size:16px}.fullpage .hp-close{top:auto;bottom:14px}}.fullpage:before{content:"";position:fixed;left:0;right:0;top:0;height:calc(clamp(44px,4.9vw,70px) + 34px);z-index:1;pointer-events:none;background:linear-gradient(#efe6d3 86%,#efe6d300)}.fullpage .tp-core{list-style:none;padding:0;margin:20px 0 10px;display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:22px 16px}.fullpage .tp-core li{margin:0}.fullpage .tp-core a{display:flex;flex-direction:column;align-items:center;text-align:center;text-decoration:none;color:var(--pen);transition:transform .3s cubic-bezier(.3,1.6,.5,1)}.fullpage .tp-core li:nth-child(odd) a{transform:rotate(-1.5deg)}.fullpage .tp-core li:nth-child(2n) a{transform:rotate(1.2deg)}.fullpage .tp-core a:hover{transform:rotate(0) scale(1.05)}.fullpage .tp-core img{width:150px;height:150px;object-fit:contain;filter:drop-shadow(2px 6px 7px rgba(40,25,10,.35))}.fullpage .tp-core b{font:700 23px/1.05 Caveat,cursive;margin-top:4px;padding:0 .5em .1em;background:var(--paper);border:1.2px solid var(--edge);border-radius:2px;box-shadow:1px 3px 7px #28190a38}.fullpage .tp-core small{font:12.5px/1.35 Special Elite,monospace;color:var(--muted);margin-top:5px}.fullpage .tp-collab{list-style:none;padding:0;margin:14px 0;columns:2 300px;column-gap:36px}.fullpage .tp-collab li{break-inside:avoid;margin:0 0 10px;padding-left:16px;position:relative}.fullpage .tp-collab li:before{content:"";position:absolute;left:0;top:.6em;width:7px;height:7px;border-radius:50%;background:var(--accent);opacity:.7}.fullpage .tp-collab b{font-weight:600}.fullpage .tp-collab span{color:var(--muted)}.fullpage .tp-link{font:700 20px Caveat,cursive;color:var(--green);background:var(--paper);border:1.5px solid currentColor;border-radius:3px;padding:1px 12px 3px;cursor:pointer;transform:rotate(-1deg)}.fullpage .tp-link:hover{color:var(--paper);background:var(--green);border-color:var(--green)}.fullpage .lp-papers .paper-list{list-style:none;padding:0;margin:10px 0;display:grid;gap:8px}.fullpage .lp-papers .paper-list li{display:flex;gap:16px;align-items:flex-start;padding:12px 4px 14px;background:none!important;border-bottom:1.5px dashed rgba(122,106,74,.35);border-radius:0}.fullpage .lp-papers .paper-list li.pick,.fullpage .lp-papers .paper-list li.on{box-shadow:none;border-left:4px solid var(--accent);padding-left:12px}.fullpage .lp-papers .paper-list .authors{display:block;font-size:14px;line-height:1.45;color:#3a2f27;margin-top:4px}.fullpage .lp-papers .paper-list img{width:62px;height:62px;object-fit:contain;flex:none;filter:drop-shadow(1px 4px 4px rgba(40,25,10,.3))}.fullpage .lp-papers .paper-list li>div>a,.fullpage .lp-papers .paper-list li>div>b{font:600 16.5px/1.35 var(--text)}.fullpage .lp-papers .paper-list small{display:block;color:var(--muted);font-size:13.5px;margin-top:2px}.fullpage .lp-papers .paper-list div{flex:1}.fullpage .lp-papers .go{flex:none;font:700 19px Caveat,cursive;color:var(--accent);background:none;border:1.5px solid currentColor;border-radius:3px;padding:0 .55em .1em;cursor:pointer;transform:rotate(-2deg)}.fullpage .lp-papers .go:hover{background:var(--accent);color:var(--paper)}.fullpage .lp-list li{margin:8px 0}.fullpage code{font:13.5px Special Elite,monospace;padding:1px 3px;border-bottom:1.5px dashed rgba(122,106,74,.4);word-break:break-all}.fullpage .lp-terms{padding:4px 0 4px 16px;border-left:4px solid var(--accent)}.fullpage .lp-papers .paper-list li[data-paper=data],.fullpage .lp-papers .paper-list li[data-paper=code]{display:none}.fullpage section[id],.fullpage h2[id]{scroll-margin-top:calc(clamp(44px,4.9vw,70px) + 44px)}.fullpage .lp-papers .lp-food{display:inline-block;margin-top:6px;font-size:17px}@font-face{font-family:Caveat;src:url(styles/paper-collage/fonts/caveat.woff2);font-weight:400 700;font-display:swap}@font-face{font-family:Special Elite;src:url(styles/paper-collage/fonts/specialelite.woff2);font-display:swap}@font-face{font-family:Bricolage Grotesque;src:url(assets/fonts/bricolage.woff2) format("woff2");font-weight:200 800;font-display:swap}:root{--text: "Bricolage Grotesque", system-ui, sans-serif;--accent: #b8322b;--paper: #fbf5e6;--edge: #e2d3b3;--pen: #2e2620;--muted: #6d5e4e;--green: #1e6e50}body{margin:0;height:100vh;overflow:hidden;background:#e8dcc2;color:var(--pen);font-family:var(--text)}a{color:var(--green)}a:hover{color:var(--accent)}#stage{position:fixed;inset:0}#frame{position:absolute;inset:0;container-type:inline-size}.canvas-box{position:fixed;left:50%;top:calc(50% + clamp(18px,3.5vh,36px));width:max(100vw,min(100vh * 16 / 9,104vw));aspect-ratio:16 / 9;transform:translate(-50%,-50%);background:#f5eedf}#ui{background:radial-gradient(ellipse at 50% 50%,#1d1a1700,#1d1a1738)}body.welcome #ui{background:#efe6d3 url(styles/paper-collage/img/bg_paper_seamless.webp) center / 760px}body.welcome #ui:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,transparent 50%,rgba(60,40,20,.18));pointer-events:none}#ui .welcome{position:relative;pointer-events:auto;display:flex;flex-direction:column;align-items:center;text-align:center}#ui .welcome{--world: min(68vh, 54vw)}#ui .world{position:relative;width:var(--world);aspect-ratio:1}#ui .world>img{width:100%;height:100%;display:block;filter:drop-shadow(3px 8px 10px rgba(40,25,10,.3))}#ui .world .veil{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle,#efe6d3b3 0,#efe6d3e6 70%);opacity:calc(1 - var(--p, 0))}#ui .world svg{position:absolute;inset:-2.5%;width:105%;height:105%;transform:rotate(-90deg);overflow:visible}#ui .world circle{fill:none;stroke:#b8322bb3;stroke-width:.6;stroke-linecap:round;stroke-dasharray:1 1;stroke-dashoffset:calc(1 - var(--p, 0));transition:opacity 1s .2s}#ui .world.done circle{opacity:0}#ui .world .centre:before{content:"";position:absolute;inset:-14% -12%;z-index:-1;border-radius:50%;background:radial-gradient(ellipse at 50% 55%,#fbf6ead1 0,#fbf6eab3 42%,#fbf6ea00 70%)}#ui .world .centre{position:absolute;left:50%;top:50%;width:58%;transform:translate(-50%,-50%);z-index:0;display:flex;flex-direction:column;align-items:center;gap:10px;cursor:pointer;outline:none}#ui .world .letters{display:flex;gap:4px}#ui .world .letters img{height:clamp(52px,10vh,100px);filter:drop-shadow(0 0 1.5px #fbf5e6) drop-shadow(0 0 1.5px #fbf5e6) drop-shadow(3px 7px 7px rgba(30,20,10,.45))}#ui .world .letters img:nth-child(odd){transform:rotate(-4deg)}#ui .world .letters img:nth-child(2n){transform:rotate(3deg) translateY(4px)}#ui .welcome .lede{margin:0;font:500 clamp(14px,calc(var(--world) * .029),20px)/1.45 var(--text);color:#2a221c;text-wrap:balance;text-shadow:0 0 2px rgba(251,246,234,.95),0 0 4px rgba(251,246,234,.95),0 0 9px rgba(251,246,234,.8),0 0 16px rgba(251,246,234,.6)}#ui .world .from{display:none;margin:0;padding:0 .5em .1em;font:700 clamp(18px,1.6vw,24px)/1.15 "Caveat",cursive;color:var(--accent);background:var(--paper);border:1.5px solid currentColor;border-radius:3px;box-shadow:2px 4px 10px #28190a40;transform:rotate(-2deg);text-align:center}#ui .world .from.on{display:block}#ui .world .play{display:grid;place-items:center;width:clamp(54px,5.4vw,72px);aspect-ratio:1;border-radius:50%;padding:0 0 0 .18em;box-sizing:border-box;font:400 clamp(24px,2.4vw,32px)/1 var(--text);color:#fbeee0;background:var(--accent);border:3px solid #fbf5e6;box-shadow:3px 7px 16px #28190a66;opacity:0;transform:scale(.6);transition:opacity .5s ease,transform .5s cubic-bezier(.3,1.6,.5,1);pointer-events:none}#ui .world.done .play{opacity:1;transform:none}#ui .world.done .centre:hover .play,#ui .world.done .centre:focus-visible .play{transform:scale(1.1)}#ui .welcome>.go{display:none}#ui .ring{position:absolute;left:50%;top:50%;width:0;height:0;--rx: calc(var(--world) / 2 + clamp(34px, calc(var(--world) * .08), 62px));--ry: var(--rx)}#ui .orb{position:absolute;display:flex;flex-direction:column;align-items:center;gap:4px;padding:0;border:0;background:none;cursor:pointer;transform:translate(-50%,-50%) translate(calc(cos(var(--a)) * var(--rx)),calc(sin(var(--a)) * var(--ry)))}#ui .orb>img{height:clamp(62px,calc(var(--world) * .18),128px);width:auto;filter:drop-shadow(0 0 1px #fbf5e6) drop-shadow(0 0 1px #fbf5e6) drop-shadow(2px 5px 6px rgba(40,25,10,.4));transition:transform .3s cubic-bezier(.3,1.6,.5,1)}#ui .orb .set{display:flex;align-items:flex-end;transition:transform .3s cubic-bezier(.3,1.6,.5,1)}#ui .orb .faces{width:clamp(90px,calc(var(--world) * .25),176px);height:clamp(66px,calc(var(--world) * .18),128px);display:block}#ui .orb:hover .set,#ui .orb:focus-visible .set{transform:rotate(-5deg) scale(1.08)}#ui .orb b{font:700 clamp(16px,calc(var(--world) * .036),26px) "Caveat",cursive;color:var(--pen);background:var(--paper);border:1.5px solid var(--edge);border-radius:3px;padding:0 .5em .08em;box-shadow:2px 4px 10px #28190a40;transform:rotate(-2deg);white-space:nowrap}#ui .orb:hover>img,#ui .orb:focus-visible>img{transform:rotate(-7deg) scale(1.1)}body.welcome #topics,body.flying #topics{opacity:0;pointer-events:none}body.flying #topics{transition:none}.fly{position:fixed;inset:0;z-index:7;pointer-events:none}.fly img{filter:drop-shadow(0 0 1px #fbf5e6) drop-shadow(2px 5px 6px rgba(40,25,10,.4))}.fly .set{display:block}#atlasview{position:fixed;inset:0;display:none;place-items:center;justify-content:center;overflow:hidden;z-index:4;background:#4f9e93 url(assets/atlas_map_small.webp) center / cover}#atlasview>svg{width:max(100vw,calc(100vh * 16 / 9));flex:none;height:auto;display:block}body.atlas #atlasview{display:grid}body.atlas.unfold #atlasview{animation:unfold .7s cubic-bezier(.2,.7,.2,1)}@keyframes unfold{0%{clip-path:circle(3% at 62% 5%);transform:scale(.6) rotate(6deg);transform-origin:62% 5%}to{clip-path:circle(150% at 62% 5%);transform:none}}body.journey #atlasview{display:grid;pointer-events:none;animation:unfold .7s cubic-bezier(.2,.7,.2,1)}body.journey #atlas .apop,body.journey #atlas .mask-draw,body.journey #atlas .paint,body.started #atlas .apop,body.started #atlas .mask-draw,body.started #atlas .paint{animation:none;opacity:1;stroke-dashoffset:0}#nextfilm{position:fixed;left:50%;top:calc(clamp(44px,4.9vw,70px) + 34px);z-index:5;transform:translate(-50%) rotate(-1.5deg);display:none;pointer-events:none;font:700 clamp(20px,2.4vw,34px) "Caveat",cursive;color:var(--pen);background:var(--paper);border:2px solid var(--edge);border-radius:4px;padding:.1em .9em .2em;box-shadow:4px 8px 18px #28190a73}#nextfilm small{font:13px Special Elite,monospace;color:var(--accent);margin-right:.5em;letter-spacing:.04em}body.journey #nextfilm{display:block;animation:apop-in .5s cubic-bezier(.3,1.6,.5,1)}@keyframes apop-in{0%{opacity:0;transform:translate(-50%) scale(.5) rotate(-8deg)}}body.started #atlas .start,body.atlas #ui{display:none}@media(max-aspect-ratio:1 / 1){#atlasview{overflow-x:auto;justify-content:start}}.topic.atlas.offer:not(:hover){animation:bob 1.4s ease-in-out infinite}.dock{position:relative;display:flex}#controls{position:absolute;right:calc(100% + 10px);top:50%;display:flex;gap:2px;padding:3px 5px;background:var(--paper);border:1.5px solid var(--edge);border-radius:4px;box-shadow:2px 5px 12px #28190a4d;transform:translate(12px,-50%) rotate(-1.5deg);opacity:0;pointer-events:none;transition:opacity .2s,transform .3s cubic-bezier(.3,1.5,.5,1)}.dock:hover #controls,.dock:focus-within #controls,body.held #controls,body.atlas.started #controls{opacity:1;transform:translateY(-50%) rotate(-1.5deg);pointer-events:auto}body:not(.started) #controls{display:none}#controls button{width:clamp(26px,2.3vw,34px);aspect-ratio:1;padding:3px;border:0;background:none;border-radius:3px;cursor:pointer;color:var(--pen)}#controls button:hover{background:#b8322b1a;color:var(--accent)}#controls svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}#controls [data-ctl=play] .play,body.held #controls [data-ctl=play] .pause,body.atlas #controls [data-ctl=play] .pause{display:none}body.held #controls [data-ctl=play] .play,body.atlas #controls [data-ctl=play] .play{display:block}body.held #controls [data-ctl=play]{color:var(--accent);animation:held-flash 1.4s steps(7) infinite}@keyframes held-flash{50%{background:#b8322b29;transform:scale(1.18)}}body.cc #controls [data-ctl=cc]{color:var(--accent)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}#toast{position:fixed;left:50%;bottom:80px;z-index:9;transform:translate(-50%) translateY(10px) rotate(-1deg);font:700 22px Caveat,cursive;color:var(--pen);background:var(--paper);border:1.5px solid var(--accent);border-radius:3px;padding:2px 16px 4px;box-shadow:3px 7px 16px #140c054d;opacity:0;pointer-events:none;transition:opacity .25s,transform .3s}#toast.on{opacity:1;transform:translate(-50%) rotate(-1deg)}#controls [data-ctl=mute] .hush,body.muted #controls [data-ctl=mute] .loud{display:none}body.muted #controls [data-ctl=mute] .hush{display:block;color:var(--accent)}.topic.people{width:clamp(88px,9.6vw,138px);aspect-ratio:auto;height:clamp(50px,5.4vw,78px);top:calc(-1*clamp(4px,.5vw,7px))}.topic.atlas .resume-mark{position:absolute;inset:22% 36%;width:28%;fill:var(--paper);stroke:var(--pen);stroke-width:1.5;stroke-linejoin:round;filter:drop-shadow(1px 2px 2px rgba(0,0,0,.4));opacity:0;transition:opacity .2s;pointer-events:none}body.held .topic.atlas .resume-mark{opacity:1}#resume{position:fixed;left:50%;top:3.5vh;z-index:5;transform:translate(-50%) rotate(-1.2deg);cursor:pointer;font:700 clamp(19px,2vw,30px) "Caveat",cursive;color:var(--pen);background:var(--paper);border:2px solid var(--accent);border-radius:4px;padding:.1em .9em .2em;box-shadow:4px 8px 18px #28190a73;transition:transform .25s cubic-bezier(.3,1.6,.5,1)}#resume:hover{transform:translate(-50%) rotate(0) scale(1.05)}#resume small{display:block;font:12px Special Elite,monospace;color:var(--muted);letter-spacing:.03em}#resume[hidden]{display:none}@keyframes bob{0%,to{transform:translateY(0) rotate(0)}30%{transform:translateY(-14%) rotate(-7deg)}60%{transform:translateY(0) rotate(4deg)}}#topics{position:fixed;top:4px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:clamp(8px,1.3vw,18px);z-index:6;transition:opacity .5s ease}.topic{position:relative;width:clamp(44px,4.9vw,70px);aspect-ratio:1;padding:0;border:0;background:none;cursor:pointer;filter:drop-shadow(0 0 1px #fbf5e6) drop-shadow(0 0 1px #fbf5e6) drop-shadow(0 0 .5px #fbf5e6) drop-shadow(2px 5px 6px rgba(40,25,10,.45));transition:transform .35s cubic-bezier(.3,1.5,.5,1),opacity .4s}.topic>img{width:100%;height:100%;object-fit:contain}.topic .stack{position:absolute;inset:0}.topic .stack img{position:absolute;bottom:0;height:100%}.topic.letters{width:auto;height:clamp(44px,4.9vw,70px);aspect-ratio:auto}.topic.letters .stack{position:static;display:flex;align-items:center;gap:1px;height:100%}.topic.letters .stack img{position:static;height:66%}.topic.letters .stack img:nth-child(1){transform:rotate(-7deg)}.topic.letters .stack img:nth-child(2){transform:rotate(4deg) translateY(2px)}.topic.letters .stack img:nth-child(3){transform:rotate(-3deg)}.topic.letters .stack img:nth-child(4){transform:rotate(6deg) translateY(1px)}.carousel{position:relative;clip-path:inset(-40% 0 -20% 0)}#ui .orb .carousel{clip-path:none}.carousel img{position:absolute;bottom:6%;width:44%;height:auto;max-height:88%;object-fit:contain;object-position:bottom;left:0;opacity:1;transition:left 1.4s cubic-bezier(.45,0,.25,1),opacity 1.1s ease,transform 1.4s cubic-bezier(.45,0,.25,1);transform-origin:50% 100%}.carousel img.p0{left:0;z-index:1}.carousel img.p1{left:28%;z-index:2}.carousel img.p2{left:56%;z-index:3}.carousel img.pout{left:-30%;opacity:0;transform:scale(.85);z-index:0}.carousel img.pin{left:86%;opacity:0;transform:scale(.85);z-index:4}.carousel img.still{transition:none}.topic.people{filter:none}.carousel img{filter:drop-shadow(0 0 1px #fbf5e6) drop-shadow(0 0 1px #fbf5e6) drop-shadow(0 0 .5px #fbf5e6) drop-shadow(2px 5px 6px rgba(40,25,10,.45))}.topic .lbl{position:absolute;top:100%;left:50%;transform:translate(-50%,6px) rotate(-2deg);white-space:nowrap;pointer-events:none;font:700 clamp(14px,1.4vw,19px) "Caveat",cursive;color:var(--pen);background:var(--paper);border:1.5px solid var(--edge);border-radius:3px;padding:0 .5em .08em;box-shadow:2px 4px 10px #28190a4d;opacity:0;transition:opacity .2s}.topic:hover,.topic.open,.topic:focus-visible{transform:rotate(-7deg) scale(1.14)}.topic:hover .lbl,.topic:focus-visible .lbl{opacity:1}.topic.open .lbl{opacity:0}body.playing #topics:not(:hover) .topic:not(.open){opacity:.6}#cites{position:fixed;bottom:12px;left:14px;display:flex;align-items:flex-end;gap:1.1cqw;pointer-events:none;z-index:6}.cite{pointer-events:auto;display:flex;align-items:center;gap:.45em;padding:.25em .75em .3em .45em;cursor:pointer;text-align:left;color:var(--pen);background:var(--paper);border:1.5px solid var(--edge);border-radius:3px;box-shadow:3px 8px 18px #28190a61;opacity:0;transform:translate(-60px,20px) rotate(-14deg) scale(.4);transition:transform .5s cubic-bezier(.3,1.6,.5,1),opacity .25s}.cite[hidden]{display:none}.cite.on{opacity:1;transform:rotate(var(--r))}.cite:hover{transform:rotate(0) scale(1.05)}.cite img{height:clamp(28px,3.3cqw,50px);margin:-.7em 0 -.7em -.4em;filter:drop-shadow(1px 4px 4px rgba(40,25,10,.35))}.cite small{display:block;font:11px Special Elite,monospace;color:var(--muted);letter-spacing:.03em}.cite b{display:block;font:700 clamp(14px,1.5cqw,21px)/1.05 "Caveat",cursive}.cite em{display:block;font:700 clamp(12px,1.15cqw,16px) "Caveat",cursive;font-style:normal;color:var(--accent)}.cite em:empty{display:none}body.arriving{background:#efe6d3}body.arriving :is(#stage,#topics){visibility:hidden}body.embed #topics,body.embed #cites{display:none}canvas{width:100%;height:100%;display:block;cursor:pointer}#ui{position:absolute;inset:0;display:flex;flex-wrap:wrap;align-content:center;align-items:center;justify-content:center;gap:2cqw;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .6s ease,visibility 0s .6s}#ui.show{opacity:1;visibility:visible;transition:opacity .3s ease,visibility 0s}#ui:not(.show) *{pointer-events:none!important}body.ended #ui{background:#efe6d3 url(styles/paper-collage/img/bg_paper_seamless.webp) center / 760px}body.ended #ui:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.4;background:url(assets/img/welcome_world.webp) center / min(92vh,72vw) no-repeat}body.ended #ui:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 50%,transparent 50%,rgba(60,40,20,.18))}body.ended #ui>*{position:relative;z-index:1}#ui>button,#ui .trips button{pointer-events:auto;cursor:pointer;font:700 clamp(22px,4cqw,54px) "Caveat",cursive;color:var(--pen);background:var(--paper);padding:.15em .9em .25em;border-radius:4px;transform:rotate(-3deg);box-shadow:4px 8px 18px #28190a73;border:2px solid var(--edge)}#ui>button:hover,#ui .trips button:hover{transform:rotate(-1deg) scale(1.04)}#ui .trips{flex-basis:100%;display:flex;flex-wrap:wrap;justify-content:center;gap:1.2cqw;max-width:80%}#ui .trips p{flex-basis:100%;margin:0;text-align:center;font:700 clamp(16px,2.4cqw,32px) "Caveat",cursive;color:var(--pen)}#ui .trips button{font-size:clamp(15px,2.2cqw,30px);transform:rotate(var(--r, 1.5deg))}#ui .trips button:nth-child(odd){--r: -2deg}#ui .trips button.seen:after,#choices .trip.seen:after{content:" \2713";color:var(--green)}#choices{position:fixed;right:14px;bottom:12px;display:flex;flex-direction:row-reverse;align-items:flex-end;gap:10px;pointer-events:none;z-index:6}#choices button{pointer-events:auto;cursor:pointer;font:700 clamp(16px,1.8vw,26px)/1.1 "Caveat",cursive;color:var(--pen);background:var(--paper);border:2px solid var(--edge);border-radius:3px;padding:.25em .8em .35em;position:relative;box-shadow:4px 9px 20px #28190a6b;opacity:0;transform:translateY(-24px) rotate(-6deg) scale(1.08);transition:opacity .25s,transform .35s cubic-bezier(.3,1.6,.5,1)}#choices .explore{font-size:clamp(14px,1.4vw,21px);transition-delay:.06s}#choices .explore[data-kind=food]:before{content:"the food map"}#choices .explore:before{content:"the real maps";display:block;font:400 clamp(10px,1.3cqw,18px) "Special Elite",monospace;color:var(--green);letter-spacing:.04em}#choices .trip[hidden],#choices .explore[hidden],#choices .on[hidden]{display:none}#choices .tripbox{display:flex;flex-direction:column;align-items:flex-end;gap:6px}#choices .tripbox[hidden],#choices .all[hidden]{display:none}#choices .all{font:400 clamp(11px,1.15cqw,15px) "Special Elite",monospace;padding:.25em .7em .3em;color:var(--muted);letter-spacing:.02em}#choices .all[aria-pressed=true]{color:var(--green);border-color:var(--green)}#choices.show .all,#choices.show.after .all{transform:rotate(1deg);animation:none}#choices.show.after button{animation:offer-bob 2.4s steps(14) infinite alternate}@keyframes offer-bob{0%{transform:rotate(-2.5deg) translateY(0)}to{transform:rotate(-1deg) translateY(-6px)}}#choices.show .explore{transform:rotate(-1deg)}body.atlas :is(#cites,#choices,#caption),body.journey :is(#cites,#choices,#caption),body.page-open :is(#cites,#choices,#caption),body.exploring :is(#cites,#choices,#caption){visibility:hidden}#choices .trip.queued:before{content:"\2713  up next: side trip";color:var(--green)}#choices.show .trip.queued,#choices.show.after .trip.queued{animation:none;transform:rotate(0) scale(1.06);border-color:var(--green);box-shadow:0 0 0 3px #1e6e5047,4px 9px 20px #28190a6b}#choices .trip:before{content:"side trip";display:block;font:400 clamp(10px,1.3cqw,18px) "Special Elite",monospace;color:var(--accent);letter-spacing:.04em}#choices .on{font-size:clamp(14px,1.4vw,21px);transition-delay:.12s}#choices .on i{position:absolute;left:10%;bottom:.22em;height:3px;width:100%;max-width:80%;background:var(--accent);border-radius:2px}#choices.show button{opacity:1;transform:rotate(-2.5deg)}#choices.show .on{transform:rotate(1.8deg)}#choices.show button:hover,#choices.show button:focus-visible{transform:rotate(0) scale(1.05)}#choices.show.going button{opacity:0;transform:translateY(18px) rotate(4deg);transition-delay:0s}#back{position:absolute;left:14px;bottom:calc(24px + clamp(46px,5vw,76px));font:700 clamp(14px,2.1cqw,30px) "Caveat",cursive;color:var(--pen);background:var(--paper);border:2px solid var(--edge);border-radius:3px;padding:.1em .7em .2em;transform:rotate(-2deg);box-shadow:3px 6px 14px #28190a66;cursor:pointer}#back[hidden]{display:none}#caption{position:fixed;left:50%;max-width:34%;bottom:calc(12px + clamp(44px,4.9vw,70px)/2);transform:translate(-50%,50%);z-index:6;box-sizing:border-box;text-align:center;text-wrap:balance;font:600 clamp(13px,1.35vw,19px)/1.3 var(--text);color:var(--pen);pointer-events:none;background:#fbf5e6f0;border:1.5px solid var(--edge);border-radius:3px;padding:.2em .7em .3em;box-shadow:2px 5px 12px #28190a4d}#caption:empty{display:none}#sound{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%) rotate(-2deg);font:700 clamp(18px,2.6cqw,34px) "Caveat",cursive;color:var(--pen);background:var(--paper);border:2px solid var(--accent);border-radius:4px;padding:.15em .9em .25em;box-shadow:4px 8px 18px #28190a73;cursor:pointer;z-index:7}#sound[hidden]{display:none}#wipe{position:absolute;inset:0;background:#f5eedf url(styles/paper-collage/img/bg_paper_seamless.webp) center / 60% repeat;opacity:0;pointer-events:none;transition:opacity .22s ease}#wipe.on{opacity:1}.topic:focus-visible,#ui .orb:focus-visible,#ui .world .centre:focus-visible,#controls button:focus-visible,#choices button:focus-visible{outline:3px solid var(--accent);outline-offset:4px;border-radius:4px}#ui .world .centre:focus-visible{border-radius:50%}@media(prefers-reduced-motion:reduce){#choices button{transition:opacity .2s;transform:none!important}#choices.show.after button,.topic.atlas.offer:not(:hover),body.held #controls [data-ctl=play],body.atlas.unfold #atlasview,body.journey #atlasview,body.journey #nextfilm{animation:none}.carousel img{transition:none}}@media(max-aspect-ratio:5 / 4){.canvas-box{width:100vw}}.lede-below{display:none}button,[role=button],.orb,.topic{touch-action:manipulation}@media(max-aspect-ratio:3 / 4){#ui .welcome{width:100vw;padding:12px 16px 16px;box-sizing:border-box;gap:12px}#ui .world{width:min(82vw,44vh)}#ui .world .centre:before{display:none}#ui .world .lede{display:none}#ui .world .letters img{height:clamp(40px,12vw,64px)}#ui .world .centre{gap:14px}#ui .lede-below{display:block;max-width:34em;font-size:clamp(14px,4vw,17px);text-shadow:none}#ui .ring{position:static;width:auto;height:auto;display:flex;flex-wrap:wrap;justify-content:center;gap:12px 18px;margin-top:4px}#ui .orb{position:static;transform:none}#ui .orb>img{height:clamp(44px,12vw,60px)}#ui .orb .faces{width:clamp(70px,19vw,96px);height:clamp(44px,12vw,60px)}#ui .orb b{font-size:15px}.canvas-box{width:100vw!important;top:calc(clamp(44px,4.9vw,70px) + 26px + 28.125vw)}#caption{position:fixed;left:16px!important;width:calc(100vw - 32px);max-width:none!important;top:calc(clamp(44px,4.9vw,70px) + 40px + 56.25vw);bottom:auto;transform:none;font-size:clamp(15px,4.2vw,19px);color:var(--pen);text-shadow:none}#choices{left:10px;right:10px;justify-content:center;flex-wrap:wrap-reverse}body:has(#choices.show) #cites{display:none}#back{bottom:auto;top:calc(clamp(44px,4.9vw,70px) + 34px)}}@media(max-height:520px){.canvas-box{width:min(100vw,calc((100vh - 58px) * 16 / 9));top:calc(50% + 28px)}.topic{width:40px}.topic.letters,.topic.people{height:40px}.topic.people{width:80px;height:46px}#topics{top:6px;gap:10px}#ui .welcome{--world: min(84vh, 56vw)}#ui .world .letters img{height:34px}#ui .welcome .lede{font-size:12px;line-height:1.4}#ui .world .centre{width:64%;gap:6px}#ui .world .play{width:44px;font-size:20px}#ui .ring{--rx: calc(min(42vh, 28vw) + 26px) ;--ry: calc(min(42vh, 28vw) + 18px) }#ui .orb>img{height:38px}#ui .orb .faces{width:64px;height:40px}#ui .orb b{font-size:13px}}@media(hover:none){#controls button{width:44px}.topic .lbl{display:none}}@media(max-width:900px){#controls{position:fixed;left:50%;right:auto;width:max-content;top:calc(clamp(44px,4.9vw,70px) + 22px);transform:translate(-50%,-8px) rotate(-1deg)}#controls button{flex:none}.dock:hover #controls,.dock:focus-within #controls,body.held #controls,body.atlas.started #controls{transform:translate(-50%) rotate(-1deg)}}@media(max-width:480px){#topics{gap:5px}.topic{width:36px}.topic.letters,.topic.people{height:36px}.topic.people{width:62px}}@media(max-aspect-ratio:3 / 4){#controls{top:calc(clamp(44px,4.9vw,70px) + 36px + 56.25vw)}body.started #controls{opacity:1;pointer-events:auto;transform:translate(-50%) rotate(-1deg)}#caption{top:calc(clamp(44px,4.9vw,70px) + 104px + 56.25vw)}}