:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--vvh: 100svh;--bubble-diameter: 4.5rem;--bubble-gap: .75rem;--bubble-reserve: calc(var(--bubble-diameter) + var(--bubble-gap));--header-h: 2.5rem;--app-height: 100svh}html,body,#root{margin:0;padding:0;background:#000;color:#fff;height:100%;overflow:hidden}.viewport-full{min-height:var(--app-height, 100dvh);background:#000}.pad-safe-bottom{padding-bottom:env(safe-area-inset-bottom)}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){a:hover{color:#747bff}button{background-color:#f9f9f9}}.app-shell{height:var(--app-height, 100svh);overflow-y:auto;overflow-x:hidden;background:#000}html,body,#root{margin:0;padding:0;height:100%!important;overflow:hidden!important}#root{position:fixed;top:0;right:0;bottom:0;left:0;background:#000}:root{--color-primary: #0ce6f0;--color-accent: rgb(154, 221, 243);--color-bg: #f0f0f0;--gap-sm: 1rem;--gap-md: 1.5rem;--pixel-size: 20px;--toolbar-height: 3rem}body{display:flex;margin:0;min-height:100vh;flex-direction:column;justify-content:flex-start}html,body{margin:0;padding:0;height:auto}.app-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background-color:#fff;min-height:var(--app-height, 100svh)}h1{text-align:center;font-size:3rem}.splash-container{display:flex;align-items:center;justify-content:center;width:100vw;height:100vh;background:#fff}.splash-logo{width:15rem;height:15rem;object-fit:contain}.flex-center{display:flex;justify-content:center;align-items:center}.flex-col{display:flex;flex-direction:column}.mt-1{margin-top:var(--gap-sm)}.gap-1{gap:var(--gap-sm)}.success-logo-container{width:10rem;height:10rem;margin:0 auto}.success-logo{width:100%;height:100%;object-fit:contain}.header{background:#000;background-size:cover;background-position:center;display:flex;justify-content:flex-start;align-items:center;height:2.5rem;width:100vw;position:fixed;padding-left:0rem}.site-title{font-size:1.5rem;font-Weight:700;font-family:sans-serif}.site-title1{color:#fff}.site-title2{color:#0067bd}.top-buttons{position:absolute;right:1rem;display:flex;gap:1rem;z-index:10;align-items:center;font-size:1rem}.start-button{font-size:1.1rem;padding:none;margin-top:none;color:#fff;cursor:pointer;border:none;background:none}.start-button:hover{color:#9addf3}.about-button{color:#000;cursor:pointer;font-size:1.1rem;background:none;border:none;padding:0}.about-link:hover{color:#9addf3}.virtualized-grid-container{width:100vw;min-height:var(--vvh);overflow:auto;display:flex;justify-content:center;align-items:start;background-color:#000;margin-top:0}.virtualized-pixel{width:20px;height:20px;box-sizing:border-box;cursor:pointer}.virtualized-grid-container.plot-view{width:130vw;height:280vh;background:#d3d3d3}.virtualized-grid-container.snapshot-grid{position:fixed;top:2.5rem;left:0;right:0;display:flex;justify-content:center;align-items:start;background-color:#000;overflow:hidden;height:100svh}.snapshot-image-container{min-height:calc(var(--vvh) - 2.5rem);height:auto;box-sizing:border-box;overflow:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0;background:#000;flex:1}@media (max-width: 600px),html.mobile-layout{.virtualized-grid-container.snapshot-grid{bottom:0}.snapshot-image-container{min-height:calc(var(--vvh) - 2.5rem);padding-bottom:calc(env(safe-area-inset-bottom) + var(--bubble-reserve) + 4rem)}}.snapshot-image-container.mobile{padding-top:1rem;height:calc(var(--vvh) - 14rem);align-items:flex-start}.snapshot-image{height:auto;max-width:100%;object-fit:contain;image-rendering:pixelated;display:block}.snapshot-image.hide-cursor{cursor:none}.canvas-grid.desktop{flex:1;position:relative;overflow:hidden;padding-top:2.05rem}.canvas-grid.mobile{flex:1;position:relative;overflow:hidden;padding-top:2.75rem}.inapp-ios .virtualized-grid-container.snapshot-grid{top:var(--header-h);bottom:0}@media (max-width: 600px),html.mobile-layout{.inapp-ios .snapshot-image-container{padding-bottom:calc(env(safe-area-inset-bottom) + var(--bubble-reserve))}.inapp-ios .mobile-magnifier{bottom:calc(env(safe-area-inset-bottom) + 20px);z-index:10000;visibility:visible!important}}.region-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;height:80%;background-color:#000;padding:20px;border:1px solid #ccc;z-index:1000;display:flex;justify-content:center;align-items:center;flex-direction:column}.snapshot-container{position:relative;width:500px;height:500px}.snapshot-container img{width:500px;height:500px;object-fit:cover}@media (max-width: 600px),html.mobile-layout{.snapshot-container{position:relative;width:250px;height:250px}.snapshot-container img{width:250px;height:250px;object-fit:cover}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.terms-popup{background-color:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 8px #0003;max-width:400px;width:90%;z-index:1001}.terms-popup input[type=checkbox]{width:1.5em;height:1.5em}.instruction-popup{position:fixed;top:80px;left:50%;transform:translate(-50%);background:#fff;border:2px solid black;padding:20px;z-index:1100;width:300px;box-shadow:0 4px 10px #0000004d;border-radius:8px;text-align:left;color:#000}.instruction-popup h3{margin-top:0}.instruction-popup button{margin-top:10px;display:block;margin-left:auto;margin-right:auto;background:#fff}.purchase-modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0006;display:flex;justify-content:center;align-items:center;z-index:1000}.purchase-modal-content{background:#fff;padding:1.5rem 2rem;border-radius:10px;max-width:400px;box-shadow:0 4px 12px #0003;text-align:center;color:#000}.purchase-modal-buttons{display:flex;justify-content:space-between;margin-top:1.5rem}.purchase-cancel-button,.purchase-confirm-button{padding:.5rem 1rem;font-size:1rem;border:none;cursor:pointer}.purchase-cancel-button{background:#777}.purchase-confirm-button{background:#1d4ed8;color:#fff}.plot-modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0006;display:flex;justify-content:center;align-items:center;z-index:1000}.plot-modal-content{background:#fff;padding:1.5rem 2rem;border-radius:10px;max-width:400px;box-shadow:0 4px 12px #0003;text-align:center;color:#000}.plot-modal-buttons{display:flex;justify-content:space-between;margin-top:1.5rem}.plot-cancel-button,.purchase-confirm-button{padding:.5rem 1rem;font-size:1rem;border:none;cursor:pointer}.plot-cancel-button{background:#1d4ed8;color:#fff}.plot-confirm-button{background:#777;color:#fff}.top-toolbar.desktop{position:fixed;top:0;left:0;right:0;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;padding:0 1rem;background-color:#000;height:2.1rem;z-index:1000}.top-toolbar button{font-size:14px;border-radius:4px;cursor:pointer}.inline-group{display:flex;align-items:center;gap:6px}.toolbar-button{background:none;border:none;color:#fff;padding:4px 8px;font:inherit;cursor:pointer;align-items:center}.toolbar-button svg{vertical-align:middle;transform:translateY(-.12rem)}.toolbar-button:focus{outline:none}.toolbar-button:hover,.purchase-button:hover{text-decoration:underline}.total-cost{color:#fff;font-weight:700}.desktop-only{display:flex;justify-content:space-between;align-items:center;width:100%}.plot-controls-separator{display:flex;align-items:center;gap:8px}.toolbar-center-group{display:flex;align-items:center;gap:.75rem;margin:0 auto}.purchase-area{margin-left:auto;padding-right:1rem}.purchase-button{font-weight:700;background:none;border:none;padding:.5rem 1rem;font-size:1rem;color:#fff}.menu-panel{position:absolute;top:100%;left:0;display:flex;flex-direction:column;gap:.5rem;background:#000;border-radius:0 0 4px 4px;z-index:10;overflow:hidden;max-height:0;transition:max-height .5s ease}.menu-panel.open{max-height:350px}.desktop-hamburger-btn{background:none}.top-toolbar.mobile{position:fixed;top:0;left:0;right:0;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;padding:0 1rem;background-color:#000;height:2.8rem;z-index:1000}.mobile-menu-panel hr{border:none;border-top:1px solid #ccc;margin:.75rem 0}.hamburger-btn{width:auto;height:auto;padding:0;margin-right:1rem;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:#fff}.hamburger-button svg{width:100%;height:100%}.mobile-menu-toggle{position:relative;display:inline-block}.mobile-menu-panel{position:fixed;top:2.8rem;left:0;margin-top:0rem;max-height:calc(100vh - 5rem);overflow-y:auto;box-sizing:border-box;padding:1rem;display:flex;flex-direction:column;gap:.5rem;background:#fff;border:1.5rem solid black;border-radius:0 0 4px 4px;z-index:5}.purchase-button-mobile{font-weight:700;background:none;border:none;padding:.5rem 1rem;font-size:1rem;color:#24a0ed}.terms-list{padding-left:1.5em;list-style-type:disc;margin-bottom:1rem;color:#000}.terms-list li{margin-bottom:.5em}h3,h4{color:#000}