@tailwind base;@tailwind components;@tailwind utilities;*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#000}#root{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.app-container{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;display:flex;justify-content:center;align-items:center}@media (min-width: 768px){.app-container{width:56.25vh;height:100vh;left:50%;transform:translate(-50%)}}@media (max-width: 767px){.mobile-container{width:100vw;height:100vh;max-width:100vw;max-height:100vh}}@supports (-webkit-touch-callout: none){.mobile-container{height:-webkit-fill-available;width:100vw}body{height:-webkit-fill-available}}.scene-container{width:100%;height:100%;position:relative}.splash-screen{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden;opacity:1;transition:opacity .6s ease-in-out}.splash-screen.fade-out{opacity:0;pointer-events:none}.background-image{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;animation:zoom-in-bg 9s linear forwards}.instruction-image{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;max-width:500px;height:auto;-o-object-fit:contain;object-fit:contain;z-index:10;transition:all .6s cubic-bezier(.4,0,.2,1);opacity:1;transform-origin:center center;will-change:transform,opacity}.instruction-image.hidden{opacity:0;transform:translate(-50%,-45%) scale(.95);pointer-events:none;visibility:hidden}.instruction-image.fade-out{opacity:0;transform:translate(-50%,-50%);pointer-events:none}.instruction-image.fade-in{opacity:1;transform:translate(-50%,-50%) scale(1);visibility:visible}.sequence-fullscreen{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;z-index:10;pointer-events:none;transition:all .6s cubic-bezier(.4,0,.2,1)}.instruction-gif-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;z-index:9999;pointer-events:none;mix-blend-mode:screen;background:transparent;display:block}.permission-screen{width:100%;height:100%;position:relative;background-color:#000;overflow:hidden}.permission-content{width:100%;height:100%;position:relative;display:flex;justify-content:center;align-items:center}.permission-bg{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:.3;animation:zoom-in-bg 9s linear forwards}@keyframes zoom-in-bg{0%{transform:scale(1)}to{transform:scale(1.15)}}.permission-message{position:relative;z-index:10;text-align:center;color:#fff;padding:2rem;background:#000000b3;border-radius:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:90%;width:400px}.permission-message h2{font-size:1.5rem;margin-bottom:1rem}.permission-message p{font-size:1rem;margin-bottom:1.5rem;opacity:.9}.retry-button{background:#fff;color:#000;border:none;padding:.75rem 1.5rem;border-radius:2rem;font-size:1rem;font-weight:500;cursor:pointer;transition:transform .2s ease}.retry-button:hover{transform:scale(1.05)}.retry-button:active{transform:scale(.95)}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.logo-overlay{position:absolute;top:0;left:0;right:calc(env(safe-area-inset-right,0) + 20px);width:100%;height:100%;-o-object-fit:cover;object-fit:cover;z-index:9999;pointer-events:none;display:block}.app-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#fff;display:flex;justify-content:center;align-items:center;overflow:hidden}@media (min-width: 650px){.app-container{width:56.25vh;height:100vh;left:50%;top:0;transform:translate(-50%);max-width:100vw;max-height:100vh}}