@font-face{font-family:los pencil;src:url(/assets/los-pencil.ttf)format("truetype");font-style:normal;font-weight:400;font-display:swap}:root{--ink:#141117;--purple:#7e3dc1;--red:#a64354;--hand:"los pencil", "Comic Sans MS", cursive;--cut:polygon(1% 1%, 27% 2%, 53% 0%, 80% 1%, 98% 4%, 100% 34%, 99% 74%, 99% 98%, 70% 97%, 48% 100%, 25% 98%, 1% 99%, 0% 55%)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);font:400 26px/1.17 var(--hand);background:#fff;margin:0}button,a{color:inherit}h1,h2,p,figure{margin:0;font-weight:400}a{text-decoration:none}img{max-width:100%;display:block}button{font:inherit;cursor:pointer}button:disabled{cursor:wait;opacity:.62}:is(a:focus-visible,button:focus-visible,video:focus-visible){outline:3px solid var(--purple);outline-offset:4px}.shell{width:min(1110px,100% - 64px);margin-inline:auto}.purple{color:var(--purple)}.red{color:var(--red)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.intro{grid-template-columns:.91fr 1fr;align-items:center;gap:clamp(19px,7vw,110px);padding-top:clamp(39px,7vw,94px);padding-bottom:clamp(55px,8vw,105px);display:grid}.brand{padding-left:clamp(0px,4vw,42px)}.brand h1{letter-spacing:.025em;-webkit-text-stroke:.013em currentColor;transform-origin:0;width:fit-content;font-size:clamp(122px,16vw,222px);line-height:.84;transform:rotate(-2.6deg)}.brand p{margin-top:.32em;font-size:clamp(21px,3.1vw,35px)}.opening>p{font-size:clamp(27px,3.8vw,48px);line-height:1.04}.opening nav{flex-wrap:wrap;gap:8px 13px;margin-top:22px;display:flex}.opening>.pair-note{max-width:39ch;margin-top:15px;font-size:clamp(20px,2.1vw,25px);line-height:1.2}.button{isolation:isolate;white-space:nowrap;letter-spacing:.01em;background:0 0;border:0;place-items:center;min-height:42px;padding:8px 12px 9px;font-size:24px;line-height:1.06;display:inline-grid;position:relative}.paper-button:before,.paper-button:after{content:"";z-index:-1;clip-path:var(--cut);background:var(--ink);position:absolute;inset:0}.paper-button:after{background:var(--fill,#fff);inset:2px 2px 3px}.paper-button:hover:after{background:var(--hover,#eee0fb)}.paper-button.yellow{--fill:#ffeb83;--hover:#ffdc55;transform:rotate(-.9deg)}.paper-button.lavender{--fill:#d6a7ff;--hover:#c68bff;transform:rotate(.55deg)}.builder{text-align:center;padding-bottom:43px;scroll-margin-top:22px}.builder h2{max-width:25ch;margin-inline:auto;font-size:clamp(32px,5.1vw,66px);line-height:1.04}.block-roller{--machine-width:clamp(214px, 60vw, 285px);--machine-height:calc(var(--machine-width) * 116 / 248);--figure-width:clamp(136px, 35vw, 199px);--slot-height:calc(var(--machine-height) * .57 + 22px);width:var(--machine-width);height:calc(var(--machine-height) + var(--figure-width) + 16px);isolation:isolate;margin:13px auto;position:relative}.roller-chute{inset:-46px 0 var(--slot-height);z-index:1;position:absolute;overflow:hidden}.roller-figure{width:var(--figure-width);transform-origin:50% 89%;position:absolute;bottom:0;left:44.8%;transform:translate(-50%)}.roller-case{aspect-ratio:248/116;z-index:2;pointer-events:none;position:absolute;bottom:22px;left:0;right:0}.roller-case>img{width:100%;height:100%;image-rendering:pixelated}.roller-light{opacity:0;width:3.7%;height:7.5%;position:absolute;top:67%}.roller-light.a{background:#f7bffa;left:22.8%}.roller-light.b{background:#ffe96a;left:33.6%}.roller-light.c{background:#aeffac;left:44.6%}.block-roller figcaption{color:#695879;width:69%;font-size:18px;line-height:1;position:absolute;bottom:1px;left:11%}.rolling .roller-case{animation:.18s steps(2,end) 6 rattle}.rolling .roller-figure{animation:1.24s steps(6,end) both roll-out}.rolling .roller-light{animation:.26s step-end 4 block-blink}.rolling .roller-light.b{animation-delay:60ms}.rolling .roller-light.c{animation-delay:.13s}.block-sparks{z-index:3;pointer-events:none;width:0;height:0;position:absolute;top:51%;left:45%}.block-sparks i{--dx:-98px;--dy:-67px;opacity:0;background:#ffd765;border:1px solid #30223a;width:7px;height:7px;animation:.62s steps(5,end) .58s both spark;position:absolute}.block-sparks i:nth-child(2){--dx:-55px;--dy:-98px;background:#cb9cf5;animation-delay:.66s}.block-sparks i:nth-child(3){--dx:-26px;--dy:-72px;background:#a8db9e}.block-sparks i:nth-child(4){--dx:48px;--dy:-94px;background:#ffc4dc;animation-delay:.65s}.block-sparks i:nth-child(5){--dx:90px;--dy:-64px;background:#c6a5ff}.block-sparks i:nth-child(6){--dx:114px;--dy:-28px;background:#f5d978;animation-delay:.63s}@keyframes rattle{0%,to{transform:translate(0)rotate(0)}30%{transform:translate(-2px,1px)rotate(-1.1deg)}70%{transform:translate(2px,-1px)rotate(.8deg)}}@keyframes block-blink{0%{opacity:1}60%,to{opacity:0}}@keyframes roll-out{0%{opacity:1;transform:translate(-50%)}26%{opacity:.05;transform:translate(-50%,69%)scale(.39)}42%{opacity:.65;transform:translate(-50%,48%)scale(.52)rotate(-6deg)}61%{opacity:1;transform:translate(-50%,20%)scale(.76)rotate(7deg)}81%{opacity:1;transform:translate(-50%,-7%)scale(1.04)rotate(-3deg)}to{opacity:1;transform:translate(-50%)}}@keyframes spark{0%{opacity:0;transform:translate(0)}20%{opacity:1}75%{opacity:1}to{transform:translate(var(--dx), var(--dy)) rotate(135deg);opacity:0}}.rolled-name{font-size:31px;line-height:1.08}.traits{color:#595063;max-width:44ch;margin:5px auto 0;font-size:19px;line-height:1.17}.builder-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:16px;display:flex}.builder-actions .button{padding-inline:17px;font-size:clamp(24px,3.4vw,34px)}.problem{color:var(--red);margin-top:9px;font-size:19px}.stage{margin-top:2px}.trail{isolation:isolate;background:#f9f5ff;height:clamp(248px,39vw,505px);min-height:240px;position:relative;overflow:hidden}.trail:focus{outline:none}.trail:focus-visible{box-shadow:inset 0 0 0 3px var(--purple)}.trail-landscape{image-rendering:pixelated;background:url(/assets/los-road.png) 50%/100% 100% no-repeat;position:absolute;inset:0}.sol-crash{width:100%;height:100%;image-rendering:pixelated;pointer-events:none;position:absolute;inset:0}.road-sign{color:#2b211d;white-space:nowrap;background:#ffebae;border:2px solid #3d2c27;padding:2px 6px;font-size:clamp(14px,2vw,25px);position:absolute;top:33%;left:13%;transform:rotate(-8deg)}.road-sign:before{content:"";z-index:-1;background:#ae7c4e;border:1px solid #3d2c27;width:5px;height:25px;position:absolute;top:100%;left:43%}.road-count{background:#fff;border:1.5px solid #3d3146;padding:2px 8px;font-size:clamp(16px,2.4vw,30px);position:absolute;top:12%;right:4.5%;transform:rotate(.8deg)}.road-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 19px;margin-top:13px;display:flex}.stage-notice{font-size:clamp(17px,2.4vw,25px)}.stage-notice strong{color:var(--purple);font-weight:400}.pause{min-height:0;padding:6px 8px;font-size:19px}.mascot{aspect-ratio:404/475;width:100%;display:inline-block;position:relative}.mascot-base{image-rendering:pixelated;pointer-events:none;width:100%;height:100%;position:relative}.gear{width:var(--width);height:auto;left:var(--left);top:var(--top);image-rendering:pixelated;pointer-events:none;position:absolute}.gear-shades{--left:30%;--top:34%;--width:42%}.gear-monocle{--left:54%;--top:35%;--width:15%}.gear-tiny-crown{--left:31%;--top:8%;--width:15%}.gear-cactus-pin{--left:48%;--top:13%;--width:13%}.gear-lucky-coin{--left:74%;--top:68%;--width:15%}.gear-cold-wallet{--left:79%;--top:70%;--width:18%}.gear-moon-balloon{--left:74%;--top:47%;--width:18%}.gear-chart-flag{--left:80%;--top:54%;--width:22%}.gear-trail-map{--left:76%;--top:68%;--width:18%}.trinket{font-family:sans-serif;line-height:1;display:block;position:absolute}.trinket.flower{color:#fae1f3;filter:drop-shadow(1px 1px #442433);font-size:19px;top:14%;left:59%;transform:rotate(12deg)}.trinket.star{color:#ffed92;filter:drop-shadow(1px 1px #4c3515);font-size:15px;top:77%;left:54%;transform:rotate(14deg)}.trinket.bandana{border:1px solid var(--ink);background:#f6e164;border-radius:2px 2px 60% 25%;width:18%;height:7%;top:66%;left:40%;transform:rotate(-5deg)}.parade-walker{--avatar-size:clamp(65px, 12vw, 128px);height:calc(var(--avatar-size) * 1.17);left:100%;bottom:calc(9% + var(--lane) * 2%);animation:cross-road var(--duration) var(--phase) linear infinite;position:absolute}.parade-walker.leader{--avatar-size:clamp(75px, 13vw, 143px);z-index:6}.parade-figure{width:var(--avatar-size);height:100%;position:relative}.parade-figure .mascot{transform-origin:50% 87%;z-index:2;animation:.55s steps(3,end) infinite bob}.walker-label{z-index:4;white-space:nowrap;background:#fff;border:1.5px solid #211924;padding:1px 5px 2px;font-size:clamp(13px,1.6vw,19px);line-height:1.03;position:absolute;bottom:calc(100% + 5px);left:50%;transform:translate(-50%)rotate(-1deg)}.leader .walker-label{background:#f2d9ff}.your-walker .walker-label{-webkit-text-stroke:.022em currentColor;background:#fff38e}.limb,.limb i{transform-origin:50% 0;background:#211924;border-radius:3px;width:2%;display:block;position:absolute}.limb i{width:100%;height:86%;top:89%}.limb.arm{height:10%;top:63%}.limb.arm.left{--tilt:40deg;animation:.7s steps(4,end) infinite alternate swing;left:24%}.limb.arm.right{--tilt:-38deg;animation:.7s steps(4,end) -.7s infinite alternate-reverse swing;left:70%}.limb.arm.left i{transform:rotate(13deg)}.limb.arm.right i{transform:rotate(-12deg)}.limb.leg{height:9%;top:84%}.limb.leg.left{--tilt:13deg;animation:.56s steps(4,end) infinite alternate swing;left:36.6%}.limb.leg.right{--tilt:-15deg;animation:.56s steps(4,end) infinite alternate-reverse swing;left:57.9%}.limb.leg i{height:72%;transform:rotate(45deg)}.limb.leg.right i{transform:rotate(-43deg)}.paused .parade-walker,.paused .parade-figure .mascot,.paused .limb{animation-play-state:paused}@keyframes cross-road{0%{left:104%;bottom:calc(5% + var(--lane) * 2%)}to{left:-15%;bottom:calc(43% + var(--lane) * 2%)}}@keyframes bob{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-2.5%)rotate(2deg)}}@keyframes swing{0%{transform:rotate(calc(var(--tilt) - 18deg))}to{transform:rotate(calc(var(--tilt) + 18deg))}}.story{text-align:center;padding:80px 0 65px}.story h2{font-size:clamp(39px,7.2vw,86px);line-height:1}.story>p{max-width:36ch;margin:13px auto 27px;font-size:clamp(22px,3vw,34px)}.site-footer{text-align:center;padding:0 20px 25px;font-size:20px}.site-footer a:hover{color:var(--purple)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.paused .parade-walker{left:var(--still);bottom:calc(25% + var(--lane) * 2%);animation:none}.paused .parade-figure .mascot,.paused .limb{animation:none}}@media (max-width:660px){.shell{width:calc(100% - 35px)}.intro{text-align:center;grid-template-columns:1fr;gap:23px;padding-top:30px;padding-bottom:47px}.brand{padding:0}.brand h1{transform-origin:50%;margin-inline:auto;font-size:127px}.brand p{margin-top:8px}.opening>p{font-size:31px}.opening nav{justify-content:center;margin-top:15px}.opening>.pair-note{margin-inline:auto}.button{font-size:22px}.builder{padding-bottom:33px}.builder h2{max-width:19ch;font-size:37px}.rolled-name{font-size:28px}.road-count{top:8%}.story{padding:50px 0 38px}}.story-film{width:min(100%,760px);margin:0 auto}.story-film video{aspect-ratio:16/9;border:1.5px solid var(--ink);background:#fffdfa;width:100%;height:auto;display:block}.story-film figcaption{margin-top:9px;font-size:24px}.story .film-credit{color:#62546a;margin:5px auto 0;font-size:17px}.film-credit a{text-underline-offset:.15em;text-decoration:underline}.contract-note{max-width:26rem;margin-top:12px}.contract-row{justify-content:space-between;align-items:center;gap:9px;display:flex}.contract-row>span{color:var(--purple);font-size:20px}.contract-row .button{min-height:27px;padding:5px 8px 6px;font-size:18px}.contract-note code{overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;margin-top:6px;font:12px/1.45 IBM Plex Mono,ui-monospace,monospace;display:block}.copy-status{min-height:1.2em;color:var(--purple);margin-top:4px;font-size:16px}@media (max-width:660px){.contract-note{margin-inline:auto}.contract-row{justify-content:center}}