@font-face{font-family:Bangers;src:url(/assets/Fonts/Bangers/Bangers-Regular.ttf) format("truetype");font-weight:400;font-style:normal}*{box-sizing:border-box;margin:0;padding:0}.app{display:flex;position:relative;flex-direction:column;justify-content:center;align-items:center;height:100vh;margin:0;overflow:hidden;background-color:#1a237e;font-family:Bangers,cursive}.background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden}.bg-image{width:100%;height:100%;object-fit:cover}.logo,.description,.splash-data-debug,.splash-data-label,.splash-data-value{display:none}.footer{position:absolute;bottom:16px;left:50%;transform:translate(-50%);z-index:1}.footer-text{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.75em;color:#fff9;text-align:center}@media(max-aspect-ratio:1/1){.app:before{content:"MOBILE";position:absolute;top:10px;left:10px;font-size:.8em;color:#00bfff;font-weight:700;z-index:999;text-shadow:1px 1px 2px rgba(0,0,0,.8);display:none}.top-logo{position:absolute;top:20px;left:50%;transform:translate(-50%);z-index:21}.logo-image{width:240px;height:auto;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.4))}.host-avatar-container{display:block;position:absolute;left:50%;top:40px;transform:translate(-50%);z-index:10}.host-avatar{width:250px;height:250px;border-radius:0;border:none;box-shadow:none;object-fit:contain;background-color:transparent;animation:breathe-mobile 4s ease-in-out infinite;transform-origin:center bottom}@keyframes breathe-mobile{0%,to{transform:scaleX(-1) translateY(0) rotate(-3deg)}50%{transform:scaleX(-1) translateY(-3px) rotate(3deg)}}.host-label-container{display:block;position:absolute;left:50%;top:280px;transform:translate(-50%);z-index:11}.host-avatar-label{font-family:Bangers,cursive;font-size:1.5em;color:#1a237e;font-weight:700;text-transform:uppercase;letter-spacing:3px;background:gold;padding:6px 16px;border-radius:8px;border:5px solid #1a237e}.content{position:absolute;left:50%;bottom:120px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;z-index:20;text-align:center;max-width:90%;width:100%}.title-bar{position:relative;display:flex;flex-direction:column;gap:0;align-items:center}.title{font-family:Bangers,cursive;font-size:2.5em;font-weight:400;text-align:center!important;color:#fff;text-shadow:4px 4px 0 #1a237e,-2px -2px 0 #1a237e,2px -2px 0 #1a237e,-2px 2px 0 #1a237e,3px 3px 6px rgba(0,0,0,.5);margin:0;line-height:1.1;letter-spacing:3px}.subtitle{font-family:Bangers,cursive;font-size:1.5em;color:#fff;text-shadow:4px 4px 0 #1a237e,-2px -2px 0 #1a237e,2px -2px 0 #1a237e,-2px 2px 0 #1a237e,3px 3px 6px rgba(0,0,0,.5);letter-spacing:2px;text-align:center!important}.button-container{position:absolute;bottom:35px;left:50%;transform:translate(-50%);z-index:10}.start-button{font-family:Bangers,cursive;background-image:url(/assets/UI/ui_button.png);background-size:100% 100%;background-repeat:no-repeat;background-color:transparent;color:#1a237e;display:flex;align-items:center;justify-content:center;line-height:1;border:none;padding:14px 48px;font-size:1.5em;font-weight:400;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:3px;text-shadow:1px 1px 0 #FFD700}.start-button:hover{transform:scale(1.05);filter:brightness(1.1)}.start-button:active{transform:scale(.98);filter:brightness(.95)}.footer-text{font-size:.65em}}@media(min-aspect-ratio:1/1){.app:before{content:"DESKTOP";position:absolute;top:10px;left:10px;font-size:.8em;color:#0f0;font-weight:700;z-index:999;text-shadow:1px 1px 2px rgba(0,0,0,.8);display:none}.top-logo{position:absolute;top:24px;left:50%;transform:translate(-50%);z-index:21}.logo-image{width:280px;height:auto;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.4))}.host-avatar-container{display:block;position:absolute;right:-50px;top:50%;transform:translateY(-50%);z-index:10}.host-avatar{width:420px;height:420px;border-radius:0;border:none;box-shadow:none;object-fit:contain;background-color:transparent;animation:breathe-desktop 4s ease-in-out infinite;transform-origin:center bottom}@keyframes breathe-desktop{0%,to{transform:scaleX(-1) translateY(0) rotate(-3deg)}50%{transform:scaleX(-1) translateY(-3px) rotate(3deg)}}.host-label-container{display:block;position:absolute;right:120px;bottom:20px;z-index:11}.host-avatar-label{font-family:Bangers,cursive;font-size:1.5em;color:#1a237e;font-weight:700;text-transform:uppercase;letter-spacing:3px;background:gold;padding:6px 16px;border-radius:8px;border:5px solid #1a237e}.content{position:absolute;left:50px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:flex-start;gap:8px;z-index:20;text-align:left;max-width:50%}.title-bar{position:relative;display:flex;flex-direction:column;gap:0}.title{font-family:Bangers,cursive;font-size:3em;font-weight:400;text-align:left!important;color:#fff;text-shadow:4px 4px 0 #1a237e,-2px -2px 0 #1a237e,2px -2px 0 #1a237e,-2px 2px 0 #1a237e,3px 3px 6px rgba(0,0,0,.5);margin:0;line-height:1.1;letter-spacing:3px}.subtitle{font-family:Bangers,cursive;font-size:2em;color:#fff;text-shadow:4px 4px 0 #1a237e,-2px -2px 0 #1a237e,2px -2px 0 #1a237e,-2px 2px 0 #1a237e,3px 3px 6px rgba(0,0,0,.5);letter-spacing:2px;text-align:left!important}.button-container{position:absolute;bottom:70px;left:calc(35% - 20px);transform:translate(-50%);z-index:10}.start-button{font-family:Bangers,cursive;background-image:url(/assets/UI/ui_button.png);background-size:100% 100%;background-repeat:no-repeat;background-color:transparent;color:#1a237e;display:flex;align-items:center;justify-content:center;line-height:1;border:none;padding:24px 100px;font-size:2.4em;font-weight:400;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:3px;text-shadow:1px 1px 0 #FFD700}.start-button:hover{transform:scale(1.05);filter:brightness(1.1)}.start-button:active{transform:scale(.98);filter:brightness(.95)}}