html,body,#root{height:100%;width:100%;margin:0;padding:0;overflow-x:hidden}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background-color:#333}.app-container{display:flex;justify-content:center;align-items:center;width:100%;min-height:100vh;min-height:100dvh}.phone-mockup{width:100%;height:100vh;height:100dvh;background-color:#000;display:flex;box-sizing:border-box}.phone-screen{position:relative;width:100%;height:100%;overflow:hidden}.unity-canvas{width:100%;height:100%}.loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#000;z-index:10}.phone-notch,.phone-bottom-bar{display:none}@media (min-width: 600px){.phone-mockup{position:relative;width:clamp(380px,90vmin,480px);height:auto;aspect-ratio:1 / 2;background-color:#1a1a1a;border-radius:60px;box-shadow:0 0 0 10px #333,0 0 0 12px #222,0 10px 40px #000000b3;padding:20px;flex-direction:column;justify-content:center;align-items:center}.phone-screen{flex-grow:1;background-color:#000;border-radius:40px}.phone-notch,.phone-bottom-bar{display:block;position:absolute;background-color:#1a1a1a;z-index:1}.phone-notch{top:20px;width:35%;height:30px;border-bottom-left-radius:20px;border-bottom-right-radius:20px}.phone-bottom-bar{bottom:20px;width:25%;height:8px;background-color:#555;border-radius:5px}}.loading-bar-container{width:80%;height:30px;background-color:#333;border-radius:15px;border:2px solid #555;box-shadow:inset 0 0 5px #00000080;position:relative;overflow:hidden}.loading-bar-progress{height:100%;background:#4a90e2;border-radius:15px;transition:width .3s ease-in-out}.loading-bar-text{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;color:#fff;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.7)}