body,html{color:#fff;background:#1a1a1a;width:100%;height:100%;margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow:hidden}#rive-canvas{width:100%;height:100%;display:block}.hidden{display:none!important}#login-modal{z-index:10;background:linear-gradient(135deg,#9bc6f9,#5797f3);justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.login-box{text-align:center;color:#2f3542;background:#f1f2f6;border-radius:12px;width:300px;padding:70px 30px 30px;position:relative;box-shadow:0 15px 35px #0003}#game-logo{filter:drop-shadow(0 4px 6px #0000001a);width:180px;margin:0;display:block;position:absolute;top:-60px;left:50%;transform:translate(-50%)}.login-box input,.login-box select{box-sizing:border-box;color:#2f3542;background:#fff;border:1px solid #ced6e0;border-radius:8px;outline:none;width:100%;margin:10px 0;padding:12px;font-size:16px;transition:border-color .2s}.login-box input:focus,.login-box select:focus{border-color:#5797f3}.login-box button{box-sizing:border-box;color:#fff;cursor:pointer;background:#4caf50;border:none;border-radius:8px;width:100%;margin:15px 0 10px;padding:12px;font-size:16px;font-weight:700;transition:transform .1s,background .2s}.login-box button:active{transform:scale(.95)}.login-box button.google-btn{background:#db4437}.settings-btn{cursor:pointer;z-index:100;background:#fff;border:2px solid #ccc;border-radius:50%;width:50px;height:50px;font-size:24px;position:absolute;top:20px;left:20px;box-shadow:0 4px 6px #0000001a}.settings-btn:hover{background:#f1f2f6}.modal{z-index:9999;background:#000000b3;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.modal-content{text-align:center;background:#fff;border-radius:12px;min-width:300px;padding:30px;box-shadow:0 10px 25px #00000080}.modal-content h2{color:#2f3542;margin-top:0;font-size:24px}.input-group{text-align:left;flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.input-group label{color:#57606f;font-weight:700}.input-group input{border:2px solid #ced6e0;border-radius:8px;outline:none;padding:12px;font-size:16px;transition:border-color .2s}.input-group input:focus{border-color:#7bed9f}.modal-content button{cursor:pointer;color:#fff;border:none;border-radius:8px;padding:12px 20px;font-size:16px;font-weight:700;transition:transform .1s,opacity .2s}.modal-content button:active{transform:scale(.95)}.modal-content button:hover{opacity:.9}#btn-update-username{color:#fff;background-color:#2ed573}#btn-logout{background-color:#ff4757;width:100%}#btn-close-settings{background-color:#747d8c;width:100%;margin-top:10px}#loading-screen{z-index:10000;background-color:#f1f2f6}.loading-content{flex-direction:column;justify-content:center;align-items:center;display:flex}.pulsing-logo{width:150px;margin-bottom:20px;animation:1.5s ease-in-out infinite pulse}#loading-text{color:#2f3542;text-align:center;font-size:22px;font-weight:700}@keyframes pulse{0%{opacity:.8;transform:scale(.95)}50%{opacity:1;transform:scale(1.05)}to{opacity:.8;transform:scale(.95)}}