html{scroll-behavior:smooth}body,html{overflow:hidden;margin:0;padding:0;width:100%;height:100%;background-color:#fff;color:#555;font-family:Arial,sans-serif;font-size:12px;cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M8 3C8.5 2 10 0 12 0C14 0 16 1.5 16 4C16 6 15 7.5 12 10C10.5 11.5 9 13 8 15C7 13 5.5 11.5 4 10C1 7.5 0 6 0 4C0 1.5 2 0 4 0C6 0 7.5 2 8 3Z" fill="black" stroke="white" stroke-width="1"/></svg>') 8 8,auto}html.mobile-view,body.mobile-view{overflow-y:auto!important;height:auto!important;-webkit-overflow-scrolling:touch}html.playground-visible,body.playground-visible{overflow:hidden!important;height:100%!important}#main-view{width:100%;height:100vh;position:relative}#image-container{position:absolute;top:0;left:0;right:0;bottom:50px;overflow:hidden;width:100%;height:100%}#mobile-hint{display:none}@media (max-width: 768px){body:not(.about-visible):not(.playground-visible) #mobile-hint{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:120;padding:10px 14px;color:#111;background:#ffffffbf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:8px;font-size:16px;text-align:center;user-select:none;-webkit-user-select:none;pointer-events:none}}.spawned-image{position:absolute;width:450px;height:auto;box-shadow:2px 2px 5px #0003;will-change:transform,left,top;transform:translate(-50%,-50%);pointer-events:none;transition:left .5s ease-in-out,top .5s ease-in-out,transform .5s ease-in-out;z-index:50}.centered-target{left:50%!important;top:50%!important;transform:translate(-50%,-50%) scale(1.3)!important;z-index:100}#footer-bar{position:fixed;bottom:0;left:0;width:100%;height:50px;background-color:transparent;z-index:200;padding:0 20px;box-sizing:border-box}.footer-content{height:100%;display:flex;justify-content:space-between;align-items:center;color:#333;font-family:sans-serif;font-size:24px}.footer-content a{color:#333;text-decoration:none;font-weight:400}.footer-content a:hover{text-decoration:underline}.footer-content a,.footer-content a:visited{color:#0645ad!important;text-decoration:underline;font-weight:400}.footer-content a:active{color:#0b0080!important}.footer-content a:hover,.footer-content a:focus{color:#0645ad!important;text-decoration:underline}.footer-content .link-style:visited{color:#639!important}.chevron{display:inline-flex;align-items:center;vertical-align:middle;margin-left:6px;transition:transform .2s}.chevron svg{display:block;width:1em;height:1em}.chevron-down svg{transform:rotate(0)}.chevron-up svg{transform:rotate(0)}#about-section{width:100%;min-height:100vh;background-color:#fff;padding:40px;box-sizing:border-box;color:#333}#playground-section{width:100%;min-height:100vh;background-color:transparent;padding:0;box-sizing:border-box;color:#333}body.playground-visible #playground-container{position:fixed;top:env(safe-area-inset-top);left:0;width:100vw;height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom));border-radius:0;background:transparent;overflow:hidden;z-index:1}body.playground-visible #playground-container,body.playground-visible #playground-container canvas{touch-action:none;-ms-touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}body.playground-visible #playground-caption{position:fixed;left:50%;transform:translate(-50%);top:33%;z-index:5;color:#111;font-size:20px;line-height:1.4;text-align:center;padding:8px 14px;border-radius:8px;background:#ffffffa6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}body:not(.playground-visible) #playground-caption{display:none}body:not(.playground-visible) #playground-container{display:none!important}@media (max-width: 768px){#about-section,#playground-section{padding:20px 20px 80px;min-height:auto!important;position:absolute;top:0;left:0;right:0;background:#fff;z-index:100}.about-content{font-size:16px;max-width:100%}.about-header .footer-content,.footer-content{font-size:14px}#main-view{height:100vh;min-height:100vh;position:relative;width:100%}#main-view{min-height:100vh}#about-section{position:absolute;height:auto;min-height:100%!important}#image-container .spawned-image{width:200px;height:auto}.footer-content{font-size:14px}#footer-bar{height:40px}body.about-visible #main-view,body.playground-visible #main-view{display:none!important}body:not(.about-visible) #about-section{display:none!important}body.playground-visible #about-section{display:none!important}body:not(.playground-visible) #playground-section{display:none!important}}.about-header{padding-bottom:30px;box-sizing:border-box;width:100%;position:relative;z-index:10}.about-header .footer-content{padding:0 20px;box-sizing:border-box}.about-content{max-width:800px;margin:0 auto;font-size:16px;line-height:1.6}.about-content p{margin-bottom:1.2em}body.about-visible #footer-bar,body.playground-visible #footer-bar{display:none}body:not(.playground-visible) #playground-section{display:none!important}body.playground-scrolling #playground-section{display:block!important;min-height:100vh}body.playground-visible #main-view,body.playground-visible #about-section{display:none!important}.link-style{background:none;border:none;color:#0645ad;text-decoration:underline;text-decoration-skip-ink:none;text-underline-offset:1px;cursor:pointer;padding:0;font:inherit;white-space:nowrap}.link-style .chevron{text-decoration:none!important;display:inline-block;vertical-align:middle;margin-left:6px;color:#555;opacity:.8}.link-style svg{vertical-align:middle}.link-style:visited{color:#639}.link-style:hover,.link-style:focus{color:#0645ad;text-decoration:underline}.link-style:active{color:#0b0080}