:root{font-family:Helvetica Neue,Segoe UI,sans-serif;color:#353936;background:#e6e0d6;font-synthesis:none;font-weight:300;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:2px solid #8c764e;outline-offset:7px}button:hover{background:#ffffff72}button:active{transform:scale(.94)}.experience{height:100svh;min-height:580px;width:100%;overflow:hidden;position:relative;isolation:isolate}.scene-wrap{position:absolute;inset:0;touch-action:none;cursor:none}.scene{width:100%;height:100%;display:block}.vector-fallback{position:absolute;inset:0;width:100%;height:100%;background:#e8e1d6;pointer-events:none}.masthead{position:absolute;top:36px;left:50%;transform:translate(-50%);text-align:center;white-space:nowrap;pointer-events:none}.masthead h1{margin:0;font-size:24px;font-weight:300;letter-spacing:.27em;padding-left:.27em}.round{width:49px;height:49px;border:1px solid #8a877b66;border-radius:50%;background:#f5f1e62b;display:grid;place-items:center;transition:background .2s,transform .25s;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.round svg{width:23px;height:23px}.back,.sound{position:absolute;top:30px}.back{left:38px}.sound{right:38px}.drawing-info{position:absolute;right:44px;top:133px;width:104px;pointer-events:none;text-align:right}.step-count{font-size:11px;letter-spacing:.17em;color:#656b61}.progress-track{height:2px;border-radius:4px;background:#7b7a6d30;margin-top:12px}.progress-track span{display:block;background:#4c5553;height:100%;border-radius:4px;transition:width .4s}.ritual-controls{position:absolute;bottom:30px;left:38px;pointer-events:none}.ritual-controls button{pointer-events:auto}.invitation{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.primary{border:1px solid #8b8b7855;background:#e4e2d560;padding:14px 23px;font-size:12px;letter-spacing:.06em;transition:.2s;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.primary span{margin-left:22px;color:#7b795c}.experiment .invitation,.experiment .ritual-controls,.experiment .drawing-info{display:none}.pen-present .scene-wrap{cursor:none}.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}@media(min-aspect-ratio:17/10){.drawing-info{right:6vw;top:30%}.masthead{top:28px}.ritual-controls{bottom:24px}}@media(max-width:700px){.masthead{top:30px}.masthead h1{font-size:17px;letter-spacing:.15em}.back,.sound{top:24px}.back{left:20px}.sound{right:20px}.round{width:40px;height:40px}.round svg{width:20px;height:20px}.drawing-info{top:97px;left:50%;right:auto;transform:translate(-50%);width:86px;text-align:center}.step-count{font-size:9px}.progress-track{margin-top:9px}.ritual-controls{left:20px;bottom:24px}.invitation{top:50%}.primary{font-size:11px;padding:12px 20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.intro-dialog{width:min(390px,calc(100vw - 40px));border:1px solid #bdb7a7;padding:38px 36px 32px;background:#f6f2e9;color:#3e4542;box-shadow:0 18px 70px #3b352a2b;text-align:center;overflow:visible}.intro-dialog::backdrop{background:#302b211f;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.intro-dialog h2{font-family:Georgia,serif;font-size:27px;letter-spacing:-.025em;font-weight:400;margin:0 0 20px}.intro-dialog p{font-size:14px;font-weight:350;line-height:1.75;color:#77796f;margin:0 0 27px}.intro-dialog .primary,.invitation .primary{background:#424b46;color:#f9f6ee;border-color:#424b46;min-height:47px;min-width:185px;-webkit-backdrop-filter:none;backdrop-filter:none;font-size:13px}.intro-dialog .primary:hover,.invitation .primary:hover{background:#536059}.intro-dialog .primary span,.invitation .primary span{color:#ded9c7}.intro-dialog button:focus-visible{outline-offset:4px}@media(max-width:700px){.intro-dialog{padding:32px 25px 27px}.intro-dialog h2{font-size:25px}.intro-dialog p{font-size:13px}}.drawing-info{inset:auto auto 43px 104px;text-align:left;width:104px;transform:none}.reveal .drawing-info{display:none}.attribution{position:absolute;right:38px;bottom:43px;font-size:11px;letter-spacing:.03em;color:#6a6c61}.attribution a{color:inherit;text-underline-offset:3px;cursor:pointer}.attribution a:hover{color:#333e38}.share-drawing{position:absolute;bottom:80px;left:50%;transform:translate(-50%);z-index:3}.share-control{min-height:43px;border:1px solid #8a877b66;background:#f5f1e670;padding:10px 19px;font-size:12px;letter-spacing:.04em}.share-menu{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%);min-width:190px;background:#f6f2e9;border:1px solid #bdb7a7;box-shadow:0 5px 30px #3b352a20;padding:10px}.share-menu button,.share-menu a{display:block;width:100%;padding:10px 12px;text-decoration:none;text-align:left;border:0;background:transparent;color:#424b46;font-size:12px;cursor:pointer}.share-menu button:hover,.share-menu a:hover{background:#e6e0d6}.share-menu p{font-size:11px;line-height:1.5;color:#77796f;margin:7px 12px}.share-drawing a:focus-visible{outline:2px solid #8c764e;outline-offset:2px}@media(max-width:700px){.drawing-info{top:auto;left:77px;bottom:36px;width:86px;transform:none;text-align:left}.attribution{right:20px;bottom:37px;font-size:10px}.share-drawing{bottom:88px}.share-control{min-height:40px;padding:9px 14px;font-size:11px}}.attribution{background:#f6f2e9bd;padding:6px 9px;color:#555d52;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.attribution a{font-weight:450}.share-menu [role=status]{color:#665537}