:root{--paper:#f0e8d9;--ink:#282429;--muted:#71695f;--line:#28242922;color-scheme:light;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer;padding:12px 15px;border-radius:30px;font-size:12px}button:hover{background:#28242909}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #2b4587;outline-offset:5px}button:disabled{opacity:.3;cursor:default}[hidden]{display:none!important}a{color:inherit;text-decoration:none;border-bottom:1px solid var(--line);padding-bottom:3px}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}#world{display:block;width:100vw;height:100dvh;touch-action:none;cursor:grab;outline:none}#world:active{cursor:grabbing}.is-making #world{cursor:crosshair}
header{position:fixed;top:30px;left:38px;right:32px;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none;z-index:3}header button,header nav{pointer-events:auto}.wordmark{text-align:left;padding:0;border-radius:0;font-family:Georgia,serif;font-size:25px;letter-spacing:-1px}.wordmark:hover{background:none}.wordmark span{display:block;font:10px Arial,sans-serif;letter-spacing:1.1px;color:var(--muted);margin-top:9px}.wordmark:focus-visible{outline-offset:10px}nav{display:flex;align-items:center;gap:8px}#about-toggle{width:38px;height:38px;border:1px solid var(--line);padding:0}#trace-count{font-size:10px;opacity:.6;margin-left:4px}#orientation{position:fixed;left:40px;top:126px;display:flex;align-items:center;gap:10px;pointer-events:none;color:var(--muted)}#compass{width:35px;height:35px;stroke-width:.6}#compass .needle{fill:var(--ink);stroke:none;transform-origin:22px 22px}#place{font-size:9px;letter-spacing:.6px}
#invitation{position:fixed;left:9%;top:40%;pointer-events:none;transition:opacity 1.4s;max-width:400px}.eyebrow{font-size:9px;letter-spacing:2px;color:var(--muted)}h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(32px,3.7vw,55px);letter-spacing:-2px;line-height:1.12;margin:19px 0 23px}#invitation p{font-size:11px;color:var(--muted);line-height:1.8}body.has-wandered #invitation,body.is-making #invitation{opacity:0}#status{position:fixed;bottom:148px;left:50%;transform:translateX(-50%);font-size:12px;max-width:85vw;width:max-content;padding:12px 20px;background:var(--paper);border:1px solid var(--line);border-radius:30px;z-index:5;opacity:0;transition:opacity .2s;pointer-events:none}#status.visible{opacity:1}
#controls{position:fixed;bottom:48px;left:38px;right:32px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px}.travel-controls,.maker-controls,.direction-controls{display:flex;gap:12px;align-items:center}.direction-controls{justify-content:flex-end}.round{border-radius:50%;width:54px;height:54px;display:grid;place-items:center;padding:0;background:var(--paper);border:1px solid var(--line)}.round.small{width:38px;height:38px;border:0}.round.small svg{width:19px}.primary{background:var(--ink);color:var(--paper);padding:17px 25px;display:inline-flex;gap:14px;align-items:center;font-size:12px}.primary:hover{background:#453943}.primary svg{width:21px;height:21px}.surprise{color:#2b4587;border-color:#2b458744}.surprise svg{width:34px;height:34px;transition:transform .5s}.surprise:hover svg{transform:rotate(30deg)}label[for=speed]{width:128px}label[for=speed]>span{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.4px}output{font-size:9px;color:var(--muted)}input[type=range]{appearance:none;background:transparent;width:100%;height:25px;cursor:pointer;margin:3px 0 0}input[type=range]::-webkit-slider-runnable-track{background:#28242930;height:1px}input[type=range]::-webkit-slider-thumb{appearance:none;width:10px;height:10px;border-radius:50%;background:var(--ink);margin-top:-4.5px}input[type=range]::-moz-range-track{background:#28242930;height:1px}input[type=range]::-moz-range-thumb{width:10px;height:10px;border:0;background:var(--ink)}#turn span{font-size:20px;margin-left:10px;vertical-align:middle}#fullscreen{font-size:21px}#help{position:fixed;bottom:15px;width:100%;text-align:center;font-size:9px;color:var(--muted);letter-spacing:.6px;pointer-events:none}#travel-pad{position:fixed;bottom:124px;left:44px;display:flex;flex-direction:column;align-items:center;opacity:.4;transition:opacity .2s}#travel-pad:hover{opacity:1}#travel-pad button{width:32px;height:30px;padding:0;font-size:17px;touch-action:none}#travel-pad>div{display:flex}
#drawing-note{position:fixed;top:126px;left:40px;pointer-events:none}#drawing-note h2{font:32px Georgia,serif;letter-spacing:-.8px;margin:15px 0 10px}#drawing-note p{font-size:11px;color:var(--muted)}.is-making #controls,.is-making #orientation,.is-making #travel-pad,.is-making #help{display:none}.is-making #latest,.is-making #home{visibility:hidden}#making{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100vw - 28px)}.drawing-tools{display:flex;align-items:center;gap:12px;background:var(--paper);border:1px solid var(--line);padding:10px 14px;border-radius:45px;box-shadow:0 3px 20px #28242905}.inks{display:flex;gap:1px;align-items:center}.inks button{width:32px;height:38px;padding:7px;border:1px solid transparent;position:relative}.inks button:after{content:'';display:block;background:var(--swatch);width:16px;height:16px;border-radius:50%}.inks button[aria-pressed=true]{border-color:#28242955}.pens{display:flex;border-left:1px solid var(--line);padding-left:9px}.pens button{padding:10px;font-size:11px}.pens button[aria-pressed=true]{background:#2824290b}.drawing-footnote{font-size:9px;text-align:center;color:var(--muted);margin:13px 0 0;background:var(--paper)}#leave{padding:14px 22px;white-space:nowrap}
dialog{border:1px solid var(--line);border-radius:3px;background:var(--paper);color:var(--ink);width:560px;max-width:calc(100vw - 28px);max-height:calc(100dvh - 40px);padding:54px;box-shadow:0 20px 90px #28242912}dialog::backdrop{background:#f0e8d9bb;backdrop-filter:blur(6px)}dialog .close{position:absolute;right:13px;top:12px;font-size:10px}dialog h2{font:36px/1.16 Georgia,serif;letter-spacing:-1px;margin:25px 0}dialog p{font-size:13px;line-height:1.9;color:#5c5350}.about-links{display:flex;flex-wrap:wrap;gap:17px 24px;margin:30px 0;font-size:11px}.about-links button{font-size:11px;padding:0;border-bottom:1px solid var(--line);border-radius:0}.small{font-size:10px;line-height:1.7}#archive{width:860px;padding:24px}#archive h2{font-size:25px;margin:0 0 15px}#archive-art{height:min(68vh,650px);display:grid;place-items:center}#archive-art canvas,#archive-art img{max-width:100%;max-height:100%;object-fit:contain;width:auto;height:100%}.archive-nav{display:flex;align-items:center;justify-content:space-between;font-size:11px;gap:10px}.archive-nav span{text-align:center}
@media(max-width:760px){header{top:24px;left:22px;right:18px}.wordmark{font-size:23px}.wordmark span{font-size:8px}nav{gap:0}#latest{font-size:10px;padding:10px}#orientation{left:23px;top:109px}#place{font-size:8px}#invitation{left:8%;top:35%}h1{font-size:38px}#controls{left:20px;right:20px;bottom:46px;grid-template-columns:1fr auto;gap:25px}.travel-controls{grid-row:1;gap:5px}.maker-controls{grid-column:1/-1;grid-row:2;justify-content:center;gap:12px}.direction-controls{grid-row:1;grid-column:2}#turn{font-size:10px;padding:6px}#turn span{margin-left:4px}#fullscreen{display:none}label[for=speed]{width:110px}#travel-pad{left:auto;right:28px;bottom:160px;opacity:.7}#help{font-size:8px;bottom:9px}#status{bottom:212px}#drawing-note{top:110px;left:24px}#drawing-note h2{font-size:28px}.drawing-tools{flex-wrap:wrap;justify-content:center;gap:8px;padding:13px;border-radius:25px}.inks{flex:1;justify-content:center}.pens{border:0;padding:0}.pens button{padding:10px 8px}#making{width:360px;bottom:20px}.drawing-footnote{font-size:8px;line-height:1.6;padding:0 8px}.is-making #status{bottom:185px}dialog{padding:40px 28px}dialog h2{font-size:32px}}
#invitation{top:34%;left:7%}#invitation h1{font-size:28px;letter-spacing:-.7px;margin:14px 0 15px}#invitation p{font-size:10px}
#environment-name{display:block;font:19px/1.3 Georgia,serif;letter-spacing:-.3px;color:var(--ink);margin:5px 0 1px}#orientation{align-items:flex-start}#compass{margin-top:12px}#elsewhere{pointer-events:auto;font-size:10px;padding:7px 0;border-radius:0;color:var(--muted);letter-spacing:.3px}#elsewhere:hover{background:none;color:var(--ink)}#elsewhere span{margin-left:12px}.surprise.is-releasing svg{transform:rotate(160deg)}#drawing-note p{max-width:290px;line-height:1.6}.inks button{transition:background .3s}.is-making #invitation{display:none}
@media(max-width:760px){#environment-name{font-size:17px}#orientation{top:109px}#invitation{top:29%}#invitation h1{font-size:26px}#invitation p{max-width:190px}#help{letter-spacing:.1px;font-size:7px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}