:root{color-scheme:light;--ink:#191442;--pink:#fa77c5;--lime:#ddfa56;--blue:#2848f8;--orange:#ff975c;--lilac:#cbb7ff;--silver:#e1e3ea;--motion:running}*{box-sizing:border-box}body{margin:0;background:#ece9f4;color:var(--ink);font:14px/1.45 'Space Grotesk',Arial,sans-serif}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #b624ef;outline-offset:5px}button{border-radius:0}button:disabled{cursor:default}a{color:var(--blue)}[hidden]{display:none!important}img{display:block;width:100%;object-fit:cover}#world{max-width:1600px;margin:auto;background:#f8f6f2;overflow:hidden}.shell{height:66px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(#fdfdff,#d7d7e0 48%,#f2f2f6);border-bottom:1px solid #9b9caf;position:relative;z-index:20}.brand{border:0;background:none;font-size:22px;font-weight:700;letter-spacing:-1px;display:flex;align-items:center;gap:5px}.logo-star{font-size:34px;color:var(--blue)}.dot{color:#9562c9}.shell nav{display:flex;gap:5px}.shell nav button{border:0;background:none;padding:9px 15px;font-size:13px}.shell nav button.active{background:var(--ink);color:white;box-shadow:3px 3px var(--pink)}.motion{border:0;background:none;font:11px 'IBM Plex Mono',monospace;white-space:nowrap}.motion span{font-size:20px;margin-left:5px;color:#ac28d5}.page{animation:pagein .5s cubic-bezier(.2,.7,.15,1) both}@keyframes pagein{from{opacity:0;transform:translateY(12px) scale(.99)}to{opacity:1;transform:none}}.collage{height:640px;max-height:780px;position:relative;background:radial-gradient(ellipse at 22% 26%,#daf8fd 0,transparent 55%),radial-gradient(ellipse at 88% 90%,#ffa785 0,transparent 44%),linear-gradient(145deg,#d0c0fe,#ffe0b3);isolation:isolate}.collage:after{content:'';inset:0;position:absolute;background-image:radial-gradient(#38256435 .6px,transparent .6px);background-size:5px 5px;opacity:.35;pointer-events:none;z-index:-1}.ticker{height:28px;overflow:hidden;background:var(--lime);border-block:1px solid var(--ink);font:11px/26px 'IBM Plex Mono',monospace;white-space:nowrap;position:absolute;top:0;left:0;right:0}.ticker div{display:inline-block;animation:marquee 34s linear infinite;animation-play-state:var(--motion)}@keyframes marquee{to{transform:translateX(-40%)}}.welcome{position:absolute;top:55px;left:7%;z-index:2;pointer-events:none}.welcome>span{font:11px 'IBM Plex Mono',monospace;background:#fff8d8;padding:4px 8px;display:inline-block;transform:rotate(-3deg)}.welcome h1{font:bold clamp(56px,7.5vw,108px)/.81 Arial,sans-serif;letter-spacing:-7px;margin:19px 0 0;color:#2946ed;text-shadow:2px 2px #f7ebff,4px 4px #8662dd}.welcome em{font-family:Georgia,serif;font-weight:400;letter-spacing:-5px;color:#a628e3;text-shadow:2px 2px #f6e6ff,3px 3px #2846df}.orbit{position:absolute;top:78px;left:51%;width:290px;height:120px;border:1px solid #826fbc;border-radius:50%;transform:rotate(-25deg);z-index:-1}.metal-star{position:absolute;font:130px/1 Arial;color:#f5f0fc;text-shadow:2px 3px #8d83b7,-2px -2px white;filter:drop-shadow(4px 5px 1px #58436b33);z-index:2;pointer-events:none}.star-a{top:75px;right:4%;animation:starspin 25s linear infinite;animation-play-state:var(--motion)}.star-b{bottom:50px;left:45%;font-size:95px;transform:rotate(20deg)}@keyframes starspin{to{transform:rotate(360deg)}}.picture-window{padding:4px;border:1px solid #3e3d66;background:#d8daea;box-shadow:inset 2px 2px white,8px 10px 0 #3d30552b;position:absolute;width:40%;max-width:470px;left:8%;top:263px;transform:rotate(-6deg);text-align:left;z-index:4;transition:transform .45s cubic-bezier(.2,.9,.1,1)}.picture-window:hover{transform:rotate(-1deg) translateY(-8px);z-index:9}.window-bar{display:flex;justify-content:space-between;padding:5px 7px;background:linear-gradient(90deg,#4e51ec,#ab76f1);color:white;font:11px 'IBM Plex Mono',monospace}.picture-body{height:205px;position:relative;margin-top:4px;overflow:hidden}.picture-body img{height:100%;filter:saturate(1.08)}.location-sticker{position:absolute;bottom:12px;left:12px;padding:7px 10px;background:var(--lime);font-size:25px;font-weight:700;letter-spacing:-1px;box-shadow:3px 3px var(--ink)}.location-sticker b{margin-left:24px}.picture-caption{display:block;padding:7px 5px;font:11px 'IBM Plex Mono',monospace}.photo{position:absolute;padding:9px 9px 13px;border:1px solid #756279;background:#fffaf3;box-shadow:7px 9px 0 #3d30552b;text-align:left}.fd-window{width:28%;right:5%;top:305px;transform:rotate(7deg);z-index:4;transition:transform .4s}.fd-window:hover{transform:rotate(1deg) translateY(-10px);z-index:9}.photo-image{height:152px;overflow:hidden}.photo-image img{height:100%;object-position:55% center}.photo>span{font-size:20px;font-weight:700;letter-spacing:-.7px;display:block;margin-top:7px}.photo b{float:right}.photo small{font:11px 'IBM Plex Mono',monospace}.cd-object{position:absolute;left:56%;top:80px;width:160px;height:185px;z-index:3;border:0;padding:0;background:none;transform:rotate(13deg);transition:transform .4s}.disc{display:block;width:160px;height:160px;border-radius:50%;position:relative;border:1px solid #c6d0d6;background:repeating-radial-gradient(circle,transparent 0 3px,#ffffff33 3px 4px),conic-gradient(#e6d1fa,#fcfeff,#9acae3,#efffffff,#f5a8dc,#dbeaaa,#fdfffe,#abc6f4,#f1d2ff);box-shadow:inset 0 0 13px #ffffffaa,7px 7px 8px #51517433;animation:discspin 17s linear infinite;animation-play-state:var(--motion)}.disc-hole{width:27px;height:27px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;background:#d7c3ec;border:6px solid #edeeee;box-shadow:0 0 0 1px #a0a3bb}.disc-label{position:absolute;bottom:29px;left:0;right:0;text-align:center;font:bold italic 13px Arial;color:#47449b}.cd-caption{background:var(--blue);color:white;font:12px 'IBM Plex Mono',monospace;padding:4px 7px;position:relative;top:-4px;display:inline-block}.cd-object:hover{transform:rotate(-8deg) scale(1.07)}@keyframes discspin{to{transform:rotate(360deg)}}.world-object{position:absolute;left:4%;bottom:25px;width:110px;background:none;border:0;padding:0;z-index:5;transform:rotate(-8deg)}.world-object img{width:72px;margin:auto;filter:drop-shadow(3px 4px 0 #795aa36b)}.world-object span{display:block;background:white;border:1px solid var(--ink);font:11px 'IBM Plex Mono',monospace;padding:4px;margin-top:3px}.float-object{animation:bob 5s ease-in-out infinite;animation-play-state:var(--motion)}@keyframes bob{50%{translate:0 -9px}}.burst{position:absolute;width:153px;height:153px;top:205px;left:48%;border:0;background:var(--orange);color:#5b1b69;clip-path:polygon(50% 0%,57% 12%,69% 3%,71% 18%,85% 15%,84% 30%,98% 33%,89% 45%,100% 55%,86% 61%,92% 76%,76% 75%,74% 92%,60% 85%,50% 100%,42% 87%,27% 95%,26% 79%,10% 80%,16% 64%,1% 59%,12% 48%,2% 37%,17% 32%,14% 16%,30% 20%,33% 4%,44% 14%);font:bold italic 19px/1.05 Georgia,serif;transform:rotate(12deg);z-index:7;transition:transform .3s}.burst:hover{transform:rotate(-12deg) scale(1.1)}.burst b{font:bold 28px Arial}.small-photo{position:absolute;right:4%;top:55px;width:130px;height:150px;background:#f8ecfe;padding:6px;border:1px solid var(--ink);transform:rotate(-11deg);z-index:1;box-shadow:4px 4px #65506b2b;transition:transform .3s}.small-photo img{height:108px}.small-photo span{font:10px 'IBM Plex Mono',monospace}.small-photo:hover{transform:rotate(0) scale(1.08);z-index:9}.ticket{position:absolute;bottom:18px;left:21%;width:215px;transform:rotate(3deg);background:#ffacd2;border:1px solid #642152;padding:10px 14px;z-index:4}.ticket span{display:block;font:10px 'IBM Plex Mono',monospace}.ticket b{display:block;font-size:26px;letter-spacing:-1px}.ticket i{display:block;width:52px;height:20px;position:absolute;right:12px;top:28px;background:repeating-linear-gradient(90deg,#482c4c 0 1px,transparent 1px 3px)}.camera-sticker{position:absolute;left:55%;bottom:35px;transform:rotate(-10deg);z-index:5}.camera-sticker img{width:90px;filter:drop-shadow(3px 3px 0 white) drop-shadow(-3px -3px 0 white)}.tiny-stamp{position:absolute;right:8%;bottom:25px;transform:rotate(-7deg);background:var(--lime);border:1px dashed #465724;padding:7px 18px;font:12px 'IBM Plex Mono',monospace;z-index:3}.home-foot{background:var(--pink);display:flex;justify-content:space-between;align-items:center;padding:12px 25px;border-block:1px solid var(--ink);font:12px 'IBM Plex Mono',monospace}.home-foot button,.site-footer button,.text-button{background:none;border:0;padding:3px 0;text-decoration:underline;text-underline-offset:4px;color:inherit}.site-footer{padding:12px 24px;display:flex;justify-content:space-between;gap:16px;font:10px 'IBM Plex Mono',monospace;background:#e6e4ec}.area-top{display:flex;justify-content:space-between;align-items:center;padding:22px 30px 0;font:11px 'IBM Plex Mono',monospace}#area{background:linear-gradient(140deg,#fff3c8 0%,#ffd2d8 60%,#e5c5fd 100%);padding-bottom:20px}.area-heading{display:flex;align-items:center;gap:30px;padding:0 30px}.area-heading h1{font:bold clamp(40px,8vw,88px)/1.1 Arial,sans-serif;letter-spacing:-5px;margin:17px 0 24px;color:#bf3b9b}.area-flower{font:95px/1 Arial;color:var(--blue);animation:starspin 35s linear infinite;animation-play-state:var(--motion)}.hand-label{font:italic 21px/1.05 Georgia,serif;transform:rotate(-9deg);color:#6f3797}.area-body{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(240px,1fr);gap:30px;padding:0 30px}.hero-journey{width:100%;height:340px;border:1px solid var(--ink);padding:0;position:relative;background:#242e52;overflow:hidden;box-shadow:7px 7px 0 #ba65a06b}.hero-journey>img{height:100%;transition:transform 1s}.hero-journey:hover>img{transform:scale(1.05)}.film-top{position:absolute;left:0;right:0;top:0;padding:10px 12px;color:white;background:#1b224b77;display:flex;justify-content:space-between;font:11px 'IBM Plex Mono',monospace}.film-bottom{position:absolute;bottom:0;left:0;right:0;text-align:left;padding:50px 20px 20px;color:white;background:linear-gradient(transparent,#131236dd)}.film-bottom strong{display:block;font-size:28px;letter-spacing:-1px}.film-bottom small{font:11px 'IBM Plex Mono',monospace}.play-orb{position:absolute;left:50%;top:50%;translate:-50% -50%;display:grid;place-items:center;width:76px;height:76px;border-radius:50%;background:var(--lime);color:var(--ink);font-size:25px;border:1px solid var(--ink);box-shadow:0 0 0 7px #e4fd6b4d;transition:scale .35s}.hero-journey:hover .play-orb{scale:1.13}.journey-strip{display:flex;gap:15px;margin-top:23px}.mini-film{width:50%;padding:0;border:1px solid var(--ink);background:#d7c4ff;text-align:left}.mini-film img{height:110px}.mini-film span{display:block;font-size:12px;padding:8px 10px}.mini-film b{float:right}.area-scraps{padding-top:8px}.note-paper{padding:24px;background:#e8fa8b;border:1px solid #91a542;transform:rotate(3deg);box-shadow:5px 6px #85688433;position:relative}.paper-tab{position:absolute;top:-10px;left:20px;padding:3px 9px;background:#cdb7ed;font:10px 'IBM Plex Mono',monospace;transform:rotate(-5deg)}.note-paper h2{font:italic 29px Georgia,serif;letter-spacing:-1px;margin:0 0 10px}.note-paper p{font-size:14px;line-height:1.6;margin:0}.note-sign{display:block;font:10px 'IBM Plex Mono',monospace;margin-top:20px}.area-postcard{background:white;padding:8px;border:1px solid var(--ink);transform:rotate(-5deg);width:100%;margin:24px 0 15px;box-shadow:4px 5px #85688433}.area-postcard img{height:97px}.area-postcard span{font:11px 'IBM Plex Mono',monospace;display:block;padding:7px 0 2px}.objects-link{display:flex;align-items:center;gap:10px;background:#fa93d0;border:1px solid var(--ink);padding:12px;width:100%;text-align:left}.objects-link>span{font-size:35px}.objects-link small{display:block;font:10px 'IBM Plex Mono',monospace;margin-top:3px}.objects-link>b{margin-left:auto;font-size:24px}.area-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px;padding:30px 30px 0;font:11px 'IBM Plex Mono',monospace}#cinema{background:#12131d;color:#f5f2ec;padding-bottom:30px}.cinema-nav{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 24px;font:11px 'IBM Plex Mono',monospace}.cinema-brand{color:#c3b6f2}.screen{position:relative;aspect-ratio:16/8.4;overflow:hidden;background:black;width:100%}.screen>img{height:100%;object-fit:cover;object-position:center 60%;animation:slowpan 28s ease-in-out infinite alternate;animation-play-state:paused}.screen.playing>img{animation-play-state:var(--motion)}@keyframes slowpan{to{transform:scale(1.11) translateX(-1%)}}.screen-shade{position:absolute;inset:0;background:linear-gradient(transparent 20%,#06051b22 60%,#080519c4)}.screen-corner{position:absolute;left:25px;top:22px;font:11px 'IBM Plex Mono',monospace;display:flex;gap:9px;align-items:center}.red-dot{width:8px;height:8px;border-radius:50%;background:#ff688f}.screen-title{position:absolute;bottom:46px;left:32px}.screen-title small{font:13px 'IBM Plex Mono',monospace}.screen-title h1{font:italic 46px/1 Georgia,serif;letter-spacing:-1.5px;margin:12px 0}.screen-disclaimer{position:absolute;bottom:15px;left:32px;font:10px 'IBM Plex Mono',monospace;color:#eee}.screen-date{position:absolute;bottom:24px;right:28px;font:12px 'IBM Plex Mono',monospace;background:#141020a6;padding:4px 8px}#play-preview{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:80px;height:80px;border-radius:50%;background:#f8f7ff2b;backdrop-filter:blur(7px);border:1px solid #ffffff88;color:white;font-size:24px}.screen.playing #play-preview{opacity:0}.screen:hover #play-preview,.screen:focus-within #play-preview{opacity:1}.transport{display:flex;align-items:center;gap:15px;padding:13px 25px;background:linear-gradient(#eaeaf1,#c6c8d3);color:var(--ink);font:11px 'IBM Plex Mono',monospace}.transport button{border:1px solid #9494a7;background:#efeff7;box-shadow:inset 1px 1px white;padding:7px 11px;white-space:nowrap}.scrub-label{flex:1;display:flex}.scrub-label input{width:100%;accent-color:#8353e1}.cinema-below{display:flex;justify-content:space-between;gap:20px;padding:25px 30px 15px}.sample-label{font:10px 'IBM Plex Mono',monospace;color:#c5acd8}.cinema-below h2{font-size:24px;letter-spacing:-.7px;margin:5px 0}.cinema-below p{font-size:12px;color:#b7b9c9;margin:0}.recording-picker{min-width:175px}.recording-picker label{display:block;font:11px 'IBM Plex Mono',monospace;color:#c5acd8;margin-bottom:8px}.recording-picker select{border:1px solid #7f7795;border-radius:0;background:#242038;color:#fff;padding:10px;width:100%}.chapters{display:flex;align-items:center;gap:12px;padding:10px 30px 0;font:11px 'IBM Plex Mono',monospace}.chapters>span:first-child{color:#bbb0c7;margin-right:12px}.chapters button{padding:9px 12px;border:1px solid #716681;background:#242038;color:white}.chapters button[aria-pressed=true]{border-color:#d6f172;color:#d6f172}.chapters button small{margin-left:9px;font-size:10px;opacity:.6}.chapter-line{height:1px;background:#685574;width:30px}.chapters .finish{margin-left:auto;background:none;border:0;text-decoration:underline;color:#dcc4f0}.player-note{position:absolute;right:24px;top:60px;max-width:270px;padding:22px;background:#e5f487;color:#262e20;box-shadow:6px 7px #0005;transform:rotate(2deg);z-index:3}.player-note>span{font:10px 'IBM Plex Mono',monospace}.player-note h3{font:italic 25px Georgia,serif;margin:13px 0}.player-note p{font-size:13px;line-height:1.6}.close-note{position:absolute;right:6px;top:4px;border:0;background:none;font-size:20px}.places-heading{display:flex;justify-content:space-between;align-items:center;padding:35px 40px 20px;background:#d6f48a}.places-heading h1{font:bold 64px/1 Arial,sans-serif;letter-spacing:-4px;margin:10px 0}.places-heading .hand-label{font-size:17px;color:#3e6661}.map-flower{font-size:96px;line-height:1;color:#ff73b5;animation:starspin 30s linear infinite;animation-play-state:var(--motion)}.places-body{display:grid;grid-template-columns:1fr 280px;gap:20px;background:#d6f48a;padding:0 30px 30px}.map-wrap{min-height:470px;position:relative;background:#c3e5ec;border:1px solid #52616a;overflow:hidden}.map-wrap>svg{width:100%;height:100%;position:absolute;inset:0}.map-credit{position:absolute;bottom:5px;right:5px;background:#f1f5df;padding:3px;font:9px 'IBM Plex Mono',monospace}.area-pin{position:absolute;background:white;border:2px solid var(--ink);padding:3px;box-shadow:4px 4px #56726c44;width:125px;transform:rotate(-4deg);transition:transform .3s}.area-pin:hover{transform:rotate(0) scale(1.08)}.area-pin img{height:70px}.area-pin span{display:block;font:bold 11px 'Space Grotesk';padding:6px 0}.pin-g{left:53%;top:19%}.pin-f{left:18%;top:57%;transform:rotate(6deg)}.place-choice{display:flex;flex-direction:column;gap:20px}.place-photo{background:#fff9df;border:1px solid var(--ink);padding:7px;box-shadow:4px 5px #4f76554d;text-align:left}.place-photo img{height:164px}.place-photo span{display:block;padding:10px 2px 4px;font-size:18px;font-weight:bold;letter-spacing:-.7px}.place-photo b{float:right}#roll{background:#b9b1f1;padding:35px 35px 25px;background-image:radial-gradient(#ffffff88 1px,transparent 1px);background-size:13px 13px}.roll-heading{margin-bottom:30px}.roll-heading>span{font:11px 'IBM Plex Mono',monospace;background:#fafa94;padding:5px}.roll-heading h1{font:italic 70px/1 Georgia,serif;color:#522888;letter-spacing:-4px;margin:15px 0}.roll-heading h1 span{display:inline-block;color:#e768ab;font-size:70px;margin-left:24px}.photo-wall{display:grid;grid-template-columns:1.1fr .8fr 1fr;gap:25px;padding:10px 10px 0;align-items:start}.wall-photo{background:#fff5eb;padding:9px;border:1px solid #735575;transform:rotate(-5deg);box-shadow:6px 6px #52456833;transition:transform .3s}.wall-photo:hover{transform:rotate(0) translateY(-8px);z-index:2}.wall-photo:nth-child(2){transform:rotate(7deg);margin-top:25px;background:#e6fa9a}.wall-photo:nth-child(3){transform:rotate(-2deg);background:#ffabd9}.wall-photo img{height:215px}.wall-photo span{font:italic 17px Georgia,serif;display:block;padding:10px 0 4px}.wall-photo.panorama{grid-column:1/-1;transform:rotate(1deg);width:85%;margin:0 auto}.wall-photo.panorama img{height:135px}.roll-caption{font:10px 'IBM Plex Mono',monospace;margin:30px 10px 0}.creator-heading{padding:35px 35px 5px}.creator-heading h1{font:italic 44px Georgia;margin:0}.creator-heading p{font:11px 'IBM Plex Mono'}.creator-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding:25px 35px 35px;background:#f6f0d7}.creator-grid form{background:#d2c0f8;padding:25px;border:1px solid var(--ink);box-shadow:5px 5px #b9abae}.creator-grid h2{margin:0 0 17px;font-size:22px;letter-spacing:-.8px}.creator-grid label{display:block;margin:13px 0;font-size:12px}.creator-grid input,.creator-grid select,.creator-grid textarea{display:block;width:100%;padding:10px;border:1px solid #75658c;background:#fcf9f6;color:var(--ink);margin-top:6px;border-radius:0;resize:vertical}.save-note{background:var(--ink);color:var(--lime);padding:12px;border:1px solid var(--ink);width:100%;margin-top:8px}.creator-side article{padding:23px;background:#dff19a;border:1px solid #9baf66}.creator-side .measure{background:#ffbaca;margin-top:20px}.creator-side p,.creator-side li{font-size:13px}.creator-side small{font:10px 'IBM Plex Mono'}.upload-example{padding:17px;background:#ffffff77;border:1px dashed #819845}.upload-example>span{font-size:25px;margin-right:10px}.upload-example small{display:block}.tag-demo{display:flex;gap:8px;margin:15px 0}.tag-demo span{font-size:11px;background:#a0cfed;padding:5px 9px}.site-footer button{white-space:nowrap}dialog{padding:0;border:1px solid var(--ink);box-shadow:10px 10px #21152b44;background:#fff4dc;max-width:min(840px,90vw);color:var(--ink)}dialog::backdrop{background:#18103299;backdrop-filter:blur(7px)}#photo-dialog>img{max-height:65vh;object-fit:contain;background:#171226}.photo-description{padding:20px 25px}.photo-description h2{font:italic 28px Georgia;margin:0 0 7px}.photo-description p,.photo-description a{font:11px 'IBM Plex Mono'}.dialog-close{position:absolute;top:10px;right:10px;z-index:3;background:var(--pink);border:1px solid var(--ink);width:34px;height:34px;font-size:23px}.screen:fullscreen{aspect-ratio:auto;height:100vh}#credits-dialog{padding:35px;max-width:650px}#credits-dialog h2{font:italic 30px Georgia}#credit-list>p{margin:15px 0}#credits-dialog p{font-size:12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}body.motion-off *{animation-play-state:paused!important;scroll-behavior:auto!important}body.motion-off .page{animation:none!important}
@media(min-width:1200px){.collage{height:700px}.welcome{top:75px}.picture-window{top:305px}.picture-body{height:235px}.fd-window{top:345px}.photo-image{height:180px}.burst{top:260px}.cd-object{top:90px;left:58%;scale:1.1}.small-photo{top:60px;right:5%}}
@media(max-width:800px){.shell{padding:0 15px;gap:8px}.brand{font-size:18px}.shell nav button{padding:7px 10px}.motion{font-size:0}.motion span{font-size:22px}.collage{height:595px}.welcome{left:6%;top:64px}.welcome h1{font-size:66px;letter-spacing:-5px}.welcome em{letter-spacing:-4px}.picture-window{width:47%;left:6%;top:255px}.picture-body{height:176px}.location-sticker{font-size:22px}.fd-window{width:33%;top:312px;right:3%}.photo-image{height:135px}.photo>span{font-size:17px}.cd-object{left:62%;top:94px;scale:.8}.small-photo{display:none}.burst{width:127px;height:127px;left:48%;top:227px;font-size:17px}.star-a{top:47px;right:4%;font-size:95px}.ticket{left:22%;bottom:23px;width:195px}.camera-sticker{bottom:23px;left:58%}.camera-sticker img{width:72px}.tiny-stamp{display:none}.star-b{left:44%;bottom:35px;font-size:75px}.area-body{gap:20px;padding:0 23px;grid-template-columns:1.5fr 1fr}.hero-journey{height:290px}.note-paper{padding:20px}.note-paper p{font-size:12px}.note-paper h2{font-size:26px}.film-bottom strong{font-size:22px}.places-body{grid-template-columns:1fr 230px;padding:0 22px 22px}.screen-title h1{font-size:36px}.cinema-below h2{font-size:21px}.chapters{flex-wrap:wrap}.chapters .finish{margin-left:0}.photo-wall{gap:17px}.wall-photo img{height:170px}}
@media(max-width:560px){.shell{height:auto;min-height:62px;flex-wrap:wrap;padding:9px 13px;row-gap:7px}.brand{font-size:18px}.logo-star{font-size:25px}.shell nav{order:3;width:100%;justify-content:center;gap:14px}.shell nav button{font-size:12px}.collage{height:780px}.welcome{left:6%;top:63px}.welcome h1{font-size:58px;letter-spacing:-4.5px}.welcome em{letter-spacing:-3px}.welcome>span{font-size:9px}.picture-window{top:246px;left:7%;width:72%;max-width:none;transform:rotate(-5deg)}.picture-body{height:180px}.picture-caption{font-size:9px}.location-sticker{font-size:23px}.cd-object{left:auto;right:0;top:151px;scale:.54;transform-origin:right top}.burst{left:auto;right:0;top:360px;width:106px;height:106px;font-size:14px}.fd-window{top:510px;right:5%;width:59%;transform:rotate(6deg)}.photo-image{height:142px}.photo>span{font-size:20px}.photo small{font-size:9px}.ticket{left:5%;bottom:20px;width:210px}.camera-sticker{left:4%;bottom:158px;transform:rotate(-15deg)}.camera-sticker img{width:65px}.world-object{left:4%;bottom:75px;width:96px}.world-object img{width:56px}.world-object span{font-size:10px}.star-a{right:3%;top:40px;font-size:74px;opacity:.65}.star-b{bottom:22px;left:auto;right:4%;font-size:88px}.home-foot{font-size:10px;padding:12px;gap:10px}.home-foot>span{max-width:190px}.site-footer{padding:12px;font-size:9px;align-items:start}.area-top{padding:20px 18px 0;font-size:10px}.area-location{display:none}.area-heading{padding:0 18px;gap:14px}.area-heading h1{font-size:48px;letter-spacing:-3px;overflow-wrap:anywhere}.area-flower{font-size:60px}.area-heading .hand-label{display:none}.area-body{display:block;padding:0 18px}.hero-journey{height:290px}.area-scraps{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding-top:30px}.note-paper{grid-column:1/-1;margin:0 8px}.note-paper p{font-size:14px}.area-postcard{margin:0}.area-postcard img{height:115px}.objects-link{display:block;text-align:center}.objects-link small{font-size:9px}.objects-link>b{display:none}.area-bottom{padding:25px 18px 0;font-size:10px}.mini-film img{height:90px}.mini-film span{font-size:11px}.cinema-nav{padding:14px;font-size:10px}.cinema-brand{display:none}.screen{aspect-ratio:4/3}.screen-title{left:17px;bottom:40px}.screen-title h1{font-size:29px}.screen-title small{font-size:11px}.screen-corner{left:17px;top:15px;font-size:9px}.screen-date{right:12px;bottom:14px;font-size:9px}.screen-disclaimer{left:17px;bottom:15px;font-size:8px;max-width:180px}.transport{padding:10px;gap:8px;font-size:9px}.transport button{padding:7px}.transport #note-toggle{font-size:0}.transport #note-toggle:before{content:'✎';font-size:15px}.cinema-below{display:block;padding:20px 18px}.cinema-below h2{font-size:22px}.recording-picker{margin-top:19px;display:flex;align-items:center;gap:12px}.recording-picker label{font-size:10px;margin:0;max-width:95px}.recording-picker select{width:auto;flex:1;font-size:13px}.chapters{padding:0 18px;gap:8px}.chapters>span:first-child{width:100%;font-size:10px}.chapters button{font-size:10px;padding:9px}.chapter-line{width:12px}.chapters .finish{width:100%;text-align:left;margin-top:8px}.chapters button small{display:block;margin:4px 0 0}.player-note{max-width:230px;right:16px;top:44px;padding:17px}.player-note h3{font-size:20px}.player-note p{font-size:12px}.places-heading{padding:28px 18px 18px}.places-heading h1{font-size:47px;letter-spacing:-3px}.places-heading .hand-label{font-size:14px}.map-flower{font-size:66px}.places-body{display:block;padding:0 15px 20px}.map-wrap{height:385px;min-height:0}.place-choice{flex-direction:row;margin-top:18px;gap:13px}.place-photo{width:50%;padding:5px}.place-photo img{height:100px}.place-photo span{font-size:14px;letter-spacing:-.4px}.area-pin{width:108px}.area-pin img{height:58px}.pin-g{left:55%}.pin-f{left:10%}#roll{padding:25px 18px}.roll-heading h1{font-size:49px;letter-spacing:-3px}.roll-heading h1 span{font-size:45px;margin-left:10px}.roll-heading>span{font-size:9px}.photo-wall{grid-template-columns:1fr 1fr;gap:25px 15px;padding:5px}.wall-photo img{height:160px}.wall-photo span{font-size:14px}.wall-photo:nth-child(3){grid-column:1;transform:rotate(4deg)}.wall-photo.panorama{grid-column:2;transform:rotate(-5deg);width:100%}.wall-photo.panorama img{height:160px}.roll-caption{font-size:9px}.creator-heading{padding:25px 20px 5px}.creator-heading h1{font-size:33px}.creator-grid{display:block;padding:20px}.creator-side{margin-top:25px}.creator-grid input,.creator-grid select,.creator-grid textarea{font-size:16px}.photo-description{padding:17px}.photo-description h2{font-size:24px}.photo-description p{font-size:10px}#credits-dialog{padding:25px}#credits-dialog h2{font-size:25px}}
.welcome{translate:calc(var(--mx,0) * -12px) calc(var(--my,0) * -8px);transition:translate .5s ease-out}.orbit{translate:calc(var(--mx,0) * 22px) calc(var(--my,0) * 15px);transition:translate .6s ease-out}.hero-journey>img,#screen-photo{view-transition-name:journey-image}::view-transition-group(journey-image){animation-duration:.65s;animation-timing-function:cubic-bezier(.22,.8,.2,1)}::view-transition-old(journey-image),::view-transition-new(journey-image){height:100%;object-fit:cover}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Idhar Udhar: personal internet / bootleg city scrapbook */
:root{--pink:#ff53b5;--lime:#e5ff36;--blue:#203cff;--ink:#171322;--orange:#ff7539}body{background:#211a2b}.shell{border-bottom:2px solid var(--ink)}.brand{font-weight:700;letter-spacing:-1.5px}.dot{color:#cf167a}.shell nav button.active{background:var(--blue);box-shadow:3px 3px #ff53b5}.new-collage{height:310px;max-height:none;background:radial-gradient(ellipse at 80% 60%,#ef9fc8 0,transparent 42%),linear-gradient(113deg,#c9e8e3 20%,#d6c3fc 58%,#ff8653);border-bottom:2px solid var(--ink)}.new-collage:after{opacity:.65;background-size:4px 4px}.new-collage .ticker{background:var(--ink);color:var(--lime);height:29px;border:0;transform:rotate(-.5deg);z-index:5}.new-collage .welcome{left:5%;top:65px}.new-collage .welcome>span{background:var(--lime);font-size:10px;border:1px solid var(--ink);box-shadow:3px 3px var(--ink);transform:rotate(-3deg)}.new-collage .welcome h1{font:bold clamp(65px,8.5vw,122px)/.98 Arial,sans-serif;letter-spacing:-9px;color:#233aed;text-shadow:2px 2px white,5px 5px #171322;margin-top:14px}.new-collage .welcome h1 em{font:bold italic 1em/.98 Georgia,serif;color:#ed137e;text-shadow:2px 2px #fff,5px 5px #171322;letter-spacing:-8px}.title-spark{font-size:70px;display:inline-block;vertical-align:top;margin-left:18px;animation:starspin 30s linear infinite;animation-play-state:var(--motion);color:#e8ff3f!important;text-shadow:2px 2px black}.new-collage .welcome p{font:12px 'IBM Plex Mono',monospace;margin:17px 0;background:#fff5d9;display:table;padding:4px 8px;transform:rotate(-1deg)}.new-collage .cd-object{top:60px;left:auto;right:15%;scale:.83}.new-collage .world-object{bottom:23px;left:auto;right:4%;width:100px;transform:rotate(9deg)}.new-collage .world-object img{width:58px}.new-collage .burst{left:auto;right:2%;top:48px;width:120px;height:120px;font-size:16px;background:var(--lime);color:var(--ink)}.new-collage .star-a{left:62%;top:178px;font-size:90px;right:auto}.new-collage .orbit{left:62%;top:80px;width:250px}.home-stamp{position:absolute;right:21%;bottom:19px;border:2px dashed #d3296c;padding:4px 9px;color:#ba1250;transform:rotate(5deg);font:8px 'IBM Plex Mono';text-align:center}.home-stamp b,.home-stamp span{display:block}.home-stamp b{font-size:12px}.journey-shelf{padding:24px 30px 31px;background:#e9e4d7;background-image:repeating-linear-gradient(0deg,transparent 0 5px,#17132205 5px 6px)}.shelf-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:19px}.shelf-heading h2{font:bold 27px/1 Arial;letter-spacing:-1.2px;margin:0;transform:rotate(-1deg);background:#fff5ce;padding:5px 8px;box-shadow:4px 4px var(--pink)}.shelf-heading>span{font:9px 'IBM Plex Mono';max-width:200px;text-align:right}.home-films{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:start}.journey-tile{padding:4px;border:1px solid var(--ink);box-shadow:4px 5px var(--ink);text-align:left;transition:transform .28s,box-shadow .28s;min-width:0;position:relative;background:#cdd2ee;transform:rotate(-1.5deg)}.journey-tile:nth-child(2){transform:rotate(1.8deg);margin-top:9px;background:#ff9cca}.journey-tile:nth-child(3){transform:rotate(-1deg);background:#ffb177}.journey-tile:nth-child(4){transform:rotate(2deg);margin-top:9px;background:#b9efae}.journey-tile:hover{transform:translateY(-9px) rotate(0);box-shadow:7px 12px var(--ink);z-index:3}.journey-tile .window-bar{font-size:8px;padding:7px 5px;white-space:nowrap;background:linear-gradient(90deg,#202ada,#967cec)}.rose .window-bar{background:linear-gradient(90deg,#b71578,#f564ad)}.tangerine .window-bar{background:linear-gradient(90deg,#e74518,#ff9554)}.mint .window-bar{background:linear-gradient(90deg,#25643d,#67af71)}.tile-picture{height:155px;position:relative;overflow:hidden;margin-top:4px;background:#283550}.tile-picture>img{height:100%;transition:transform 1.5s,filter .6s;filter:saturate(.85) contrast(1.1)}.journey-tile:hover img{transform:scale(1.08);filter:saturate(1.2) contrast(1)}.tile-play{display:grid;place-items:center;position:absolute;left:50%;top:50%;translate:-50% -50%;width:45px;height:45px;background:#edff5b;border:1px solid black;border-radius:50%;box-shadow:3px 3px black;color:black;font-size:17px;transition:scale .3s}.journey-tile:hover .tile-play{scale:1.15}.tile-length{position:absolute;bottom:6px;right:6px;font:8px 'IBM Plex Mono';background:#141322d9;color:white;padding:3px 5px}.tile-copy{display:block;padding:10px 6px 7px}.tile-copy b{display:block;font-size:17px;line-height:1.15;letter-spacing:-.7px}.tile-copy small{display:block;font:8px 'IBM Plex Mono';margin:8px 0}.tile-copy i{display:block;font:9px 'IBM Plex Mono';border-top:1px dashed #17132266;padding-top:7px}.home-extras{display:grid;grid-template-columns:1fr 1.2fr .9fr .8fr;gap:24px;padding:35px 40px 30px;background:#3d21a4;background-image:radial-gradient(#b08dfc 1px,transparent 1px);background-size:13px 13px;border-top:10px solid transparent;border-image:repeating-linear-gradient(45deg,#171322 0 10px,#e8ff3e 10px 20px) 10}.home-extras>button{min-height:175px;transition:transform .3s}.home-extras>button:hover{transform:rotate(0) translateY(-8px)}.post-it{background:#e9ff43;border:1px solid black;text-align:left;box-shadow:5px 6px black;padding:18px;transform:rotate(-5deg);position:relative}.post-it:before,.paper-note:before{content:'';width:65px;height:23px;background:#d5d3c6bb;position:absolute;top:-9px;left:25%;transform:rotate(10deg);border-inline:1px dashed #888}.post-it>span{font:10px 'IBM Plex Mono'}.post-it b{display:block;font:italic bold 28px/1 Georgia;margin:10px 0}.post-it small{font:10px 'IBM Plex Mono'}.mini-atlas{position:relative;background:#ff8fc4;border:2px solid black;padding:20px;text-align:left;transform:rotate(2deg);box-shadow:5px 6px black;overflow:hidden}.atlas-lines{display:block;font:55px/1 Arial;color:#e83976;letter-spacing:-6px;animation:atlasflow 7s ease-in-out infinite alternate;animation-play-state:var(--motion)}@keyframes atlasflow{to{translate:18px 0}}.mini-atlas b{display:block;font:bold 22px/1 Arial;letter-spacing:-1px;margin:10px 0}.mini-atlas>span:last-child{font:9px 'IBM Plex Mono'}.archive-object{background:none;border:0;color:#fff;position:relative}.archive-object img{width:128px;height:128px;border-radius:50%;margin:auto;mix-blend-mode:screen}.archive-object span{font:10px 'IBM Plex Mono';background:var(--ink);display:inline-block;padding:5px;transform:rotate(-4deg)}.home-photo{background:#fff1d2;padding:7px;border:1px solid black;transform:rotate(7deg);box-shadow:5px 5px black}.home-photo img{height:135px}.home-photo span{display:block;font:italic 16px Georgia;padding:7px}.home-foot{background:var(--lime);border-top:2px solid black}.places-heading{background:#fc82b7;padding:25px 30px 13px}.places-heading h1{font-size:58px;margin:14px 0 0;transform:rotate(-2deg);text-shadow:2px 2px #ffeccc}.places-heading .hand-label{color:var(--ink);background:#eaff51;font-size:14px;padding:3px 6px}.map-flower{color:var(--blue)}#places{background:#ffd5ad;padding-bottom:25px}.map-tools{display:flex;align-items:center;gap:10px;padding:16px 30px;background:#fc82b7;flex-wrap:wrap}.map-tools>label{display:flex;align-items:center;background:#fff6dc;border:1px solid black;box-shadow:3px 3px black;padding:0 10px;flex:1;min-width:220px;max-width:350px}.map-tools label>span{font-size:23px}.map-tools input{border:0;background:none;padding:10px;width:100%;outline:0;font-size:13px}.map-tools button{padding:10px 12px;background:#e6ff40;border:1px solid black;box-shadow:3px 3px black;font:10px 'IBM Plex Mono'}.map-tools button[aria-pressed=true]{background:var(--blue);color:white}.map-status{font:9px 'IBM Plex Mono';margin-left:auto;max-width:175px}.map-wrap{height:500px;min-height:0;margin:0 30px;border:2px solid var(--ink);box-shadow:6px 6px var(--ink);background:#e4e9cb}#area-map{position:absolute;inset:0;height:100%;width:100%;background:#dfe5ca}.leaflet-container{font-family:'IBM Plex Mono',monospace}.leaflet-tile-pane{filter:saturate(.65) sepia(.15)}.map-paper{position:absolute;left:57px;top:16px;z-index:600;pointer-events:none;background:#fff3cb;padding:10px 16px;box-shadow:3px 3px #23192e40;transform:rotate(-3deg);border:1px solid var(--ink)}.map-paper>span{font:8px 'IBM Plex Mono';letter-spacing:1px}.map-paper b{display:block;font:bold italic 23px Georgia}.map-paper small{font:9px 'IBM Plex Mono'}.map-key{position:absolute;bottom:22px;left:14px;z-index:600;background:#fff4d8;padding:8px;font:9px 'IBM Plex Mono';border:1px solid black;pointer-events:none}.map-key i{display:inline-block;width:9px;height:9px;background:#fe5bba;border-radius:50%}.map-key>span{margin-left:10px;font-size:13px}.area-map-marker{border:0;background:none}.map-marker-inner{display:flex;flex-direction:column;align-items:center;filter:drop-shadow(2px 3px 0 #23192e70);transition:scale .25s;animation:markerarrival .7s both;animation-play-state:var(--motion)}.map-marker-inner:hover{scale:1.1}.map-marker-inner>span{display:grid;place-items:center;width:40px;height:38px;background:var(--pin,#fb74ae);border:2px solid #211728;font:bold 28px Georgia;transform:rotate(-5deg);clip-path:polygon(0 0,100% 0,100% 88%,57% 88%,50% 100%,43% 88%,0 88%)}.map-marker-inner b{font:9px 'IBM Plex Mono';background:#fff7dc;padding:4px 6px;border:1px solid black;white-space:nowrap}.map-marker-inner img{width:53px;height:35px;border:2px solid white}.cluster-bubble{background:#222beb;border:3px solid white;border-radius:50%;color:#eaff43;box-shadow:0 0 0 2px black,4px 5px #21172855;display:flex;align-items:center;justify-content:center;font:bold 16px 'IBM Plex Mono';position:relative}.cluster-bubble:after{content:'✦';position:absolute;right:-11px;top:-10px;font-size:23px;color:#ef2f94;text-shadow:1px 1px white;animation:starspin 12s linear infinite;animation-play-state:var(--motion)}.find-marker{background:#ebff48;border:1px solid black;border-radius:50%;font:bold 16px Georgia;text-align:center;box-shadow:2px 2px black}.leaflet-popup-content-wrapper{border-radius:0;border:2px solid black;background:#fff3c9;box-shadow:5px 5px var(--pink)}.leaflet-popup-content b{font:18px 'Space Grotesk';display:block;margin-bottom:7px}.leaflet-popup-content p{font:10px 'IBM Plex Mono';line-height:1.5}.leaflet-popup-content button{display:block;background:#203cff;color:white;border:1px solid black;padding:8px 12px;font:11px 'IBM Plex Mono'}.area-directory-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:34px 32px 15px}.area-directory-head h2{font:italic bold 27px Georgia;margin:0}.area-directory-head>span{font:9px 'IBM Plex Mono'}#area-directory{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;padding:0 30px}.directory-card{min-height:170px;background:var(--card,#eee);border:1px solid black;padding:12px;text-align:left;box-shadow:4px 4px black;transition:transform .3s;position:relative;overflow:hidden}.directory-card:hover{transform:translateY(-5px) rotate(-2deg)}.directory-card .area-symbol{position:absolute;right:8px;top:4px;font:65px Georgia;opacity:.6;animation:bob 6s ease-in-out infinite;animation-play-state:var(--motion)}.directory-card img{height:73px;width:70%;border:3px solid #fff8d9;transform:rotate(-5deg);margin-bottom:5px;position:relative}.directory-card small{display:block;font:8px 'IBM Plex Mono';position:relative}.directory-card strong{display:block;font:bold 19px/1.1 'Space Grotesk';letter-spacing:-.8px;margin:12px 0 7px;position:relative;max-width:90%}.directory-card .directory-action{font:10px 'IBM Plex Mono';text-decoration:underline}.map-footnote{font:9px/1.6 'IBM Plex Mono';margin:20px 30px 0;max-width:750px}.directory-empty{grid-column:1/-1;padding:25px;background:#fff4d0}@keyframes markerarrival{from{opacity:0;translate:0 -12px}to{opacity:1;translate:0 0}}#roll{background-color:#3737bf;background-image:radial-gradient(#9690ff 1px,transparent 1px);background-size:13px 13px;padding:32px;color:#fff}.roll-heading{margin-bottom:21px;position:relative}.roll-heading>span{background:#e8ff40;color:var(--ink);box-shadow:3px 3px black;display:inline-block;transform:rotate(-2deg)}.roll-heading h1{font:bold italic 80px/.95 Georgia;color:#ffa1ca;text-shadow:3px 3px #191326;letter-spacing:-5px;margin:20px 0 15px}.roll-heading h1 span{color:#e8ff3f}.roll-heading p{font:11px 'IBM Plex Mono'}.collection-tools{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:32px}.collection-tools button{background:#e8e3f1;border:1px solid black;box-shadow:3px 3px black;padding:8px 12px;font:10px 'IBM Plex Mono';color:var(--ink);transition:transform .2s}.collection-tools button:hover{transform:translateY(-3px)}.collection-tools button[aria-pressed=true]{background:#edff3f;transform:rotate(-3deg)}#shuffle-scraps{margin-left:auto;background:#ff88bb}.keepsake-wall{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 22px;align-items:start;padding:8px 8px 20px}.keepsake{border:1px solid #171322;box-shadow:5px 6px #171322;color:var(--ink);padding:14px;text-align:left;transform:rotate(-3deg);transition:transform .35s,box-shadow .35s;position:relative;min-width:0}.keepsake:nth-child(2n){transform:rotate(3deg);margin-top:17px}.keepsake:nth-child(3n){transform:rotate(-1deg)}.keepsake:hover{transform:rotate(0) translateY(-9px);z-index:2;box-shadow:8px 12px #171322}.keepsake b{display:block;font:bold italic 24px/1.04 Georgia;margin:12px 0 9px;letter-spacing:-.6px}.keepsake small{display:block;font:9px/1.6 'IBM Plex Mono'}.keepsake p{font:12px/1.7 'Space Grotesk'}.scrap-type{display:block;font:8px 'IBM Plex Mono';letter-spacing:.4px;margin-top:12px}.paper-photo{background:#fff2d0;padding:8px 8px 14px}.paper-photo img{height:155px}.paper-photo span,.paper-photo b,.paper-photo small{margin-left:6px}.paper-note{background:#e7ff57;padding:21px 17px;background-image:repeating-linear-gradient(transparent 0 24px,#12271818 24px 25px);min-height:269px}.paper-note b{font-size:30px}.scribble{font:italic 20px Georgia;display:block;transform:rotate(-7deg);text-decoration:underline;margin-top:18px}.paper-view{background:#ff9762;padding:8px 8px 17px}.paper-view img{height:115px}.paper-view b,.paper-view span,.paper-view small{margin-left:6px}.paper-find{background:#c8b9ff;min-height:260px}.big-doodle{font:65px/1 Arial;display:block;margin:10px 0 -20px;text-align:right;color:#d52681;animation:starspin 25s linear infinite;animation-play-state:var(--motion)}.pink-photo{background:#ff9bd0}.pink-photo img{height:175px}.paper-ticket{background:#f8cb8c;border-block:2px dashed #9c5a32;min-height:257px}.ticket-years{font:bold 11px 'IBM Plex Mono';padding:9px 0;border-block:1px solid #b68e59}.night-photo{background:#b4dfce}.paper-web{background:#e8e2d5;text-align:center}.paper-web img{width:145px;height:145px;border-radius:50%;margin:12px auto;mix-blend-mode:multiply}.paper-web b{font-size:21px}.roll-caption{color:#ddd5ff}.site-footer{background:#171322;color:#f4eee8}.site-footer button{color:#e8ff3f}#story-dialog{width:min(590px,90vw);padding:35px;background:#e8ff65}#story-content>span{font:10px 'IBM Plex Mono';background:#ff9fcc;padding:5px 8px}#story-content h2{font:bold italic 42px/.95 Georgia;letter-spacing:-2px;margin:22px 0}#story-content p{font-size:14px;line-height:1.8}#story-content img{width:180px;border-radius:50%;margin:20px auto}#story-content button{background:var(--blue);border:1px solid black;color:white;padding:11px 14px;box-shadow:4px 4px black}#story-content a{font:11px 'IBM Plex Mono'}.punk-strip{background:#171322;color:#eaff3d;font:11px 'IBM Plex Mono';padding:11px 15px;display:flex;justify-content:space-around;gap:20px;overflow:hidden;white-space:nowrap}.sticker-rack{background:#ff6baa;border-block:2px solid black;display:flex;justify-content:center;align-items:center;gap:24px;padding:22px 20px;flex-wrap:wrap;background-image:repeating-linear-gradient(90deg,transparent 0 35px,#ffffff12 35px 36px)}.sticker-rack button{padding:12px 18px;border:2px solid black;background:#eaff40;font:bold 13px/1 Arial;box-shadow:4px 4px black;transform:rotate(-4deg);transition:transform .3s}.sticker-rack button:nth-child(2n){background:#ede7fe;transform:rotate(5deg);border-radius:50%}.sticker-rack button:nth-child(3n){background:#213bec;color:white}.sticker-rack button:hover{transform:rotate(0) scale(1.1)}.sticker-rack button small{display:block;font:8px 'IBM Plex Mono';margin-top:5px}.punk-sticker{position:absolute;z-index:3;font:bold 11px/1 Arial;border:1px solid black;background:#ff55b5;padding:5px 9px;transform:rotate(11deg);box-shadow:2px 2px black;pointer-events:none}.sticker-a{left:47%;bottom:14px;background:#eaff38}.sticker-b{left:4%;top:35px;background:#fff2d7;font:9px 'IBM Plex Mono';transform:rotate(1deg)}.sticker-c{right:33%;top:43px;transform:rotate(7deg);background:#2127dc;color:white}.checker-edge{height:12px;background:repeating-conic-gradient(#171322 0 25%,#ede9d8 0 50%) 0/12px 12px}.motion-off .archive-disc{visibility:hidden}.motion-off .archive-object:before,.motion-off .paper-web:before{content:'✳';font-size:60px;color:#edff4a;position:absolute;top:40px;left:35%}.motion-off *{transition:none!important}
@media(min-width:1400px){.new-collage{height:340px}.tile-picture{height:190px}}
@media(max-width:1000px){.new-collage .welcome h1{font-size:84px;letter-spacing:-7px}.new-collage .welcome h1 em{letter-spacing:-6px}.title-spark{display:none}.new-collage .cd-object{right:15%;scale:.73;top:60px}.new-collage .welcome{left:4%}.new-collage .welcome p{max-width:350px;font-size:10px}.new-collage .star-a{left:58%;font-size:70px}.home-stamp{right:19%;font-size:7px}.tile-picture{height:130px}.tile-copy b{font-size:16px}.journey-tile .window-bar{font-size:7px}.journey-tile .window-bar>span:last-child{display:none}.home-extras{gap:17px;padding:30px 24px}.post-it b{font-size:24px}.home-extras>button{min-height:165px}.archive-object img{width:110px;height:110px}.mini-atlas b{font-size:20px}.keepsake-wall{grid-template-columns:repeat(3,minmax(0,1fr))}.sticker-c{right:31%}}
@media(max-width:760px){.new-collage{height:285px}.new-collage .welcome h1{font-size:72px}.new-collage .welcome h1 em{letter-spacing:-5px}.new-collage .cd-object{right:3%;scale:.57;top:85px;transform-origin:right top}.new-collage .burst{display:none}.new-collage .world-object{right:2%;bottom:12px;scale:.8;transform-origin:right bottom}.new-collage .star-a{display:none}.new-collage .welcome p{max-width:300px;line-height:1.5}.home-stamp{right:25%;bottom:18px}.new-collage .orbit{display:none}.sticker-c{right:4%;top:40px;font-size:8px}.sticker-a{left:5%;bottom:18px;font-size:9px}.home-films{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 17px}.tile-picture{height:170px}.journey-tile .window-bar{font-size:9px}.journey-tile .window-bar>span:last-child{display:inline}.tile-copy b{font-size:21px}.tile-copy small{font-size:9px}.journey-shelf{padding:23px}.shelf-heading h2{font-size:23px}.shelf-heading>span{max-width:145px;font-size:8px}.home-extras{grid-template-columns:1fr 1fr;gap:25px}.home-extras>button{min-height:190px}.home-photo img{height:155px}.archive-object img{width:145px;height:145px}.new-collage .welcome{top:77px}.places-heading h1{font-size:45px;letter-spacing:-3px}.map-wrap{margin:0 20px;height:440px}.map-tools{padding:16px 20px}.map-status{max-width:none;margin:5px 0;width:100%}#area-directory{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 20px}.area-directory-head{padding:28px 22px 20px}.area-directory-head h2{font-size:23px}.area-directory-head>span{max-width:115px;font-size:8px}.keepsake-wall{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 18px}.roll-heading h1{font-size:66px}.sticker-rack{gap:18px;padding:20px 15px}.sticker-rack button{font-size:11px;padding:10px}.punk-strip{font-size:9px;justify-content:start}#shuffle-scraps{margin-left:0}}
@media(max-width:450px){.new-collage{height:270px}.new-collage .welcome h1{font-size:62px;letter-spacing:-5px}.new-collage .welcome h1 em{letter-spacing:-5px}.new-collage .welcome{top:68px}.new-collage .welcome>span{font-size:8px}.new-collage .welcome p{font-size:9px;max-width:246px;margin-top:15px}.new-collage .cd-object{top:156px;right:29%;scale:.32}.home-stamp{display:none}.new-collage .world-object{scale:.65;bottom:5px}.sticker-a{bottom:20px;font-size:8px}.new-collage .welcome h1{margin-top:20px}.journey-shelf{padding:20px 16px 26px}.shelf-heading{align-items:start}.shelf-heading h2{font-size:20px;max-width:205px}.shelf-heading>span{max-width:88px;line-height:1.5;font-size:7px}.tile-picture{height:122px}.tile-copy b{font-size:17px}.tile-copy small{font-size:8px;line-height:1.4}.journey-tile .window-bar{font-size:7px}.journey-tile .window-bar>span:last-child{display:none}.tile-play{width:35px;height:35px;font-size:12px}.tile-copy{padding:9px 3px 5px}.home-extras{padding:25px 18px;gap:24px 15px}.post-it{padding:14px}.post-it b{font-size:24px}.post-it small{font-size:8px}.mini-atlas{padding:13px}.mini-atlas b{font-size:23px}.home-extras>button{min-height:175px}.archive-object img{width:125px;height:125px}.home-photo img{height:130px}.map-paper{left:53px;top:10px;padding:7px 10px}.map-paper b{font-size:19px}.map-paper small{display:none}.map-wrap{margin:0 15px;height:400px}.places-heading{padding:23px 18px 5px}.places-heading h1{font-size:39px;letter-spacing:-2px}.places-heading .hand-label{font-size:11px}.map-tools{padding:14px 15px}.map-tools>label{max-width:none;flex-basis:100%}.map-tools button{font-size:9px}.map-flower{font-size:55px}.map-key{font-size:8px}#area-directory{padding:0 15px;gap:15px}.directory-card{min-height:161px}.directory-card strong{font-size:18px}.directory-card small{font-size:7px}.directory-card .area-symbol{font-size:49px}.area-directory-head{padding:28px 17px 18px}.area-directory-head h2{max-width:200px}#roll{padding:25px 18px}.roll-heading h1{font-size:56px;letter-spacing:-3px}.roll-heading h1 span{font-size:40px}.roll-heading p{font-size:10px;max-width:280px;line-height:1.5}.collection-tools{gap:9px}.collection-tools button{padding:8px;font-size:9px}.keepsake-wall{gap:24px 15px;padding:3px}.keepsake{padding:10px}.paper-photo{padding:6px 6px 10px}.paper-photo img{height:125px}.paper-view img{height:95px}.keepsake b{font-size:22px}.keepsake p{font-size:11px}.keepsake small{font-size:8px}.scrap-type{font-size:7px;line-height:1.5}.paper-note{min-height:256px;padding:18px 11px}.paper-note b{font-size:25px}.paper-web img{width:100px;height:100px}.paper-ticket{min-height:265px}.ticket-years{font-size:8px}.sticker-rack{gap:18px 12px}.sticker-rack button{font-size:10px}.sticker-rack button small{font-size:7px}}
@media(prefers-reduced-motion:reduce){.archive-disc{visibility:hidden}.archive-object:before,.paper-web:before{content:'✳';font-size:60px;color:#edff4a;position:absolute;top:40px;left:35%}}
.new-collage{background:radial-gradient(ellipse at 80% 60%,#ff8cce 0,transparent 40%),linear-gradient(113deg,#c6e7bf 15%,#b4abff 55%,#ff8047)}.new-collage .welcome>span{clip-path:polygon(1% 0,100% 3%,99% 92%,97% 100%,0 96%)}.journey-shelf{border-bottom:2px solid black}.tile-picture:after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--lime);transform:scaleX(0);transform-origin:left;transition:transform 2.5s linear}.journey-tile:hover .tile-picture:after{transform:scaleX(1)}.punk-orbit{position:absolute;bottom:13px;left:38%;font:50px/1 Georgia;color:#d81871;transform:rotate(10deg);pointer-events:none}.punk-orbit span{font-size:24px;color:#e8ff31;position:absolute;top:12px;left:53px;animation:bob 3s infinite;animation-play-state:var(--motion)}.punk-orbit b{font-size:16px;color:#2033e8;position:absolute;top:-6px;left:39px}.noticeboard{background:#171322;color:#ff75b7;padding:29px 35px 40px;border-top:2px solid #e9ff46;background-image:radial-gradient(#ddd2fc19 .7px,transparent .7px);background-size:4px 4px}.noticeboard-title{display:flex;align-items:center;gap:25px;margin-bottom:24px}.noticeboard-title>span{font:9px 'IBM Plex Mono';padding:5px 9px;background:#e6ff44;color:black;transform:rotate(-7deg)}.noticeboard-title h2{font:bold italic 37px/.9 Georgia;margin:0;letter-spacing:-1.5px}.noticeboard-title small{font:9px 'IBM Plex Mono';color:#eee3d5;margin-left:auto}.noticeboard-items{display:grid;grid-template-columns:1fr 1.25fr .85fr;gap:30px;align-items:center}.readme-window{background:#c6c7ce;border:2px outset #f5f5fc;transform:rotate(-3deg);padding:3px;box-shadow:7px 7px #ed5294;color:#111}.readme-body{background:#f7f3df;padding:18px 15px}.readme-body>b{font:bold 25px/1 Arial;letter-spacing:-1px;display:block}.readme-body p{font:10px/1.8 'IBM Plex Mono'}.readme-body button{background:#d7f654;padding:6px 8px;border:1px solid black;font:10px 'IBM Plex Mono'}.blinking-cursor{float:right;color:#213eeb;animation:cursorblink 1.2s steps(2,end) infinite;animation-play-state:var(--motion)}@keyframes cursorblink{50%{opacity:0}}.sticker-play{text-align:center}.sticker-board{height:187px;background:#e8e4da;color:#171322;border:2px solid black;box-shadow:4px 4px #e8ff4a;position:relative;overflow:hidden;transform:rotate(1deg);background-image:repeating-linear-gradient(0deg,transparent 0 15px,#2925230b 15px 16px)}.sticker-board>span{position:absolute;font:bold 35px/.8 Arial;letter-spacing:-2px;transform:rotate(-6deg);top:30px;left:15px;color:#999085;text-align:left}.board-star{position:absolute;right:12px;top:19px;font:100px/1 Georgia;color:#2542ea;transform:rotate(12deg)}.sticker-controls{display:flex;justify-content:center;gap:8px;margin-top:17px}.sticker-controls button{background:#fe94c9;border:1px solid white;box-shadow:2px 2px #625680;min-width:32px;height:30px;font:bold 14px Arial;color:#171322}.sticker-controls button:nth-child(2n){background:#e8ff4f}.sticker-controls #clear-stickers{font:9px 'IBM Plex Mono';background:none;color:white;min-width:55px}.sticker-play>small{font:8px 'IBM Plex Mono';color:#e5daff;display:block;margin-top:10px}.placed-sticker{position:absolute;padding:6px 10px;background:var(--sticker-color);color:#111;border:2px solid black;border-radius:40%;font:bold 24px Arial;box-shadow:3px 3px black;transform:rotate(var(--rot));animation:stickerpop .3s both;pointer-events:none}@keyframes stickerpop{from{scale:1.6;opacity:0}to{scale:1;opacity:1}}.contact-strip{background:#fa74b9;padding:12px;border:2px solid #111;transform:rotate(5deg);box-shadow:5px 5px #dbc2e9;color:#171322;text-align:left;transition:transform .3s}.contact-strip:hover{transform:rotate(0) translateY(-5px)}.contact-strip>span{font:9px 'IBM Plex Mono'}.contact-strip>div{display:flex;gap:5px;margin:11px 0;border-block:7px dotted #171322;padding-block:4px}.contact-strip img{width:calc((100% - 10px)/3);height:105px;object-fit:cover}.contact-strip b{font:bold italic 24px/1 Georgia;letter-spacing:-.5px}.map-compass{position:absolute;bottom:40px;right:25px;z-index:600;font:65px/1 Georgia;color:#263ae5;pointer-events:none;text-shadow:1px 1px white,-1px -1px white}.map-compass span{display:block;font:bold 13px 'IBM Plex Mono';text-align:center}.map-wrap:after{content:'';position:absolute;right:20px;top:-8px;width:95px;height:28px;background:#eaff4288;transform:rotate(9deg);z-index:600;pointer-events:none;border-inline:2px dashed #799225}.directory-card:before{content:'';position:absolute;top:0;left:0;right:0;height:5px;background:repeating-conic-gradient(#171322 0 25%,transparent 0 50%) 0/10px 10px}.paper-ticket{clip-path:polygon(0 0,100% 1%,98% 8%,100% 15%,98% 22%,100% 30%,98% 38%,100% 46%,98% 54%,100% 62%,98% 70%,100% 78%,98% 87%,100% 99%,0 100%,2% 91%,0 81%,2% 72%,0 62%,2% 52%,0 41%,2% 31%,0 21%,2% 11%)}
@media(max-width:760px){.noticeboard{padding:28px 22px}.noticeboard-title{flex-wrap:wrap;gap:15px}.noticeboard-title h2{font-size:31px}.noticeboard-title small{margin-left:0;width:100%}.noticeboard-items{grid-template-columns:1fr 1fr;gap:28px}.contact-strip{grid-column:1/-1;max-width:360px;justify-self:center;transform:rotate(2deg)}.contact-strip img{height:85px}.punk-orbit{display:none}.readme-body>b{font-size:22px}.sticker-board>span{font-size:28px}.board-star{font-size:70px}}
@media(max-width:450px){.noticeboard-items{grid-template-columns:1fr}.readme-window{max-width:310px;width:100%;justify-self:center}.contact-strip{grid-column:auto;max-width:300px}.sticker-play{margin-top:9px}.noticeboard-title h2{font-size:34px}.sticker-board{height:190px}.sticker-board>span{font-size:39px}.board-star{font-size:100px}.sticker-controls{margin-top:20px}.contact-strip img{height:120px}}