:root{--overlay-panel-bg: rgba(244, 240, 234, .88);--overlay-panel-accent: rgba(29, 185, 170, .12);--overlay-panel-border: rgba(16, 16, 16, .12);--overlay-panel-shadow: 0 14px 44px rgba(0, 0, 0, .1);--overlay-panel-blur: 10px;--overlay-panel-radius: 14px;--overlay-panel-pad-y: 12px;--overlay-panel-pad-x: 14px}@media (max-width: 600px){:root{--overlay-panel-radius: 12px;--overlay-panel-pad-y: 10px;--overlay-panel-pad-x: 12px}}#top-artwork-container,canvas{touch-action:none}.right-max-width{max-width:340px}.hidden{display:none}.visitor-count{color:#101010eb;opacity:.85;display:block;margin-top:.35em}.floating-text-container{position:fixed;top:80px;left:50%;transform:translate(-50%);z-index:1000;pointer-events:none}.floating-text{font-size:1.2em;color:#fff;background:#1e1e1ed9;padding:12px 32px;border-radius:16px;box-shadow:0 2px 16px #0004;display:none}#shapeContainer.shape-container{position:fixed;right:var(--page-inline-start, 24px);bottom:16px;z-index:1010}#shapeContainer.shape-container #deleteShapesAdmin{font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:12px;padding:8px 12px;border-radius:6px;border:1px solid rgba(185,28,28,.45);background:#fef2f2f5;color:#991b1b;cursor:pointer;box-shadow:0 2px 12px #00000014}#shapeContainer.shape-container #deleteShapesAdmin:hover{background:#fff}.manifesto{position:fixed;z-index:1100;left:var(--nav-gutter-x);max-width:520px;pointer-events:none;-webkit-user-select:none;user-select:none}.manifesto-line{font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.35;letter-spacing:.01em;color:#101010eb;opacity:0;transform:translateY(14px);transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1);will-change:opacity,transform}.manifesto-line.is-visible{opacity:1;transform:translateY(0)}.career-pivot{position:fixed;z-index:1100;max-width:640px;pointer-events:none;-webkit-user-select:none;user-select:none;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.35;letter-spacing:.01em;color:#101010eb;opacity:0;transform:translateY(16px);transition:opacity 1s cubic-bezier(.22,1,.36,1),transform 1s cubic-bezier(.22,1,.36,1);text-shadow:none;will-change:opacity,transform}.career-pivot.is-visible{opacity:1;transform:translateY(0)}@media (max-width: 600px){.career-pivot{max-width:320px;font-size:13px}}@media (max-width: 390px){.career-pivot{font-size:12px}}@media (max-width: 600px){.manifesto{max-width:34ch}.manifesto-line{font-size:13px;line-height:1.28}}@media (max-width: 500px){.manifesto{max-width:26ch}}@media (max-width: 390px){.manifesto{max-width:22ch}.manifesto-line{font-size:12px}}#top-artwork-container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;margin:0;padding:0;background:#fff}#erosionCanvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;opacity:0;transition:opacity .3s ease;z-index:2}canvas{position:relative;width:100%;height:100%;z-index:1;display:block}#tutorialContainer{position:fixed;bottom:0;margin-bottom:0;width:100%;height:72px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;z-index:10;display:none}#tutorialText{margin-bottom:0;padding-top:24px;font-size:20px;width:100%;height:100%;background-color:#222;color:#fff;justify-content:center}#floatingTextContainer{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding-left:45px;display:flex;flex-direction:column;z-index:999;pointer-events:none;width:80%;transition:opacity .5s ease-in-out}#floatingText{font-size:20px;color:#fff;background-color:#00000095;padding:40px 40px 4px;transition:opacity .5s ease-out;overflow-y:auto;display:none;flex-direction:column;transition:opacity .5s ease-in-out}@media screen and (height < 400px){#floatingText{font-size:16px;padding-top:20px;padding-bottom:4px}}#title{font-weight:700}#madeBy{margin-top:16px;font-size:12px;padding-left:0;margin-left:32px;text-align:right;transform:translate(24px)}ul{list-style-type:square}#loadingOverlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0000004d;display:none;z-index:1000}#loadingDiv{position:absolute;left:50%;top:50%;transform:rotate(-90deg) translate(50%,-50%);width:10%;display:none}#loadingText{color:#fff;font-size:1rem;position:relative;font-family:Monospace}@media screen and (max-width: 768px){#loadingDiv{width:25%}#loadingText{font-size:.8rem}#floatingText{font-size:18px}}@media only screen and (max-width: 600px){#loadingDiv{width:15%}#loadingText{font-size:.8rem}#floatingText{font-size:16px}}@media only screen and (min-width: 600px){#loadingDiv{width:15%}#loadingText{font-size:.8rem}#floatingText{font-size:18px}}@media only screen and (min-width: 768px){#loadingDiv{width:15%}#loadingText{font-size:.85rem}#popupMessage{width:60%}#floatingText{font-size:20px}}@media only screen and (min-width: 992px){#loadingDiv{width:12%}#loadingText{font-size:.9rem}#popupMessage{width:55%}#floatingText{font-size:22px}#madeBy{font-size:16px}}@media only screen and (min-width: 1200px){#loadingDiv{width:10%}#loadingText{font-size:1.1rem}#popupMessage{width:55%}#floatingText{font-size:24px}}#optionsSection{position:fixed;bottom:20px;left:35px;display:flex;flex-direction:column;gap:4px}#addVertexButton{font-size:30px;position:absolute;bottom:120px;width:50px;height:50px;border-radius:50%;border:none;color:#fff;background-color:#1db9aa;transition:background-color .5s;display:flex;align-items:center;justify-content:center}@media only screen and (max-width: 768px){#addVertexButton{bottom:90px}}.animated{animation:pulse 2s infinite}#infoButton,#cameraButtonContainer{display:none}#mainCameraButton{background-color:#54545482;border:none;border-radius:50%;padding:22px;cursor:pointer;margin-right:10px}#mainCameraButton:hover{background-color:#545454}.camera-button{background-color:#54545482;border:none;border-radius:50%;padding:10px;cursor:pointer;margin-right:10px;transition:background-color .5s;display:flex;align-items:center;justify-content:center;position:relative}.camera-button:hover{background-color:#545454}.camera-icon{width:24px;height:24px}#cameraImage,#backImage{width:24px;height:24px;position:absolute;opacity:1;transition:opacity .2s ease-out}#backImage{opacity:0}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%{transform:scale(.9);box-shadow:0 0 #000000b3}70%{transform:scale(1);box-shadow:0 0 0 10px #0000}to{transform:scale(.9);box-shadow:0 0 #0000}}.fade-out{animation:fadeOut .2s forwards}.fade-in{animation:fadeIn .8s forwards}.hidden{opacity:0;pointer-events:none}.floating__share{position:absolute;top:120%;padding:8px;font-size:larger;font-weight:700;font-family:neue machina;color:#000;background-color:#ffffff95;border-radius:4px;cursor:pointer}#googleContainer{position:absolute;top:10px;right:10px;z-index:10}#googleLogo{width:100px;height:auto}#overlayText{position:fixed;left:0;right:0;top:0;bottom:0;z-index:900;pointer-events:none}#overlayText .left{position:absolute;left:var(--nav-gutter-x);bottom:40px;color:#101010eb;font-size:2.2em;font-weight:400;line-height:1.1;text-align:left}#overlayText .right{position:absolute;right:var(--nav-gutter-x);bottom:40px;color:#101010eb;font-size:clamp(14px,3.2vw,20px);font-weight:400;line-height:1.1;text-align:right;text-shadow:none}#overlayText .right .right-max-width{max-width:340px;padding:var(--overlay-panel-pad-y) var(--overlay-panel-pad-x)}#overlayText .right #timeOnSiteRight{display:block;font-size:.92em;opacity:.92;letter-spacing:.02em;font-variant-numeric:tabular-nums}#overlayText .right .visitor-count{font-size:.92em;opacity:.85}#overlayText .right .overlay-kicker{display:inline-block;font-weight:650;letter-spacing:.02em;opacity:.95;text-transform:uppercase}#overlayText .right .overlay-meta{display:inline-block;font-size:.88em;opacity:.78;font-variant-numeric:tabular-nums}#overlayText .right .overlay-metric{display:inline-block;font-weight:700;letter-spacing:.02em;color:#1db9aa}#overlayText .right .overlay-note{display:inline-block;font-style:italic;opacity:.75}@media (max-width: 600px){#overlayText .right{bottom:24px;font-size:clamp(14px,4vw,18px)}#overlayText .right .right-max-width{max-width:240px}}