:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;margin:0;padding:0}h1{font-size:3.2em;line-height:1.1}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){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{box-sizing:border-box}html{height:100%}body{background-color:#000;margin:0;padding:0;height:100%}@media(min-width:769px){body{background-image:url(/sandshare/bg.png);background-size:cover;background-position:center;background-attachment:fixed}}.app-container{width:100%;height:100vh;display:flex;flex-direction:column;overflow:hidden;position:relative}.loading-overlay{position:absolute;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9999}.progress-container{width:300px;height:8px;background:#fff3;border-radius:10px;overflow:hidden;position:relative;box-shadow:0 0 20px #64c8ff80}.progress-bar{height:100%;background:linear-gradient(90deg,#00d4ff,#09f,#60f);border-radius:10px;transition:width .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 0 15px #64c8ffcc,inset 0 0 10px #ffffff4d;position:relative}.progress-bar:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#00d4ff;font-weight:700;font-size:12px;text-shadow:0 0 10px rgba(0,212,255,.8);z-index:10;white-space:nowrap;letter-spacing:1px}.rive-wrapper{width:100%;height:100%;position:relative}@media(max-width:768px){.app-container{height:100dvh}.mobile-loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:8000}.loading-spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-top:4px solid #00d4ff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mobile-loading-overlay p{color:#00d4ff;font-size:14px;font-weight:600;letter-spacing:.5px}.app-container.page-1{background-color:#fff}.app-container.page-2{background-image:url(/sandshare/bg-page2-mobile.png);background-size:cover;background-position:bottom;background-repeat:no-repeat;background-color:#1d60e5!important;transition:background .3s linear}.app-container.page-2-outro-blue{background-image:none!important;background-color:#1d60e5!important}.app-container.page-3{background-image:url(/sandshare/bg-page2-mobile.png);background-size:cover;background-position:bottom;background-repeat:no-repeat}.app-container.page-4{background-image:url(/sandshare/bg-page4-mobile.png);background-size:cover;background-position:0;background-repeat:no-repeat}.app-container.page-5{background-image:url(/sandshare/bg-page5-mobile.png);background-size:cover;background-position:bottom;background-repeat:no-repeat}.app-container.page-6{background-image:url(/sandshare/bg-page5-mobile.png);background-size:cover;background-position:bottom;background-repeat:no-repeat}.app-container.page-7{background-image:url(/sandshare/bg-page5-mobile.png);background-size:cover;background-position:bottom;background-repeat:no-repeat}.app-container.page-8{background-image:url(/sandshare/bg-page5-mobile.png);background-size:cover;background-position:-10px 0;background-repeat:no-repeat}.app-container.page-9{background-image:url(/sandshare/bg-page2-mobile.png);background-size:cover;background-position:bottom;background-repeat:no-repeat}.app-container.page-10{background-image:url(/sandshare/bg-page2-mobile.png);background-size:cover;background-position:bottom;background-repeat:no-repeat}.app-container.page-3-intro-animate:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-color:#1d60e5;animation:page3IntroShrink .6s ease-in forwards;z-index:999}@keyframes page3IntroShrink{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.rive-wrapper{width:100vw;height:100dvh;overflow:hidden;display:flex;align-items:center;justify-content:center}.rive-wrapper>div{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.rive-wrapper canvas{width:100vw!important;height:100dvh!important;object-fit:contain}}.back-button{position:fixed;top:20px;left:5%;padding:10px 20px;background-color:#0009;color:#fff;border:none;border-radius:12px;cursor:pointer;font-size:14px;font-weight:500;z-index:100}@media(max-width:768px){.back-button{top:10px;left:20px;padding:8px 16px;font-size:12px;background-color:#0003}}.back-button:hover{background-color:#000c}.desktop-notice-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;cursor:default;animation:noticeBackgroundFade .4s ease-out}@keyframes noticeBackgroundFade{0%{opacity:0}to{opacity:1}}.desktop-notice-content{background:transparent;padding:32px 40px;border-radius:12px;text-align:center;max-width:85%;box-shadow:none;animation:noticeContentSlideUp .5s cubic-bezier(.16,1,.3,1)}@keyframes noticeContentSlideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.notice-icon{font-size:40px;margin-bottom:12px;display:inline-block}.notice-text{margin:0 0 20px;font-size:18px;font-weight:600;color:#fff;letter-spacing:.3px}.notice-button{background:#fff;color:#1f1f1f;border:none;padding:12px 32px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}.notice-button:hover{background:#333}.notice-button:active{transform:scale(.98)}.app-container.page-3-intro-animate:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-color:#1d60e5;animation:page3IntroShrink .6s ease-in forwards;z-index:999}@keyframes page3IntroShrink{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.app-container.page-3-to-4-transition:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,140,0,.8) 50%,transparent 100%);animation:page3To4Wipe .8s cubic-bezier(.4,0,.2,1) forwards;z-index:998;pointer-events:none}@keyframes page3To4Wipe{0%{transform:translate(-100%)}to{transform:translate(100%)}}.app-container.page-9-to-10-transition:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,140,0,.8) 50%,transparent 100%);animation:page9To10Wipe .8s cubic-bezier(.4,0,.2,1) forwards;z-index:998;pointer-events:none}@keyframes page9To10Wipe{0%{transform:translate(-100%)}to{transform:translate(100%)}}.app-container.page-10-intro-transition:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,140,0,.8) 50%,transparent 100%);animation:page10IntroWipe .8s cubic-bezier(.4,0,.2,1) forwards;z-index:999;pointer-events:none}@keyframes page10IntroWipe{0%{transform:translate(100%)}to{transform:translate(-100%)}}.app-container.page-4-intro-transition:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,140,0,.8) 50%,transparent 100%);animation:page4IntroWipe .8s cubic-bezier(.4,0,.2,1) forwards;z-index:999;pointer-events:none}@keyframes page4IntroWipe{0%{transform:translate(100%)}to{transform:translate(-100%)}}