*{margin:0;padding:0;-webkit-user-select:none;user-select:none}*{margin:0;padding:0}body,html,#root{margin:0;padding:0;height:100%;overflow:hidden;font-family:Arial,sans-serif}.app-container{height:100vh;width:100vw;background:linear-gradient(to bottom right,#1c1c1e,#2c2c30);display:flex;flex-direction:column}.app-header{color:#fff;font-size:2.5rem;text-align:center;padding:1.5rem 0;font-weight:700}.join-container{flex:1;display:flex;justify-content:center;align-items:center}.join-card{background-color:#3a3a3e;color:#fff;padding:2rem;border-radius:12px;box-shadow:0 0 20px #00000080;max-width:350px;width:100%;display:flex;flex-direction:column}.join-title{text-align:center;font-size:1.5rem;margin-bottom:1rem}.join-label{margin-top:1rem;margin-bottom:.3rem;font-size:.9rem}.join-input{padding:.5rem;border-radius:6px;border:none;outline:none;background-color:#2c2c2f;color:#fff;margin-bottom:.5rem}.join-button{margin-top:1rem;padding:.7rem;border:none;border-radius:20px;background-color:#c56c00;color:#fff;font-weight:700;font-size:1rem;cursor:pointer;transition:background-color .2s ease-in-out}.join-button:hover{background-color:#f80}.game-wrapper{height:100vh;width:100vw;background-color:#1e1e1e;position:relative}.game-info{position:absolute;top:10px;right:10px;background-color:#3c3c3cb3;color:#fff;padding:10px;border-radius:8px;font-size:.85rem;z-index:10}